Fast browser fingerprint library. Written in pure JavaScript, no dependencies. By default uses Murmur hashing and returns a 32bit integer number. Hashing function can be easily replaced. Feather weight: only 1.2 KB when gzipped.
Tag: html
Stylize selects across all browsers with little effort.
custom syntax support
works perfect as an inline-block
no z-index bugs in IE
optgroups support
great API
add/remove option’s and optgroup’s
disable/enable anything (select, optgoup, option)
optional filter text field
can be used with hidden parents
compatible with mobile devices
behavior is as authentic as possible
callbacks and event triggers
Packery is a JavaScript layout library that uses a bin-packing algorithm. This is a fancy way of saying “it fills empty gaps.” Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in an ideal spot, or dragged around.
Using Inline SVGs With HTML5 | Nettuts+
It goes without saying that SVG isn’t as widely used as many people in the web development community might believe it should be. Setting the debate aside, in this tutorial, I will demonstrate how to use inline SVGs, covering a range of techniques and exploring the interaction between web page and graphic. When used in conjunction with other emerging standards in HTML5, JavaScript and CSS3, inline SVGs can significantly add to the user experience.
WebModular (HTML5+Javascript Modular Synthesizer)
Modular Synthesizer written in HTML5+Javascript. Realtime sound genearation with javascript.
Currently, testing javascript+flash combination for support non-AudioAPI browsers (Internet Explorer / Opera / Safari). Flash-plugin should be installed on those browsers.
The Code4Lib Journal – HTML5 Microdata and Schema.org
This article is an introduction to Microdata and Schema.org. The first section describes what HTML5, Microdata and Schema.org are, and the problems they have been designed to solve. With this foundation in place section 2 provides a practical tutorial of how to use Microdata and Schema.org using a real life example from the cultural heritage sector.
Aventures Logicielles: Wordle-like PHP script
Tag clouds (or word clouds) are very trendy in the fashionable web 2.0.
But very often those clouds are rendered via HTML / CSS and are quite ugly.
24 ways: “Probably, Maybe, No”: The State of HTML5 Audio
Here is a brief list of behavioral notes, annoyances, bugs, quirks and general weirdness I have found while playing with HTML5-based audio at time of writing
Popcorn.js | The HTML5 Media Framework
Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web. Popcorn.js is part of Mozilla’s Popcorn project.
This small tag, that is included in the head of your application will signal to the browser the intention to handle a “share” action for a selection of URI’s (think “share this page”), and will register it in the system so that the user can choose it when a client application wants to provide “share” functionality in their app.
Automatoon- Easy Animation For The Web!
Automatoon is powerful. Automatoon has many advanced animation tools built in, including skeletal animation, inverse kinematics, automatic tweening, morphing, and fades. More importantly, in Automatoon you can actually figure out how to use these tools without spending hours with a manual- CBT makes them completely intuitive.
Getting Started Using HTML5 Boilerplate
Getting started building HTML5 compatible sites can be challenging especially for people who haven’t been involved in Web development projects for awhile. Fortunately, there are a few sites available that greatly simplify the process of getting started building HTML5 websites and offer some excellent “boilerplate” code that can help both new and experienced Web developers.
Maqetta is an open source project that provides WYSIWYG visual authoring of HTML5 user interfaces. The Maqetta application itself is authored in HTML, and therefore runs in the browser without requiring additional plugins or downloads.
PhiloGL: A WebGL Framework for Data Visualization, Creative Coding and Game Development
PhiloGL is a WebGL Framework for Data Visualization, Creative Coding and Game Development.
RocketBar – A jQuery And CSS3 Persistent Navigation Menu
The way it works is that when a user lands on your page they get to see the default navigation as usual. If they decide to start scrolling however, the top navigation detaches itself from the page and follows you as you scroll down. If you decide to go back to the top of the page (for whatever reason) the navigation goes back to the way it appeared before. This technique isn’t just limited to showing you the default menu in a way that detaches itself from the page, but the code could very easily be modified to show a completely different menu for those that scroll down
Google image search style image alignment with jQuery Atteeeeention plugin | DreamersLab
If you have a image gallery with different width and height for each image, your page may look messy. Use this plugin to align your gallery with a ‘Google Image Search’ style result.
jQuery Detect and Hide Broken Images
jQuery code snippet to either display a default image for those that are broken or detect and hide all broken images. Hide all those red crosses!
Initializr – Start your HTML5 project in 15 seconds!
Initializr is an HTML5 templates generator to help you getting started with an HTML5 project. It is built on HTML5 Boilerplate, a powerful HTML5 template created by Paul Irish and Divya Manian. Initializr will generate for you a clean customizable template based on Boilerplate with just what you need to start.
Treesaver® is JavaScript framework for creating magazine-style layouts using standards-compliant HTML and CSS.
jQuery plugin intended to reproduce the special effect we have seen recently on Apple.com (new MacBook Air, The Beatles on iTunes, etc.)
Load More