The act of converting content from its original format into a format capable of being displayed on the web
Manage Multiple WordPress Sites

HTML5

HTML5 Category

The Developer’s Guide To HTML5 APIs

netmagazine.com have published a superb wrap-up of the currently available HTML5 APIs.

html5apis The Developers Guide To HTML5 APIs

Instead of actual code examples, the page focuses on the APIs themselves: what are they called, what is their history, and what you can do with them. The post is split in two, covering both W3C HTML5′s APIs and those of the WHATWG specification.

The page features information on such well-known HTML5 APIs like the media API and Drag&Drop API, but also features a journey to the hidden realms of HTML5, describing underdogs like web sockets, canvas 2D context, server events and the likes.

An HTML5 Boilerplate Alternative — Easy HTML5 Template

Easy HTML5 Template is a smaller-scale alternative to the HTML5 Boilerplate, a template for building web applications.

easytemplate An HTML5 Boilerplate Alternative    Easy HTML5 Template

The Easy HTML5 Template includes libraries such as jQuery and Modernizr, and comes with helpful comments (in the bulky version at least) that explain not only how to use the template, but why the developer chose to do things this and that way.

Developers who were bogged down by the burdensome feature amount in the HTML5 Boilerplate will find this template to be a refreshing alternative to making smaller web apps.

Tasty Web Applications With Zero Fat – Brunch

Brunch is a lightweight framework for building HTML5 web apps.

brunch Tasty Web Applications With Zero Fat   Brunch

Brunch is standing on the shoulders of giant JS libraries (Underscore, jQuery, CoffeeScript, etc.), and gives developers the freedom to use their own dependencies.

Upon building, Brunch concatenates  the dependencies into a single JavaScript file, and, together with its command line, is a tool that’s rather convenient for making smaller apps.

CSS 3D Presentations – reveal.js

reveal.js is a JavaScript library that aids in creating awesome presentations with HTML.

revealjs CSS 3D Presentations   reveal.js

Reveal.js is full of features that help even the most lackadaisical of us to create fancy presentations:

  • An awesome navigation system allows nesting slides within slides (keyboard controlled);
  • Design presets (quotes, sexy lists, etc.);
  • Uses highlight.js for highlighting code;
  • Encourages internal linking;

Overall, reveal.js is a splendid tool for showcasing your libraries and projects in a clear, concise, and striking way.

Twitter-like Chat Mentions For Any Website – jQuery.mentionsInput

jQuery.mentionsInput is a library for adding Twitter-like autocomplete mentions to chat boxes.

mentionjs1 Twitter like Chat Mentions For Any Website   jQuery.mentionsInput

mentionsInput accepts JSON data and hand-written arrays (unlikely you’ll want to write those), and has several options and methods:

  • Add avatars to mentions;
  • Trigger character (default is @);
  • etc.

Overall, this is a rather small, but useful plugin both for local projects and blogs/CMSes; the only issue could be the scarce browser compatibility (FF 6+; IE8+).

A Quick&Easy Sprite Generator – Stitches

Stitches is a next-gen open source web application for generating sprites with ease.

sprites A Quick&Easy Sprite Generator   StitchesStitches generates a neat sprite file and a stylesheet you can use in place of numerous separate images.

This is a must-have bookmark, as sprite making is a rather painful process (especially for non-designing types), and Stitches does the job really well, employing libraries such as Modernzr, Dropfile and Flashcanvas to make using this application as easy as ever.