HTML5 Cross Browser Polyfills · Modernizr/Modernizr Wiki
20 days ago by danburzo
"So here we're collecting all the shims, fallbacks, and polyfills in order to implant html5 functionality in browsers that don't natively support them.
The general idea is that: we, as developers, should be able to develop with the HTML5 apis, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly."
web-development
tools
html5
cross-browser
browsers
progressive-enhancement
css3
javascript
ecmascript
internet-explorer
The general idea is that: we, as developers, should be able to develop with the HTML5 apis, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly."
20 days ago by danburzo
CamanJS - Image Manipulation in Javascript
4 weeks ago by danburzo
"The main focus of CamanJS is manipulating images using the HTML5 canvas and Javascript. It's a combination of a simple-to-use interface with advanced and efficient image/canvas editing techniques. It is also completely library independent and can be safely used next to jQuery, YUI, Scriptaculous, MooTools, etc."
web-development
javascript
image-processing
library
canvas
html5
_projects
_noteworthy
4 weeks ago by danburzo
Modernizr
7 weeks ago by danburzo
"Modernizr is an open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites."
web-development
tools
javascript
library
css3
html5
browsers
7 weeks ago by danburzo
When can I use... Support tables for HTML5, CSS3, etc
7 weeks ago by danburzo
"Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers."
web-development
html5
css3
browsers
reference
7 weeks ago by danburzo
HTML5 Please - Use the new and shiny responsibly
7 weeks ago by danburzo
"Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are."
web-development
standards
html5
css3
javascript
reference
browsers
7 weeks ago by danburzo
Faster Canvas Pixel Manipulation with Typed Arrays [Mozilla Hacks]
7 weeks ago by danburzo
"Typed Arrays can significantly increase the pixel manipulation performance of your HTML5 2D canvas Web apps. This is of particular importance to developers looking to use HTML5 for making browser-based games."
html5
javascript
web-development
mobile-development
game-development
graphics
image-processing
real-time
canvas
performance
7 weeks ago by danburzo
PhoneGap
8 weeks ago by danburzo
"PhoneGap is an HTML5 app platform that allows you to author native applications with web technologies and get access to APIs and app stores. PhoneGap leverages web technologies developers already know best... HTML and JavaScript."
web-development
mobile-development
iphone
ios
android
javascript
framework
html5
8 weeks ago by danburzo
Impact - HTML5 Canvas & JavaScript Game Engine
11 weeks ago by danburzo
"Impact is a JavaScript Game Engine that allows you to develop stunning HTML5 Games for desktop and mobile browsers."
web-development
game-development
mobile-development
tools
html5
javascript
framework
11 weeks ago by danburzo
TECHNITONE - A web audio experience presented in Google Chrome
february 2012 by danburzo
I made this totally post-rock song with it -> http://www.technitone.com/view/lw6udoo0nb3
music
tools
google-chrome
webgl
html5
javascript
audio
february 2012 by danburzo
Fabric.js Javascript Canvas Library
february 2012 by danburzo
"Fabric.js is a framework that makes it easy to work with HTML5 canvas element. It is an interactive object model on top of canvas element. It is also an SVG-to-canvas (and canvas-to-SVG) parser.
Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes — rectangles, circles, ellipses, polygons, or more complex shapes consisting of hundreds or thousands of simple paths. You can then scale, move, and rotate these objects with the mouse; modify their properties — color, transparency, z-index, etc. You can also manipulate these objects altogether — grouping them with a simple mouse selection.
You can add text on canvas and dynamically manipulate its size, alignment, fontfamily and other properties. You can apply filters to images, making them grayscale or removing background. You can serialize the entire canvas into a JSON string — saving it locally or on a server — then completely restore it at any time. You can also export canvas data back into SVG at any time."
javascript
html5
canvas
svg
drawing
geometry
algorithms
mathematics
library
Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes — rectangles, circles, ellipses, polygons, or more complex shapes consisting of hundreds or thousands of simple paths. You can then scale, move, and rotate these objects with the mouse; modify their properties — color, transparency, z-index, etc. You can also manipulate these objects altogether — grouping them with a simple mouse selection.
You can add text on canvas and dynamically manipulate its size, alignment, fontfamily and other properties. You can apply filters to images, making them grayscale or removing background. You can serialize the entire canvas into a JSON string — saving it locally or on a server — then completely restore it at any time. You can also export canvas data back into SVG at any time."
february 2012 by danburzo
Respawn Redux
august 2011 by danburzo
Applications like KISSmetrics can track users using ETags without their consent.
javascript
flash
html5
research
security
hacking
privacy
identity
web-development
august 2011 by danburzo
elephant.js
august 2011 by danburzo
"JavaScript localStorage wrapper library."
javascript
html5
local-storage
library
web-development
august 2011 by danburzo
Paper.js
july 2011 by danburzo
"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.
Paper.js is based on and largely compatible with Scriptographer, a scripting environment for Adobe Illustrator with an active community of scripters and more than 10 years of development.
Paper.js is developed by Jürg Lehni & Jonathan Puckey, and distributed under the permissive MIT License."
javascript
html5
canvas
graphics
tools
vector
bezier
scriptographer
jurg-lehni
jonathan-puckley
web-development
framework
_noteworthy
_licenta
Paper.js is based on and largely compatible with Scriptographer, a scripting environment for Adobe Illustrator with an active community of scripters and more than 10 years of development.
Paper.js is developed by Jürg Lehni & Jonathan Puckey, and distributed under the permissive MIT License."
july 2011 by danburzo
pdf.js: Rendering PDF with HTML5 and JavaScript | Andreas Gal
june 2011 by danburzo
Very cool, render PDFs natively with JavaScript and HTML5 (Work in progress)
pdf
javascript
html5
canvas
svg
firefox
web-development
june 2011 by danburzo
TypeSet
may 2011 by danburzo
"This is an implementation of the Knuth and Plass line breaking algorithm using JavaScript and the HTML5 canvas element. The goal of this implementation is to optimally set justified text in the new HTML5 canvas element, and ultimately provide a library for various line breaking algorithms in JavaScript."
latex
typography
javascript
web-development
web-design
html5
canvas
may 2011 by danburzo
EaselJS: A Javascript Library for Working with the HTML5 Canvas Element.
march 2011 by danburzo
EaselJS is a JavaScript library that allows you to work with the Canvas element in ActionScript style.
javascript
html5
canvas
library
animation
actionscript
march 2011 by danburzo
How-To: Create an iPhone Web App: Apple News, Tips and Reviews «
february 2011 by danburzo
How to use the iWebKit free framework to create web applications that behave like iOS native applications.
iphone
javascript
css
html
apple
frameworks
apps
ios
ipad
tutorial
webkit
html5
web-development
mobile-development
february 2011 by danburzo
HOWTO: Native iPhone/iPad apps in JavaScript
february 2011 by danburzo
Good overview of the steps your web application needs to perform in order to behave like a native iOS application:
* strip away the browser chrome (the url bar and button bar);
* prevent viewport scrolling and scaling;
* respond to multi-touch and gesture events;
* use webkit CSS to get the iPhone OS look and feel;
* cache the app so it runs without internet access;
* get a custom icon on the home screen; and
* have a splash screen load at the start.
iphone
ipad
javascript
apps
tutorial
css
html
apple
webkit
html5
web-development
* strip away the browser chrome (the url bar and button bar);
* prevent viewport scrolling and scaling;
* respond to multi-touch and gesture events;
* use webkit CSS to get the iPhone OS look and feel;
* cache the app so it runs without internet access;
* get a custom icon on the home screen; and
* have a splash screen load at the start.
february 2011 by danburzo
The Bright (Near) Future of CSS [Smashing Magazine]
february 2011 by danburzo
Eric Meyer on upcoming stuff in CSS3. (Excerpted from the book "Smashing CSS")
css
html
css3
html5
web-development
february 2011 by danburzo
Simple Offline Application
january 2011 by danburzo
How to make a one-page application available offline.
html5
offline
january 2011 by danburzo
Montage by Microsoft
december 2010 by danburzo
"Montage is a flexible web-based service that makes it fun and easy to create and share a visual album of the web on the topics you care about. You can design your Montage around any topic you can imagine by adding content that pulls information from a variety of sources, including RSS feeds, Twitter, Bing News, and YouTube. Montage is an expression of you. "
storytelling
curation
collage
magazine
html5
december 2010 by danburzo
NERD COMMUNICATIONS
december 2010 by danburzo
Nerd Communications have a fun/impressive website!
design/studios
german
design/interactive
html5
flash
creativity
_inspiration
december 2010 by danburzo
The Wilderness Downtown
august 2010 by danburzo
"An interactive film by Chris Milk / Featuring "We Used To Wait" / Built in HTML5"
arcade-fire
music-video
chris-milk
interactive
html5
chrome
google
maps
august 2010 by danburzo
Mr.doob | Harmony (HTML5)
march 2010 by danburzo
This is so awesome it makes my brain explode.
actionscript
javascript
html5
canvas
algorithms
illustration
flash
visualization
experiments
papervision
as3
drawing
tools
web-development
_inspiration
_aq
march 2010 by danburzo
SoundManager 2: Javascript Sound For The Web
february 2009 by danburzo
"Using HTML5 and Flash, SoundManager 2 provides reliable cross-platform audio under a single JavaScript API."
flash
javascript
music
html5
api
sound
web-development
tools
february 2009 by danburzo
related tags
actionscript ⊕ algorithms ⊕ android ⊕ animation ⊕ api ⊕ apple ⊕ apps ⊕ arcade-fire ⊕ as3 ⊕ audio ⊕ bezier ⊕ book ⊕ browsers ⊕ canvas ⊕ chris-milk ⊕ chrome ⊕ collage ⊕ color ⊕ compatibility ⊕ cosmology ⊕ creativity ⊕ cross-browser ⊕ css ⊕ css3 ⊕ curation ⊕ design ⊕ design/interaction ⊕ design/interactive ⊕ design/studios ⊕ drawing ⊕ ecmascript ⊕ experiments ⊕ firefox ⊕ flash ⊕ framework ⊕ frameworks ⊕ game-development ⊕ games ⊕ geometry ⊕ german ⊕ google ⊕ google-chrome ⊕ graphics ⊕ hacking ⊕ history ⊕ html ⊕ html5 ⊖ identity ⊕ illustration ⊕ image-processing ⊕ information-visualization ⊕ interactive ⊕ internet-explorer ⊕ ios ⊕ ipad ⊕ iphone ⊕ javascript ⊕ jonathan-puckley ⊕ json ⊕ jurg-lehni ⊕ latex ⊕ library ⊕ local-storage ⊕ magazine ⊕ maps ⊕ mark-pilgrim ⊕ mathematics ⊕ mobile-development ⊕ music ⊕ music-video ⊕ offline ⊕ paleontology ⊕ papervision ⊕ pdf ⊕ performance ⊕ privacy ⊕ progressive-enhancement ⊕ real-time ⊕ recommended ⊕ reference ⊕ research ⊕ science ⊕ scriptographer ⊕ security ⊕ sound ⊕ standards ⊕ storage ⊕ storytelling ⊕ svg ⊕ timeline ⊕ tools ⊕ tutorial ⊕ typography ⊕ universe ⊕ vector ⊕ via:vsl ⊕ video ⊕ visualization ⊕ web-design ⊕ web-development ⊕ webgl ⊕ webkit ⊕ zoomable-user-interface ⊕ _aq ⊕ _inspiration ⊕ _licenta ⊕ _noteworthy ⊕ _projects ⊕Copy this bookmark: