5/10/2011

Update: My Personal Website



As some of you might know that I have been working on my personal website. I have managed to almost finish it. I have upload it to the GIT server, Here is the link.

Programs I used: Adobe Dreamweaver, Visual Light Box, WOW Slider.

I designed the header, the background (fixed on the pages), and spry menu bar. It's based on Dreamweaver template, but modified it to fit my need.  

The Index Page: for the slide show in the main page I used WOW Slider which is cool and easy programs to use, free and paid version.
 

The About Page: little info about me :)


The Galleries Page: where the photo is a link to a specific galley.


I used Visual Light Box to create my gallery (pretty easy to use). Each gallery view the image using "jquery" java script viewer.

 

The Contact Page: made the contact form in Adobe Dreamweaver, and used a php mail form page. I though It will be better for me to also list Flickr, Twitter, and Facebook accounts on the contact page.


What I would do next? 
- Add more contents (photos, particularly).
- Redesign the blog to fit with the page design.
- Find better place for Flickr, Twitter, and Facebook links.
- And if I got creative, I might change the look of the whole site :P

5/07/2011

QR Codes for Designers



The new creative way to connect real life to the digital world is by using QR code (short for Quick Response) where you can scan the tags from your mobile phone for quick access to URL, websites, videos, reviews, phone numbers, addresses, an iPhone app and much more.

Designers and whoever publish stuff to the public such as for advertising, marketing or campaigns, can differently use and benefit from it. I have seen QR-Codes, the once that look like this


on ads, posters, business card, flyers, and even products (my facial wash). You can make yours from here.



Microsoft has come with a neat QR code system called Microsoft Tag.

The cool thing about Microsoft Tag is that its colored and you can manipulate it, where you can customize it with personal background or even make it as a picture.

After you register on their website, set your categories and then go to the Tag Manager.
Hit Create a Tag

Enter the needed information. Under the tag type you could choose URL, App Download, Free Text, vCard, or Dialer.

You could also set an end date to the tag, this is useful for event ads and such on.

After you hit Save, you'll go back to the Tag Manager, click the render icon of the tag you created to created and choose the design on the tag.
You could choose file type and size. Custom is the option where you can manipulate the background of the tag. Like this:
If you choose custom, make sure the background color don't interfere with the tag color, Watch this video to understand what I mean.

This is Plain tag:

You could try mine ;), but first, you need to download the app from here.