A collection of links and resources that caught my attention. You can also explore my portfolio here.
filer.js is a wrapper library for the HTML5 Filesystem API, an API which enables web applications to read and write files and folders to its own sandboxed filesystem.
Unlike other wrapper libraries [1, 2], filer.js takes a different approach by reusing familiar UNIX commands (
cp,mv,ls) for its API. The goal is to make the HTML5 API more approachable for developers that have done file I/O in other languages.
A cloud-based HTML5 animation platform. The system provides an online interface that enables you to “create, share and publish organic HTML5 animation”, all in the browser. Users can work with a vector editor to create HTML5-based characters, export to image sequences or a JavaScript package, and utilise a camera feature to support shot changes and transitions.
(via .net Magazine)
The Beat of New York.
Source: vimeo.com
Web developers targetting HTML5 on iDevices would really benefit from having Web Developer Tools or Firebug on Mobile Safari. Enter Firebug Lite! However, iPads, iPhones and bookmarklets don’t go well together, so I put together this little howto.
All credits to Joe Hewitt for creating…
Source: mrtnkl
Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.
Popcorn makes video work like the web. We create tools and programs to help developers and authors create interactive pages that supplement video and audio with rich web content, allowing your creations to live and grow online.
Popcorn.js is an event system for HTML5 media developers. Think jQuery for video. You can leave the heavy lifting to Popcorn, and concentrate on what you do best: writing awesome code.
Take control of your web typography. Kern, style, transform, and scale your web type with real CSS rules, automatically.
animate.css is a bunch of cool, fun, and cross-browser animations. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
A collection of emulators and simulators for mobile platforms, including iOS, Android, Symbian and Windows Phone.
Detroit is a 12 font system that can be layered in different ways to create endless classic titling effects used commonly in signage by skilled sign painters and sign makers. Unlike other display fonts, Detroit is not a “one trick pony” that produces the same effect over and over. Detroit’s layer combinations give you complete control in producing styles like inline, outline, collegiate, drop shadow, 3D, convex, and bevel.
Via MyFonts.
A lightweight, easy-to-use jQuery plugin for fluid width video embeds. Built by Chris Coyier and Paravel.
This notebook is designed for digital designers. It features a 15-point dot grid that divides vertically into two, three, four, five or six columns. It also includes horizontal grids that can be divided into two, three, four, six, eight, twelve and sixteen columns. Opposite the grid, a notes page includes lined paper and a checklist for action items.
Via Gridbooks.
Took the plunge and bought my first longboard. If it doesn’t work out, I can still use it as an oversized bottle opener.
Jessica Hische has recently launched Inker Linker, a great way to find the right printer. The site is searchable by service, availability, price range and of course printing method.
Check out this list of things to consider when calculating the cost of a website.
