What is HTML5? (Infographic)

Quick hits with the Flexible Box Model Introduction I'd bet that you've done your fair share of styling elements to be arranged horizontally or vertically on a page. As of yet, though, CSS has lacked a suitable mechanism for this task. Enter the CSS3 Flexible Box Module, or Flexbox for short. Impact of slow websites on conversion What a difference a millisecond can make. When it comes to browsing the web, every tiny moment counts — and the fewer moments that pass between a mouse click and a fully loaded page, the better. Speed is a bit of an obsession for most web users. We fret over our Internet connections' and mobile connections' perceived slowness, and we go bananas for a faster web browser. Given this better-faster mentality, the consequences for slow-loading pages can be dire for site owners; most users are willing to navigate away after waiting just three seconds, for example.

HOW TO: Get Started with HTML5 Boilerplate This series is supported by Rackspace, the better way to do hosting. Learn more about Rackspace's hosting solutions here. This is not your father's world wide web. Thanks to soaring smartphone sales, new tablet devices like the iPad, and the burgeoning trend of connected devices, individuals are accessing and experiencing the web in a very different way than they were even five years ago. The desktop browsing experience is also undergoing radical change, thanks to the evolution of JavaScript frameworks and the push for standards successors such as CSS3 and HTML5. It's an exciting time to be developing or designing for the web.

Get Ready for HTML 5 With support in Chrome, Firefox 3.5, Opera, and Safari, HTML 5 is coming at you like a runaway train. Here are some suggestions to help you prepare to get on board rather than be left at the platform or tied to the tracks. See what others have done#section1 Article Continues Below The first thing you can do to prepare for HTML 5 is see how other people are using it. A visit to the HTML 5 gallery will show you how several sites are already using the new HTML 5 elements. 15 (More) Inspiring HTML5 Experiments Unless you have been living under a rock you will have heard about HTML5. It’s just everywhere now, thanks to the promotion of the Apple CEO ex-CEO Steve Jobs and certain developers who believe that HTML5 can take over Flash. Well, in fact we don’t see this situation happened yet, but HTML5 is really magical in reference to its video capabilities, canvas illustration and animation which work really well and smooth.

Yes, You Can Use HTML 5 Today! The blogosphere was jerked into excitement when Google gave a sneak preview of its new service, Google Wave. Only the select few have an account, but there’s an 80-minute video about it on YouTube for the rest of us. The service is an HTML 5 app, and so HTML 5 has gone from being too far away to care about to today’s hot topic. Tooling & The Webapp Development Stack more productivity and less stress with a robust front-end toolchain Paul Irish. 2012. You can navigate with → and ↓. Also space gives an exposé mode (that might be quite slow).

15 Useful Resources to Get Clued Up on HTML5 HTML5 this, HTML5 that! There’s been plenty of HTML5 talk around the blogging world recently. It’s no longer a tiny spec on the horizon, it’s due to arrive soon! Some have already embraced it and are using it on their latest sites. The Power of HTML 5 and CSS 3 Web designers can do some pretty cool stuff with HTML 4 and CSS 2.1. We can structure our documents logically and create information-rich sites without relying on archaic, table-based layouts. We can style our web pages with beauty and detail without resorting to inline <font> and <br> tags. Indeed, our current design methods have taken us far beyond the hellish era of browser wars, proprietary protocols, and those hideous flashing, scrolling, and blinking web pages. As far as we’ve come using HTML 4 and CSS 2.1, however, we can do better. We can refine the structure of our documents and increase their semantic precision.

Avoiding common HTML5 mistakes Between curating sites for the HTML5 gallery and answering readers’ questions here at HTML5 Doctor, I see a host of HTML5 sites and their underlying markup. In this post, I’ll show you some of the mistakes and poor markup practices I often see and explain how to avoid them. Don’t use section as a wrapper for styling One of the most common problems I see in people’s markup is the arbitrary replacement of <div>s with HTML5 sectioning elements — specifically, replacing wrapper <div>s (used for styling) with <section>s. In XHTML or HTML4, I would see something like this: <!