gordonbrander + html   157

Adobe & HTML
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
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
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
HTML5 Please - Use the new and shiny responsibly
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
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
Chrome Developer Tools: Timeline Panel - Google Chrome Developer Tools - Google Code
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
New Game Conf Liveblog
A huge overview of the New Game Conf.
html  javascript  game  canvas  blog 
november 2011 by gordonbrander
The Convergence
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!
A styleguide for Mailchimp's large and well-organized modular front-end architecture.
html  development  css  pattern  web 
november 2011 by gordonbrander
BAROQUE.ME
A lovely visualization of Bach's Cello Suite, no. 1.
music  art  javascript  html  canvas  visualization 
october 2011 by gordonbrander
Facebook: HTML5 for Developers
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
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
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
A mega-collection of Web Technologies and how they fit together.
css  html  javascript  web  development  api 
september 2011 by gordonbrander
Mulberry
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
Awwwards | The CSS website Awards
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
Another Legwork production. HTML and Javascript. Impressive.
design  web  inspiration  javascript  html  css 
august 2011 by gordonbrander
HTML5 Rocks - Improving HTML5 Canvas Performance
Prerendering on a hidden canvas saves you a lot in performance.
canvas  javascript  html  development  web 
august 2011 by gordonbrander
Pandoc - About pandoc
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 
august 2011 by gordonbrander
P2PU (beta) | HTML 5 Introduction
More possibly useful course material from P2PU
school  teaching  bdw2011  web  html 
july 2011 by gordonbrander
P2PU (beta) | Beginning Game Development with HTML 5
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
Rob Hawkes on developing multiplayer games in HTML5 with WebSockets.
websockets  canvas  game  development  html  javascript  film 
july 2011 by gordonbrander
Shower
Great prototype by an Opera dev for an HTML presentation template.
html  learn  inspiration  css 
july 2011 by gordonbrander
HTML5 Mobile Support - GitHub
Mobile browser matrix for HTML5 support.
html  javascript  mobile 
june 2011 by gordonbrander
Paper.js
"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 
june 2011 by gordonbrander
320 and up
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
A very robust sound player in HTML5 with Flash shim. BSD license.
audio  html  javascript  flash  opensource 
june 2011 by gordonbrander
schema.org
HTML5 Micro-vocabularies pioneered by the search providers.
semantic  microformat  html  web  development 
june 2011 by gordonbrander
microdata · Microformats Wiki
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
An in-progress discussion on a microformat for Citations.
microformat  semantic  html 
may 2011 by gordonbrander
Microdata in HTML5: HTML5 Doctor
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
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
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
Handy compatibility charts for HTML5 features like canvas, WebWorkers, etc.
html  javascript  reference  learn 
may 2011 by gordonbrander
Hype
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
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
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
Great and extensive outline of front-end development topics for teaching a class.
html  css  development  web  teaching  bdw2011 
april 2011 by gordonbrander
HTML5 — Edition for Web Developers
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
Overview of HTML5, JS and CSS3 support in IE9
css  html  development  learn  ie 
february 2011 by gordonbrander
HTML5 Cross browser Polyfills - GitHub
An attempting-to-be-definitive collection of HTML5 functionality shims.
html  javascript  bug  ie  css3 
january 2011 by gordonbrander
MediaElement.js - HTML5 video player and audio player with Flash and Silverlight shims
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
Appmator
Package HTML5 apps for the Chrome app store.
chrome  development  game  impactjs  app  html 
january 2011 by gordonbrander
Adactio: Journal—The design of datalist
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 ...
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)
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
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
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 
december 2010 by gordonbrander
Smokescreen
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
<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
« earlier      

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:



description:


tags: