Saturday, December 10, 2011

Responsive Web Design

A "modern" web site design needs to auto-adjust
to the size of web browser screen.

This can be done by a few "HTML5/CSS3 tricks"
described in this original article...

A List Apart: Articles: Responsive Web Design
by Ethan Marcotte

Responsive Web Design @ MSDN

Google Chrome Frame

Google Chrome Frame - Google Code

While Microsoft has given up on updating IE web browser on Windows XP,
and there is still too many IE6 browsers on "enterprise" computers,
Google Chrome now has a solution that does not require admin rights.

Chrome web browser now can be installed by any user,
and it can even appear as "plug-in" to IE6,
providing latest HTML5 features inside of IE...

Similar "trick" was possible for a while with Flash,
because recent versions of Flash include WebKit web browser embedded,
and if Flash app is a full-screen web browser,
it may appear that IE6 has latest features,
when in fact it is just running a plugin...

HTML5 "Boilerplate"

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.
"A rock-solid default for HTML5 awesome."

A popular set of templates for HTML5 apps...

Skeleton
is a small collection of CSS & JS files
that can help you rapidly develop sites that look beautiful at any size,
be it a 17" laptop screen or an iPhone...

Microsoft iPod - YouTube

"Microsoft Re-Designs the Ipod Packaging" - YouTube

Fun video... apparently produced by Microsoft itself
to show how NOT do design typical packaging...