SpyreStudios

Web-Design and Development Magazine

10 HTML 5 Video Players

by

With so many options of video players out there, it’s hard to choose which application will be best for you.  I would suggest keeping things simple and avoiding future headaches of video player upgrades, new features, and bug fixes.  Stick with an online based video player that will take care of all of that for you and make your job easier.  If you are in to easier ways of doing things and keeping things simple, you may also want to check out www.wix.com.

Wix is an easy drag-and-drop online system that is unveiling a free HTML website builder on the 26th of March, 2012.  Wix has already gained widespread popularity for their drag-and-drop Flash website builder that allows users to easily build complex, powerful, and stunning websites.  Whether you’re looking for an easy way to put together site with a full screen background, or display your portfolio online, Wix is certainly worth checking out.  It doesn’t matter if you’re a seasoned web developer or an ambitious do it yourself-er, creating a free HTML website or SEO friendly Flash website has never been easier.

One of the most exciting new features to HTML 5 is the ability to handle audio and video with the newly introduced <video> element.  This new HTML element allows developers to implement video on their site with minimal code.  Before it would require a Flash or Java-based player, both which would then require the viewer to have some sort of third party plug in to make the video play properly.  Then there was the issue of Apple giving no love to Flash, meaning if you were using a Flash video on your site and someone viewed it from an Apple mobile device the video would not play.

Several developers are already using HTML5 video players, and with good reason.  I recently had a client request I switch their video player from their Flash-based player to a HTML5 player.  The result was nearly 100 less lines of code and smaller file sizes.  Developing a user friendly html website can be time consuming enough, so before you tackle a project like building your own custom HTML5 video player let’s take a look at 10 HTML 5 video players that are out there and see if they’ll do the trick.

LeanBack Player

Lean Back Player

Draw A Stickman Episode 2

by

Looking for some creative inspiration? Hitcents.com just launched their sequel to the exciting Draw a Stickman adventure.

For those who haven’t seen the first stickman episode, you’re asked to draw a stickman. He then comes to life and sets out on an exciting adventuring involving a dragon and a shark attack.

This newest episode includes some creative twists with a tiger chase and a flying elevator. When you finish the adventure you can even send your stickman to friends! Here are some screen shots of the fun adventures.

Design a Full HTML5/CSS3 Template Replica of Digg v3

by

Social media junkies on the turn of the year 2004 surely remember Digg. It was the powerhouse of social news, all the techies would flock to Digg on a daily basis. And it’s been through quite a few changes recently with the v4 redesign. However I fondly remember Digg’s classic appeal running under v3 as the most accepted web interface.

Thus I’ve taken the liberty to re-code the entire front page template into HTML5/CSS3! And in this short tutorial I’ll be introducing you to some of my techniques. Additionally I’ve offered the source code completely free to download for your own usage. Much of the design I’ve had to piece together through the Wayback Machine Internet archives.

Digg v3 Template hand-coded into HTML5/CSS3

30 Must See HTML5 Tutorials

by 11 Comments

HTML5 and CSS3 Expanded the possibilities of Web Design.There are lots of designers and developers who started practicing HTML5 and also started implementing them in their web designs. In this roundup we have featured 30 useful HTML5 tutorials that will definitely help developers increase their skills..

Making a Beautiful HTML5 Portfolio