Accessibility and the element
HTML5 has a set of elements that make page structure more accessible to assistive technologies (ATs). The , , , , and elements make it possible for ATs such as screen readers to identify the purpose of...
View ArticleCreate drag and drop features in HTML5
Before HTML5, if we wanted to implement drag and drop features in the browser we had to use libraries such as jQuery and MooTools. Now we have HTML5 Drag and Drop, which gives us the ability to drag,...
View Article404 Page not found
By now you should already have a good idea about what canvas is and why it’s a fantastic part of HTML5. In this article, we will take a proper look at the features of canvas, from learning how to...
View ArticleCreate a clickable accordion with CSS animation
Belgian interface designer and CSS trickster Benjamin de Cock shows us how to use the power of CSS3 to create an animated, automatically centred clickable accordion, while also discussing the drawbacks...
View ArticleBuild an iPad app with Sencha Touch
Sencha Touch is a cross-platform library aimed at next generation, touch-enabled devices. That means we can use all those years of front-end experience to build native-feeling web apps on iOS and...
View ArticleAdd HTML5 video to your site
Embed native HTML5 video into your pages without plug-ins, and provide Flash-based fallback content for legacy browsers. Opera’s Vadim Makeev shows the way. Want to add video to your site? HTML5...
View ArticleLink users to geolocation data with HTML5
Using geolocation, site builders can now enable visitors to interact with content and applications in new ways. In this tutorial, I’ll walk you through how to use the new HTML5 GeoLocation jQuery...
View ArticleCreate an animated background in Flash
We web designers and developers are constantly on the lookout for animated effects that will help add visual punch to our work. If you’re creating a standalone microsite or a promotional area for a...
View ArticleAnimated CSS3 Photo Stack
In this tutorial, we are going to build an animated photo stack, which will use all kinds of fancy effects to transition between a set of images. The effects are implemented purely using CSS3, which...
View ArticleDropbox File Uploader With Twitter Bootstrap
Today we are going to use the new Dropbox Chooser to create a simple application that allows people to attach a photo from their Dropbox account, crop an area with the Jcrop plugin, and download the...
View Article