I launched this site in May of 2013. I was looking to rebrand my web design business and wanted the new site to reflect my personal style a little more as well as showcase some of the new techniques in front end web development. Browser support has been increasing for CSS3 and HTML5 and with the emergence of script libraries like
modernizr, adoption has grown rapidly over the past year. This will help to create an overall faster, easier to use web. With HTML5 adoption we can provide better semantic markup. With CSS3 adoption we can reduce dependency on images and create websites which are more responsive and optimized for mobile environments. Combine CSS3 with the use of javascript and jQuery and you can start to achieve things which were once only achievable through the use of Flash.
Above you’ll see pictured what the new site looks like in mobile portrait and mobile landscape modes. I’ve never really been a fan of using a separate template on a mobile subdomain for mobile optimization (although it does have its place). Instead, this site utilizes CSS3 media queries which allow me to define different sets of style rules based on the current width of the browser. Hold the phone in portrait mode and you get a mobile optimized layout, turn it to landscape mode and you get the full site. In addition to this, and as you’ll see in the video below, I can also optimize the display for varying browser widths for enhanced viewing on a laptop or desktop.