Links, 2012-03-12

Comments

US wind patterns, a 3D jewellery storage, the evil of localStorage, a step up from a css reset.

Showcases

WEBGL, 3D PRINTING

DIY e-commerce site for jewellery

Cell Cycle - WebGL design app - create organic designs for 3d printing

GAME, FLASH

Addictive physics puzzles.

Electric Box 2

WEBGL, PHILOGL

Lovely visualization.

US Wind patterns

KINECT, JS

More videos available.

KinectJS - HTML5 goes motion

Development

HTML5, LOCALSTORAGE

TL;DR: we have to stop advocating localStorage as a great opportunity for storing data as it performs badly. Sadly enough the alternatives are not nearly as supported or simple to implement.

There is no simple solution for local storage ? Mozilla Hacks

TIP, CSS3, WEBKIT

The input[type=search] element is hard to style on webkit, but you can change a few settings, including having it display your previous searches

WebKit HTML5 Search Inputs | CSS-Tricks

TIP, CSS

To hide text in an element, instead of using text-indent : -9999px, use text-indent : 100%. That avoids drawing a huge 9999px box, and hence improves performance.

Replacing the -9999px hack (new image replacement) – Jeffrey Zeldman Presents The Daily Report

CODE, CSS

Normalize.css takes the humble CSS reset to the next level.

About normalize.css

Oldies but goodies

XML, JS, JQUERY

To parse XML strings into object in a browser, Webkit / Firefox DOMParser object, or IE’s MSXML.DomDocument one. Or use JQuery’s $.parseXML method. To serialize an XML DOM to a string, use XMLSerializer on Webkit / Firefox, or read the xml property of the DOM in IE.

Working With XML, jQuery, and JavaScript

CSS

If you want to center your web page content, you don’t need to wrap it in a div (or section), you can just style the body element directly.

How to Centre and Layout Pages Without a Wrapper

JS, WEBKIT

Webkit has been supporting the HTML script tag’s async and defer attribute since end of 2010, while IE and FF have supported defer since way back.

Running scripts in WebKit

Comments