gordonbrander + html 157
Adobe & HTML
5 weeks ago by gordonbrander
Adobe has done a totally impressive about-face. Wonderful contributions to webkit, interesting tools.
html
web
development
javascript
webkit
5 weeks ago by gordonbrander
A New Front-End Methodology: BEM | Smashing Coding
5 weeks ago by gordonbrander
BEN has been something of a muse for @necolas lately. Good ideas here.
CSS
web
development
design
HTML
pattern
from iphone
5 weeks ago by gordonbrander
About HTML semantics and front-end architecture – Nicolas Gallagher
8 weeks ago by gordonbrander
Great ideas about class naming patterns. Also a great conversation starter re: modular front-end development.
css
architecture
development
web
pattern
html
8 weeks ago by gordonbrander
Mobile HTML5 - compatibility tables for iPhone, Android, BlackBerry, Symbian, iPad and other mobile devices
10 weeks ago by gordonbrander
Another massive mobile compatibility table for lots of systems.
html
javascript
mobile
web
development
10 weeks ago by gordonbrander
Experimenting with component-based HTML/CSS naming and patterns — Gist
11 weeks ago by gordonbrander
Necolas thinks through HTML classname patterns. Great ideas here.
css
html
development
web
11 weeks ago by gordonbrander
HTML5 Please - Use the new and shiny responsibly
january 2012 by gordonbrander
This is great: the quick on whether you should use a given HTML5 feature.
html
reference
learn
javascript
css
development
web
january 2012 by gordonbrander
Move The Web Forward | Guide to getting involved with standards and browser development
december 2011 by gordonbrander
How to contribute to the web as a whole. Links and suggestions by Paul Irish and more.
css
web
standard
community
html
javascript
december 2011 by gordonbrander
dochub | Instant Documentation Search
december 2011 by gordonbrander
A fast type-ahead search interface for MDN
css
javascript
html
documentation
development
web
learn
december 2011 by gordonbrander
Chrome Developer Tools: Timeline Panel - Google Chrome Developer Tools - Google Code
december 2011 by gordonbrander
In-depth docs on Chrome's Developer Timeline tool, which can give you the deets on not just loading, but rendering and parsing time.
development
web
webkit
css
html
performance
december 2011 by gordonbrander
Sinuous - An HTML5 canvas game. Avoid the red dots!
november 2011 by gordonbrander
A simple and fun particle system game in HTML5.
html
canvas
javascript
animation
game
inspiration
physics
november 2011 by gordonbrander
Writing forward-compatible websites - MDN
november 2011 by gordonbrander
Great writeup from Mozilla.
javascript
html
css
development
pattern
november 2011 by gordonbrander
Articles | Accessible Culture
november 2011 by gordonbrander
Recommended by Paul Irish.
accessibility
blog
html
development
web
november 2011 by gordonbrander
The Paciello Group Blog | Your Accessibility Partner
november 2011 by gordonbrander
Recommended by Paul Irish.
accessibility
blog
web
development
html
november 2011 by gordonbrander
New Game Conf Liveblog
november 2011 by gordonbrander
A huge overview of the New Game Conf.
html
javascript
game
canvas
blog
november 2011 by gordonbrander
The Convergence
november 2011 by gordonbrander
A nice HTML5 puzzle game about love, gravity and spikes that can kill you.
game
javascript
inspiration
html
canvas
november 2011 by gordonbrander
UI Pattern Library - By Aarron Walter of Mailchimp | Flickr - Photo Sharing!
november 2011 by gordonbrander
A styleguide for Mailchimp's large and well-organized modular front-end architecture.
html
development
css
pattern
web
november 2011 by gordonbrander
BAROQUE.ME
october 2011 by gordonbrander
A lovely visualization of Bach's Cello Suite, no. 1.
music
art
javascript
html
canvas
visualization
october 2011 by gordonbrander
Facebook: HTML5 for Developers
october 2011 by gordonbrander
An excellent set of resources and documentation for developing applications in HTML5
bdw2011
html
documentation
learn
javascript
game
animation
october 2011 by gordonbrander
JAWS, IE and Headings in HTML5 | Articles | Accessible Culture
october 2011 by gordonbrander
JAWS currently mis-ranking HTML5-style heading algorithm. A quick tweak involving ARIA fixes it.
accessibility
html
html5
development
web
bug
october 2011 by gordonbrander
caolan/petrify - GitHub
october 2011 by gordonbrander
Another static site generator for Node JS. Just markdown for markup.
markdown
cms
nodejs
javascript
html
development
opensource
web
october 2011 by gordonbrander
The makeup of the Open Web stack - destroy/dstorey
september 2011 by gordonbrander
A mega-collection of Web Technologies and how they fit together.
css
html
javascript
web
development
api
september 2011 by gordonbrander
Mulberry
september 2011 by gordonbrander
An app development framework built on top of Phone Gap. It has a theming component and looks well put-together.
html
javascript
ios
phonegap
bdw2011
mobile
development
opensource
september 2011 by gordonbrander
HTML5 Rocks - A Beginner's Guide to Using the Application Cache
september 2011 by gordonbrander
Thorough introduction to Appcache.
appcache
html
javascript
learn
september 2011 by gordonbrander
Awwwards | The CSS website Awards
august 2011 by gordonbrander
Lots of impressive work, very interaction/Javascript heavy. A bit like the old FWA awards site for modern web tech.
css
javascript
design
web
inspiration
html
august 2011 by gordonbrander
Collection - Diesel > Denim & Jeans
august 2011 by gordonbrander
Another Legwork production. HTML and Javascript. Impressive.
design
web
inspiration
javascript
html
css
august 2011 by gordonbrander
Page Design Basics - Journalists' Toolkit
august 2011 by gordonbrander
How to think about page layout.
teaching
bdw2011
html
web
august 2011 by gordonbrander
HTML Basics - Tags You Should Know - Journalists Toolkit
august 2011 by gordonbrander
Just the very basics.
html
teaching
web
bdw2011
august 2011 by gordonbrander
Deck JS » Modern HTML Presentations
august 2011 by gordonbrander
A pretty solid JS framework for making presentations.
javascript
html
speaking
animation
framework
opensource
august 2011 by gordonbrander
HTML5 Rocks - Improving HTML5 Canvas Performance
august 2011 by gordonbrander
Prerendering on a hidden canvas saves you a lot in performance.
canvas
javascript
html
development
web
august 2011 by gordonbrander
Pandoc - About pandoc
august 2011 by gordonbrander
A swiss army knife for converting markup languages to other markup languages:
- Textile to Markdown
- Markdown to Textile
- Textile to Latex
- Markdown to HTML
- Etc
It's a Haskell command-line tool, but he set up a web service demo, too.
html
latex
markdown
textile
web
opensource
library
- Textile to Markdown
- Markdown to Textile
- Textile to Latex
- Markdown to HTML
- Etc
It's a Haskell command-line tool, but he set up a web service demo, too.
august 2011 by gordonbrander
P2PU (beta) | HTML 5 Introduction
july 2011 by gordonbrander
More possibly useful course material from P2PU
school
teaching
bdw2011
web
html
july 2011 by gordonbrander
P2PU (beta) | Beginning Game Development with HTML 5
july 2011 by gordonbrander
From P2PU. Would love to mine some of this content if we get this far.
bdw2011
teaching
school
web
javascript
canvas
html
july 2011 by gordonbrander
HTML5 Multiplayer Game Development - YouTube
july 2011 by gordonbrander
Rob Hawkes on developing multiplayer games in HTML5 with WebSockets.
websockets
canvas
game
development
html
javascript
film
july 2011 by gordonbrander
Get off(line) | Web Directions
july 2011 by gordonbrander
A guide to Appcache
mobile
development
app
html
javascript
appcache
bdw2011
july 2011 by gordonbrander
Shower
july 2011 by gordonbrander
Great prototype by an Opera dev for an HTML presentation template.
html
learn
inspiration
css
july 2011 by gordonbrander
New Zealand 100% Pure | Official Travel information from Tourism New Zealand
july 2011 by gordonbrander
Interesting use of scrolling-as-animation-cue.
animation
html
css
web
design
inspiration
javascript
july 2011 by gordonbrander
HTML5 Mobile Support - GitHub
june 2011 by gordonbrander
Mobile browser matrix for HTML5 support.
html
javascript
mobile
june 2011 by gordonbrander
Paper.js
june 2011 by gordonbrander
"The Swiss Army Knife of Vector Graphics Scripting". Compatible with Scriptographer (Adobe scripting environment). It's a bit like Processing. Notable differences are:
- Not state-based, or pixel-based. Rather, vector-based.
- Includes a DOM.
- Has an intuitive layer system, ala Photoshop.
- Javascript!
- Everything is sandboxed using closures (more on that below).
One cool and interesting feature is that event functions are global and called implicitly (e.g. just define function onFrame (){}). However, these calls are only global within the scope of the PaperScript, so everything is sandboxed. I anticipate this would be easier for beginners than an event subscribe model.
animation
html
canvas
javascript
vector
opensource
library
- Not state-based, or pixel-based. Rather, vector-based.
- Includes a DOM.
- Has an intuitive layer system, ala Photoshop.
- Javascript!
- Everything is sandboxed using closures (more on that below).
One cool and interesting feature is that event functions are global and called implicitly (e.g. just define function onFrame (){}). However, these calls are only global within the scope of the PaperScript, so everything is sandboxed. I anticipate this would be easier for beginners than an event subscribe model.
june 2011 by gordonbrander
320 and up
june 2011 by gordonbrander
Andy Clarke puts together a responsive design framework.
css
design
web
development
html
opensource
mobile
from iphone
june 2011 by gordonbrander
SoundManager 2: JavaScript Sound For The Web
june 2011 by gordonbrander
A very robust sound player in HTML5 with Flash shim. BSD license.
audio
html
javascript
flash
opensource
june 2011 by gordonbrander
New Mobile Safari stuff in iOS5: position:fixed, overflow:scroll, new input type support, web workers, ECMAScript 5 | David B. Calhoun – Developer Blog
june 2011 by gordonbrander
Newly supported: fancy input types, WebWorkers and position:fixed.
ios
html
javascript
css
webkit
june 2011 by gordonbrander
schema.org
june 2011 by gordonbrander
HTML5 Micro-vocabularies pioneered by the search providers.
semantic
microformat
html
web
development
june 2011 by gordonbrander
Infinite Scroll + History API — Warpspire Experiments
may 2011 by gordonbrander
Infinite scroll + bookmarkability. Brilliant!
html
javascript
pattern
development
web
may 2011 by gordonbrander
citation · Microformats Wiki
may 2011 by gordonbrander
More work on "hcitation".
microformat
pattern
html
development
semantic
may 2011 by gordonbrander
microdata · Microformats Wiki
may 2011 by gordonbrander
The Microformats guys trying to figure out what the heck to do with these competing approaches.
microformat
semantic
html
may 2011 by gordonbrander
Citation Brainstorming · Microformats Wiki
may 2011 by gordonbrander
An in-progress discussion on a microformat for Citations.
microformat
semantic
html
may 2011 by gordonbrander
Microdata - Dive Into HTML5
may 2011 by gordonbrander
Mark Pilgrim on Microdata.
html
microformat
semantic
learn
may 2011 by gordonbrander
Microdata in HTML5: HTML5 Doctor
may 2011 by gordonbrander
A good overview of the HTML5 approach, different vocabs, etc.
html
microformat
semantic
may 2011 by gordonbrander
RPG JS: Your online RPG on your browser
may 2011 by gordonbrander
A framework for creating RPG games -- want to look into this to see if they use WebWorkers for communication.
html
javascript
canvas
game
may 2011 by gordonbrander
HTML + CSS3 Faux 3d objects
may 2011 by gordonbrander
A clever Javascript that calculates perspective and transforms elements using scale, skew, rotate, etc, allowing you to create simple 3d objects with CSS and HTML elements.
css
javascript
html
learn
may 2011 by gordonbrander
HTML5 - Information and samples for HTML5 and related APIs - robertnyman.com
may 2011 by gordonbrander
Handy compatibility charts for HTML5 features like canvas, WebWorkers, etc.
html
javascript
reference
learn
may 2011 by gordonbrander
Hype
may 2011 by gordonbrander
Indie keyframe-based animation software that outputs HTML5 markup (mostly divs and CSS3). Icon artwork by Susan Kare.
html
javascript
css
osx
app
animation
may 2011 by gordonbrander
Better conditional classnames for hack-free CSS – Nicolas Gallagher
may 2011 by gordonbrander
More slightly depressing news around conditional comments and compatibility mode: the button will continue to show if you set IE=edge while using conditional comment HTML classes.
html
ie8
bug
development
web
may 2011 by gordonbrander
Learn How to Make Websites | Mozilla Developer Network
may 2011 by gordonbrander
Introductory tutorials to building the web from Mozilla.
javascript
html
css
teaching
learn
bdw2011
may 2011 by gordonbrander
Organizing a university course on modern Web development | Lea Verou
april 2011 by gordonbrander
Great and extensive outline of front-end development topics for teaching a class.
html
css
development
web
teaching
bdw2011
april 2011 by gordonbrander
HTML and CSS Resources for Teaching
march 2011 by gordonbrander
Mindy McAdams.
teaching
html
css
web
bdw2011
from iphone
march 2011 by gordonbrander
HOWTO: Native iPhone/iPad apps in JavaScript
march 2011 by gordonbrander
That's quite a roundup.
ios
javascript
html
css
app
learn
march 2011 by gordonbrander
Mobile Boilerplate Beta - GitHub
february 2011 by gordonbrander
Mobile counterpart to HTML5 Boilerplate.
mobile
android
ios
development
html
opensource
february 2011 by gordonbrander
nclud/2011.beercamp.com - GitHub
february 2011 by gordonbrander
BeerCamp source. Lots to learn from here.
css
html
learn
opensource
jekyll
ruby
javascript
february 2011 by gordonbrander
HTML5 — Edition for Web Developers
february 2011 by gordonbrander
The HTML spec, minus the gory details that only browser vendors need to know.
html
reference
learn
documentation
february 2011 by gordonbrander
Internet Explorer 9 Guide for Developers
february 2011 by gordonbrander
Overview of HTML5, JS and CSS3 support in IE9
css
html
development
learn
ie
february 2011 by gordonbrander
HTML5 Cross browser Polyfills - GitHub
january 2011 by gordonbrander
An attempting-to-be-definitive collection of HTML5 functionality shims.
html
javascript
bug
ie
css3
january 2011 by gordonbrander
Crafty - JavaScript Game Engine
january 2011 by gordonbrander
An open-source javascript game framework.
canvas
javascript
game
development
opensource
framework
html
january 2011 by gordonbrander
EaselJS: A Javascript Library for Working with the HTML5 Canvas Element.
january 2011 by gordonbrander
A javascript framework for animation and games.
canvas
javascript
opensource
game
framework
html
january 2011 by gordonbrander
MediaElement.js - HTML5 video player and audio player with Flash and Silverlight shims
january 2011 by gordonbrander
Allows <video>, <audio> to work across browsers and across codecs. It "upgrades" browsers, using Flash and Silverlight shims to handle support for anything the browsers doesn't (Webkit support for WebM, Chrome support for H264, IE support for the whole shebang, etc). From there the whole JS API is available and consistent. CSS styles for player.
flash
javascript
audio
html
film
january 2011 by gordonbrander
YouTube - Easily Create Mobile Physics-based Games like "Angry Birds" with HTML5 using appMobi & ImpactJS
january 2011 by gordonbrander
Angry Bi...*ahem* "Furious Fowl" game in ImpactJS.
impactjs
learn
development
javascript
canvas
html
ios
film
january 2011 by gordonbrander
Appmator
january 2011 by gordonbrander
Package HTML5 apps for the Chrome app store.
chrome
development
game
impactjs
app
html
january 2011 by gordonbrander
Adactio: Journal—The design of datalist
january 2011 by gordonbrander
Progressive enhancement pattern with datalist. Great possibility for type-ahead search, etc.
development
accessibility
html
january 2011 by gordonbrander
Twitter / simurai: Something I noticed.. if a ...
december 2010 by gordonbrander
Something I noticed.. if an mp3 file in an <audio> tag is too short (<0.2s), it won't play. Solution: http://cl.ly/3oFn
audio
bug
html
december 2010 by gordonbrander
Audio Sprites (and fixes for iOS)
december 2010 by gordonbrander
Getting around performance and technical issues with sound in iOS. Ideal for HTML5 gaming. Maybe write a class around this for Impact.js?
audio
javascript
impactjs
game
html
december 2010 by gordonbrander
Lawnchair
december 2010 by gordonbrander
A client-side data-storage helper in JSON. Lawnchair has finding and setting helpers as well as adapters for localStorage, CouchDB, and many others. Perfect with Impact.js for saving small user data.
javascript
opensource
database
json
webkit
html
ios
december 2010 by gordonbrander
Impact JS
december 2010 by gordonbrander
Framework for developing HTML5 canvas games. A cool $99. Worth it. Performance is beautiful, physics and collision taken care of, loading and asset management solved. It's object oriented. It even has a visual (web app!) level editor that pulls in game objects, allowing you to draw maps.
Spent Christmas vacation experimenting with this, and it constantly exceeds expectations.
development
design
html
javascript
game
framework
Spent Christmas vacation experimenting with this, and it constantly exceeds expectations.
december 2010 by gordonbrander
Smokescreen
june 2010 by gordonbrander
Converts Flash movies to HTML5/Canvas/Javascript. Supports a good chunk of Flash8 animation, streaming sound and actionscript.
flash
api
development
canvas
animation
html
javascript
opensource
june 2010 by gordonbrander
Moz Dev Center: HTML5 Link Prefetching
june 2010 by gordonbrander
<link rel="next"> can now speed up your site. During idle the browser can fetch any link tag with rel="prefetch" or rel="next".
development
html
performance
june 2010 by gordonbrander
related tags
accessibility ⊕ ajax ⊕ android ⊕ animation ⊕ api ⊕ app ⊕ appcache ⊕ architecture ⊕ art ⊕ ascii ⊕ audio ⊕ bdw2011 ⊕ blog ⊕ book ⊕ bug ⊕ business ⊕ cache ⊕ canvas ⊕ chrome ⊕ cms ⊕ code ⊕ codec ⊕ community ⊕ computer ⊕ creativecommons ⊕ css ⊕ css3 ⊕ database ⊕ design ⊕ development ⊕ documentation ⊕ edit ⊕ epub ⊕ film ⊕ firefox ⊕ flash ⊕ framework ⊕ game ⊕ haslayout ⊕ history ⊕ html ⊖ html5 ⊕ ie ⊕ ie8 ⊕ illustrator ⊕ impactjs ⊕ imported ⊕ information ⊕ inspiration ⊕ ios ⊕ ipsum ⊕ javascript ⊕ jekyll ⊕ journalism ⊕ jquery ⊕ json ⊕ latex ⊕ learn ⊕ library ⊕ logic ⊕ markdown ⊕ media ⊕ microformat ⊕ mobile ⊕ music ⊕ news ⊕ nodejs ⊕ opensource ⊕ organization ⊕ osx ⊕ pattern ⊕ performance ⊕ person ⊕ philosophy ⊕ phonegap ⊕ photo ⊕ php ⊕ physics ⊕ plugin ⊕ process ⊕ processing ⊕ publishing ⊕ python ⊕ rdf ⊕ rdfa ⊕ reference ⊕ review ⊕ ruby ⊕ safari ⊕ school ⊕ script ⊕ semantic ⊕ speaking ⊕ spreadsheet ⊕ standard ⊕ teaching ⊕ test ⊕ textile ⊕ textmate ⊕ tool ⊕ ui ⊕ unicode ⊕ usability ⊕ vector ⊕ visualization ⊕ w3c ⊕ web ⊕ webkit ⊕ websockets ⊕ wiki ⊕ wireframe ⊕ xml ⊕Copy this bookmark: