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

June, 2010

HTML5 Rocks! – an essential resource for open web developers

HTML5 is still in its youth, but it is already hard for developers to keep up with and become accommodated with the new features of HTML5.

html5rocks HTML5 Rocks!   an essential resource for open web developers

Luckily, HTML5Rocks, a resource made by the Chromium Dev group (associated with Google itself), can help developers to keep up with the innovations in HTML5 via in-depth tutorials and interactive HTML5 information available on the site.

The site currently features nine tutorials, but the number is expected to grow steadily.
The Interactive Presentation available on the site is especially noteworthy, showcasing the recent HTML5 developments in an interactive fashion–but open the presentation with Chrome, please.

A tiny jQuery star rating plugin – jQuery Raty

jQuery Raty is a small (3.1kb packed) yet powerful and fully-customizable star rating plugin for jQuery. The icons and the hint for each star can be customized, and Raty can even create read-only ratings with a preset star rating, making Raty especially useful for any kind of review sites.

capture 24062010 225033 A tiny jQuery star rating plugin   jQuery Raty

Lastly, the onClick callback function makes the plugin able to actually save the user-sent data.

capture 24062010 225037 A tiny jQuery star rating plugin   jQuery Raty

jQuery typing simulator – jQuery.autotype

Michael Monteleone has written autotype, a nice little plugin for jQuery. Autotype neatly types any given text in an input–and the plugin even supports a delay between keystrokes, which can be added to the function in a millisecond format. Although jQuery allows manually changing input values and adding events by default, autotype significantly eases this task, as well as removes the excess code.

$(‘input’).autotype(‘Hello’); // this line would print “Hello” in the specified input

How can you use autotype? Autotype was initially written for making testing jQuery’s ability to extend form fields a lot easier, but we think that this plugin – when used properly – could see some use in a future design. Furthermore, autotype does look a lot more useful than the <blink> tag. ;)

A testable example is available in the distribution release package.

The Graphs 2 – A nice set of free vector graph icons

The Graphs 2 is a set of 169 adjustable graph presets that can be used in presentations, websites, sales letters, etc. Released under the Creative Commons license, these graphs present a great way of spicing up your content.

untitled The Graphs 2   A nice set of free vector graph icons

You can choose from 36 unique graph designs and, as the graphs are stored in vector formats, they can be tweaked according to your needs (resized, combined, replaced, and even reshaped) and can be easily inserted into HTML.
Be sure to check the first edition out if you like these.