Had enough of the winter cold already? That howling, cruel, and frigid opposite of Summer that extinguishes all life? Well, thank goodness you don’t have to wait too long because Spring is just around the corner. What this means is that it’s also time to melt and break the ice for your website. Spring web […]
Decoding HTML Status and Error Codes For Fun and Profit
HTML error codes are just as familiar to web developers as the tech-phobic. The only real difference is that web developers are supposed to know what they mean!
Ultimate List of HTML5 Resources for Web Designers and Developers
Ever since its official recommendation stage in 2014, HTML5 has taken the Internet by storm. Recently, even Google has been pushing HTML5 implementations in its channels; they announced that they were planning to ditch Flash display ads, and encouraged users to shift their display ads to an HTML5-friendly platform. Back in the old days, web […]
The HTML5 Mega Cheat Sheet
An infographic that will serve as the HTML5 Mega Cheat Sheet for you. Quick and handy reference that you’ll use regularly.
The Effects of TLS and SSL on User Experience Design
Creating an effective website can be a time consuming and laborious process, but when done right the results can lead to high traffic and excellent conversions. The site should be easy to read and navigate, the information contained should be well organized and accurate, and maybe most importantly a user should enjoy using the site. […]
New HTML5 Tutorials on Frontend Development Techniques
As a web developer I am constantly running into the latest HTML5 tutorials within Google. There have been hundreds of new tuts hitting the web over just the past few years. And many of these articles focus on newer HTML5 topics such as canvas, video/audio, and local data storage. If you’re familiar with some of […]
10 HTML 5 Video Players
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
Draw A Stickman Episode 2
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.
22 Useful HTML5 CSS3 Form Tutorials
Using HTML5 and CSS3 you can create creative web forms with great specifications. So in this roundup we are featuring 22 CSS3 form tutorials.
Slick login form with HTML5 & CSS3
Design a Full HTML5/CSS3 Template Replica of Digg v3
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.
