Search form

Search form

HTML5 is an interesting and powerful addition to the developer's toolkit, writes Jean-Baptiste Jung. He surveys some chunks of code that can be used to easily create context menus, implement videos with Flash fallback, create autocomplete form data fields or force focus on a particular design element.

Related Summaries

The final specifications for HTML5 are due soon, and along with them support for JavaScript application programming interfaces such as geolocation and offline functions, writes Vipul Patel. He provides a rundown of all the new JavaScript APIs that will be part of the specifications, including a Contacts API that allows any Web application to access user contacts and a File API to allow secure browser access to the file system.

Content scrapers, who steal online content and repost it alongside ad units of their own, can be defeated with some careful coding, writes Jean-Baptiste Jung. WordPress users can ensure their content breaks any frame it's placed in, or can use images that automatically replace themselves with angry denunciations of scrapers when hot-linked from other sites.

A few jQuery plugins can make a big difference when you're building a responsively designed website, writes Jean-Baptiste Jung. Consider using SlabText.js to handle your headlines, jQuery Masonry to build dynamic grid layouts or FitVids.js to handle fluid-width embedded videos.

Every Web developer should be able to create HTML 5 websites, writes Jean-Baptiste Jung. Fortunately, there are plenty of tools to make the learning curve less steep, such as automated template generators, code cheat sheets and online code-validation services.

Building a responsive website doesn't have to be a big headache, writes Jean-Baptiste Jung. Use templates and simple fluid-grid layouts to guide your design, and be sure to make use of tools such as jQuery, Apple's "viewport" tag, and browser-resizing tools such as ScreenQueri.es or ResizeMyBrowser.com.