Explore the Articles

Back to Basics: How to Code an HTML5 Template

Markup is a beautiful thing, and it certainly has changed over the years. What was effectively HTML1, has certainly progressed to an amazing semantic markup language, to which we can largely thank the W3C. And, what do you know, the next thing to thank them for has come about – HTML5. Unlike previous version of HTML, where the code was mostly a limited structure that was determined by how you made use of the class and ID elements, html5 really attempts to provide much more structure.

Read More

Login and Registration Form with HTML5 and CSS3

In this tutorial we are going to create two HTML5 forms that will switch between login and registration using the CSS3 pseudo class :target. We will style it using CSS3 and an icon font. The idea behind this demo is to show the user the login form and provide a link to “switch” to the registration form.

Read More

Pushing Updates to the Web Page with HTML5 Server-Sent Events

The HTML5 Server-Sent event model allows you to push realtime data updates from the server to the browser. In this tutorial we will work through the process, with the EventSource object handling received data and writing it to the page. We will use HTML5 and JavaScript at client side, with PHP at server side.

Read More

Nailing Browser Support in CSS3 and HTML5

New technologies are making web development more exciting than ever before. HTML5 and CSS3 provide a double dose of modern practices that are absolutely refreshing and empowering. Unfortunately, utilizing these technologies can considerably complicate your quest for cross browser compatibility. Join us as we take a look at a handful of our favorite resources that quickly and easily help you make informed decisions about real world HTML5 and CSS3 implementation.

Read More

Code a real-time survey with HTML5 WebSockets

WebSockets are a part of the HTML5 specification, and the simplest way of looking at them is that they set a standard for creating long-running bi-directional connections between a browser and a server. With this connection in place, browsers can send messages back to the server (like quicker Ajax) and, even more crucially, the server can push new information to connected clients as it becomes available. WebSockets allow extremely low latency communication with little overhead.

Read More

Reverse Ordered Lists in HTML5

Using the new reversed attribute, you can tell the browser that the numbering for the list items should display in descending order, instead of the default ascending. The items will still appear in the same order as they appear in the markup, but the numbers will begin with the highest. So if you have 10 list items, then the first list item will display with a number 10, and the second with a number 9, and so forth.

Read More

Fullscreen Image Blur Effect

Create a neat image blur effect using canvas. The tutorial shows how to blur images on the transition to another one, creating a smooth effect. We will be using Stack Blur, which is a fast, almost Gaussian blur for Canvas by Mario Klingemann from Quasimondo. Read More

Is HTML5 Good for SEO?

This is a question that has been answered in a number of different places. Unfortunately, the answers in some instances have not been good ones. In fact, they’ve either been way too optimistic and/or presumptuous — or else just downright wrong.

Read More

What Is HTML? Back to Basics

This article examines the basic building blocks of web development - HTML, CSS, JavaScript. If you’re a complete and utter beginner who might not even have a basic grasp of what these technologies are much less how to wield them, then this series is for you.

Read More

22 Useful HTML5 CSS3 Form Tutorials

In this article you can explore 22 featured CSS3 form tutorials and learn how to create beautiful web forms with great specifications using HTML5 and CSS3.

Read More