Navigation

HTML articles

Bundled with HTML5 came a large number of API goodness and one of the best was the Fullscreen API that provides a native way for the browser to do what was only possible in flash for a long time: display the webpage in fullscreen mode for the user....
Lately some websites, like This is the Brigade and All You, have started featuring a dynamic and animated menu that resizes on scroll down. Minimizing the main navigation to allow more space for the content. In this tutorial, I’ll explain...
Blogs and forums often have threaded comment replies built into their network. Popular social networks Reddit and Hacker News both support threaded comments, which allows users to directly reply inline with comments, voicing...
In the first part of this series we looked at the failings that lead to the structural elements new to HTML5; in the second part of the series we looked in detail at the consequences of those failings; in this final part we'll look for a way forward,...
In the first part of this series we covered the failings that lead to HTML5's structural elements, in this second part we'll look in detail at the consequences of those failings. I’ve said several times that HTML5 introduces a new method of...
HTML’s structural elements — article, section, nav and aside — are, at first glance, some of the easiest parts of the HTML5 specification to understand and implement. However, they’re actually some of the most poorly specified,...
Anyone involved in Web design or development will have come across the term "semantic" with reference to HTML5 and the Web in general. This often problematic term is understandably confusing to many of us, particularly since there is a distinct...
Tooltips are a great way to show your user more information by simply hovering over an image or text.  They can be used, for example, to provide captions for images, or longer descriptions for links, or any useful information which would improve...
Since the advent of the first web search engines, designers and developers have struggled with issues of how to increase their placement on a search engine results page. With the major search engines (Google, Bing, etc.) unwilling to reveal...
Modal boxes are a frequently utilized tool in the web developer's arsenal. Used for, amongst many things, login/register forms; advertisements; or just notifications to the user. However despite the fact that modal windows frequently...
InDesign boxes are as simple as click-and-drag. Photoshop’s layers let painters color pixels anywhere they please. But layout with HTML and CSS is a game of nudging and cascading. It happens every day: Photoshop-savvy art directors mock...
It's hard to identify universally accepted rules in web design, but if there is one that the whole community agrees upon, it's that you should always separate your content from its style. On almost every webpage, data is output as HTML and style...
Graphic design is a dirty business. It’s filled with people who excuse theft with tags like “inspiration,” backstabbin’ under the guise of “competition” and design by committee likenin’ it to the need for “betterin’...
HTML5 and CSS3 are great languages to start off learning with, and I've always thought that one of the best ways to start learning is to just dive in and manipulate the code. As you could probably tell, this is where generators step in. They are...