AsiaExpat Web Design/Development (WordPress)

After KLIF Media’s design, AsiaExpat requested a similar site rejecting a few that looks alike. This was the result. I’d say its like KLIF Media v1.5

Software: NetBeans, Photoshop
Languages/Frameworks: WordPress, PHP, MySQL, jQuery, jQuery UI, HTML5, CSS3

Investment uses Custom Post Types/Taxonomy but instead of WordPress default UI for taxonomies, I used a Meta Box to group all custom portfolio meta and taxonomies together. This way, I can use jQuery UI’s multi-value auto complete too.

Design wise, I was quite pleased with my Post Card like contact forms. The social media icons where done my me too. The services page looks great, but the 3D are work are not mine, they are gotten from GraphicRiver.

Live Site

KLIF Media Web Design & Development (WordPress)

One of my first projects at KLIF Media (klifmedia.com) was to redesign their site.

Software: Photohsop, Notepad++
Programming: WordPress, HTML5, CSS3, jQuery, jQuery UI

This was one of my first WordPress site (just learning WP for ~1 month then) that I think was more well done. It uses Custom Post Types/Taxonomies/Meta Boxes for Portfolio. For the Contact forms, its implemented using PHP/functions.php with admin pages for viewing form submissions stored in the database.

Design part, considering myself more of a developer, I was quite pleased with myself. Some highlights were the 4 artworks for the services section in the home page, the “paper-style” form and those squigly underline (in banner) & handdrawn arrows (mainnav)

WIP: Tickle Project Managment Tool

Hi-res

Tutorials+ Free Tutorial of The Month: How to code a custom HTML5 Video Player by Jeffrey Way

this month (September 2010) free tutorial of the month is How to code a custom HTML5 video by non other than Jeffrey Way, editor of NetTuts+.

but 1 thing i really like is how he encourages readers at the end of the tutorial.

There’s no two ways about it; this stuff is confusing, until you suddenly hear the “click,” so to speak. This usually is proceeded by an extended, “Oooohhhhhh.” If you haven’t gotten there yet, of if your eyes couldn’t help but glaze over this long tutorial, that’s okay. Read it again, and, most importantly, work along. That’s the only way we grow

its great to grab this great tutorial while its free!

20 Snippets You should be using from Html5 Boilerplate