HTML5 and CSS3: Ready Your Flux Capacitors, We’re Going To The FUTURE!

Posted: May 30, 2012 in Web Development


HTML5 is the latest version of HTML, while CSS3 is the latest version of the CSS styling frameworks. Though it has been in development since 1998, HTML5 is still not fully compatible with all browsers. The new features are available for use, though the project isn’t expected to be complete until 2014. Both are natural upgrades to their predecessors, and both make their previous versions look about as silly as David Tennant did to all prior Dr. Who’s.

HTML5 offers loads of new options for media integration on websites. YouTube is currently working on an HTML5 friendly website to prepare for the integration. Developers of iOS and apple apps must familiarize themselves with HTML5 due to Steve Job’s refusal to use flash on iOS systems. Tons of new features and tags make HTML5 both beautiful and elastic, and the best part is, at least if you already know some HTML4, that the learning curve is far from steep. (Way, 2011)

HTML5 acts as smaller parts working together to create something wonderful with the sum of those parts. There are options, for browsers not able to handle HTML5, to display to a browser in an elegant fashion, even without the support.

Some key features to HTML5 include the DOCTYPE declaration, which has been shortened to <!DOCTYPE html> without all the extra linking to the w3 website, advanced audio and visual support, a contenteditable attribute to improve and simplify editing website content, a canvas element which makes 2D image drawing possible without Photoshop, an application cache that lets you use web page applications offline, flexibility for various browser and mobile phone sizes (universal applications? What?!?!), and so much more that it isn’t hard to see the beauty behind the beast (Flores, 2011).

HTML5 adds new elements, tags, definitions, and other, more advanced tools to both expand the use of HTML while narrowing its application in designing. In tandem with CSS3, HTML5 strives not to define how the content appears, but instead to describe the meaning of the content. HTML5 frowns upon inline styling. CSS3 saves the day with the loads of new options available. (Castro & Hyslop, 2012)

CSS3, used for the styling of webpages, makes life easier by giving users the ability to do things that previously required JavaScript plugins to accomplish. Though some filters are needed to change on-screen appearances, the final products are modern, beautiful, and professional.

New menu aesthetics, the ability to drop shadow text elements, rounding edges for menus and borders, box shadows, overlaying backgrounds, opacity level features, hover transformation, and tons more options make CSS3, in tandem with HTML5, useful for creating pages that, up until now, adobe flash, JavaScript, Photoshop, and exponentially more time were needed to bring to fruition.

HTML5 and CSS3 are the future, and the future is now. I can’t even begin to scratch the surface of describing what makes all of the new features amazing, but visiting this page will give you a good look at the potential and new options.

I will break down individual elements and upgrades to both HTML5 and CSS3 in following posts, both to light a fire to use them and to show just how amazing the smallest changes can be. Developing such amazing web sites has never been so fun or flexible, so long as you are the kind who gets excited when they realize they don’t have to use table tags to make a website look like it was created in the 21st century.

  1. chase224 says:

    HTML5 looks very complex and interesting. I cannot wait to do HTML5 in class. Might be alot easier than what we are doing now.

  2. ebonmoon says:

    I’m sooooooo confused! Kill me now.

  3. Little Maine says:

    HTML5 and CSS3 are definitely the future but the future is fast approaching so we better start learning some of the syntax to get ahead of the game. Its only a matter of time before this is be up and running.

  4. kyle baker says:

    awesome project and blog site man! well put together!

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s