Interview With Max Luzuriaga 60

• General Stuffs →

Interview With Max Luzuriaga

I met Max Luzuriaga at FOWD conference where I spoke in 2010 (New York City). Max first impressed me with his portfolio site which is coded with HTML5 markup, Modernizr, and CSS3 media queries (but according to Max, his site is already "a little out of date"). At age of 15, Max is learning and doing various design and development works (web, icons, Javascript, PHP, iOS, Ruby on Rails, etc.). Max not only impressed me with his skills, but his passion reminds me that I have to keep upgrading myself and learning new things. I hope this interview can motivate more young talents to step into the industry.

Using iPhone GPS Map Without a Data Plan or WIFI Connection 84

• General Stuffs →

Using iPhone GPS Map Without a Data Plan or WIFI Connection

Today I would like to share something that is slightly off topic — how to use iPhone GPS map on the road without a data or WIFI connection. To be more specific, I mean how to use the iPhone Google Map as a GPS (without a network connection on the road) by pre-caching the map. This trick is very useful if you don't have a data plan or want to avoid the data roaming charges when you are travelling.

CSS: Elastic Videos 140

• Tutorials → ,

CSS: Elastic Videos

While I was coding the Elemin Theme (a responsive WordPress theme that I recently designed), one of the challenges that I faced was to make the embedded videos elastic. Using the max-width:100% and height:auto trick works with native HTML5 video tag, but it doesn't work with embed code using iframe or object tag. After hours of experimenting and Googling, I finally found a trick on how to achieve this. If you are creating a responsive design, this simple CSS trick will come in handy. View the final demo and resize your browser window to see it in action.

View Demo Elastic Videos

Speaking at Mad in Spain 44

• General Stuffs → ,

Speaking at Mad in Spain

I just wanted to post a quick announcement that I will be speaking at Mad in Spain on June 3rd, 2011 (organized by Domestika). This will their 6th anniversary. Mad in Spain is one of the biggest design conferences in Spain. My presentation topic is about applying art in modern web design. After the conference, I will be spending a week in Barcelona and a week in Paris after that. I will be touring and working during those time.

Responsive Design with CSS3 Media Queries 243

• Tutorials → , ,

Responsive Design with CSS3 Media Queries

Screen resolution nowsaday ranges from 320px (iPhone) to 2560px (large monitor) or even higher. Users no longer just browse the web with desktop computers. Users now use mobile phones, small notebooks, tablet devices such as iPad or Playbook to access the web. So the traditional fixed width design doesn't work any more. Web design needs to be adaptive. The layout needs to be automatically adjusted to fit all display resolution and devices. This tutorial will show you how to create a cross-browser responsive design with HTML5 & CSS3 media queries.

View Demo Responsive Design

Download Demo ZIP

Two Free FITC Conference Tickets 83

• General Stuffs → ,

Two Free FITC Conference Tickets

I have two FITC conference tickets to give away. For those that don't know about @FITC, it is one of the biggest conferences and workshops dedicated to web designers and developers. The event will take place in Toronto between May 2nd to 4th. I will be attending the conference as usual. Here is your chance to win a free ticket. You just need to tweet a message to enter the contest (read this post for details). If you are interested in purchasing tickets to the event, I have a special coupon for you: enter "webdesignerwall" to save $100.