i.webthings
random ageless

Just Bee-cause


daily pointers
other projects
special thanks


Validated XHTML 1.0
Validated CSS


2000-2012 © Joe Jenett.
Some rights reserved.

using HTML5 responsibly

HTML5 Please

Look up HTML5 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.

Posted by jenett on 01/24/12

might be useful to you...

Real-time HTML Editor
Posted by jenett on 01/02/12

HTML5 canvas experiment

WebGL Liquid Surface
Posted by jenett on 12/31/11

comparison of mobile devices

Mobile HTML5 - compatibility tables... – "trying to understand HTML5 compatibility on mobile and tablet browsers"
Posted by jenett on 12/04/11

another day, another 'grid'

Fluid Baseline Grid - A sensible HTML5 and CSS3 development kit

The collection is growing.

Posted by jenett on 10/11/11

the 'open web' illusion

(related to a previous post: marketing tactics vs. web standards)

Posted by jenett on 09/24/11

'scary fast' HTML5 framework

Kendo UI - The Art of Web Development
Posted by jenett on 09/22/11

yet another 'Lint'

HTML Lint
Posted by jenett on 07/19/11

multi-device dev framework

Joshfire Framework
Posted by jenett on 07/06/11

experimental sharing project

HTML5 Snippets – "allows you to share html5 snippets. It's an small experimental project created by Roberto Brevé, currently in very alpha mode."
Posted by jenett on 05/08/11

'diagnostic CSS stylesheet'

Holmes - The CSS Markup Detective

holmes.css is useful for checking the quality of your code (up to W3C HTML5 standards), nitpicking over ensuring markup is valid and semantic and accessility guidelines are met, and when you are tasked to fix up and debug an old, OLD website. It has a simple implementation and a mostly unobtrusive effect on your page. Not recommended for live enviroments.

(also available as simple bookmarklet)

Posted by jenett on 04/29/11
css - dev - html - tools

'tiny, but delicious'

ChocolateChip-UI – mobile web app development framework
Posted by jenett on 04/27/11

a sensible boilerplate approach

320 and up

Many CSS Media Queries boilerplates start with a desktop-specific stylesheet, then add queries and styles for progressively smaller viewports. This means that even the small browsers load desktop layout styles and potentially large assets, even when these are set to display:none;.

'320 and Up' starts with a tiny screen stylesheet that contains only reset, colour and typography styles. Media Queries then load assets and layout styles progressively and only as they’re needed. Think of this as responsible responsive design.

Posted by jenett on 04/13/11

HTML5, that is

Periodic Table of the Elements
Posted by jenett on 04/03/11

html5 billiards game

Agent 008 Ball

Related:
Case Study
Creating an HTML5 Game

Posted by jenett on 03/12/11

subway system 'sounds'

MTA.ME (?)
Posted by jenett on 02/01/11

'how did they do that?'

iDev Recipes – "Recreate interesting features of iOS apps"
Posted by jenett on 12/27/10

'nasty character' converter

Entitifier
Posted by jenett on 09/22/10

'cut-and-paste examples'

HTML5/CSS3 Cheatsheet
Posted by jenett on 09/05/10

emotions and system behavior

Emotion Markup Language (EmotionML) 1.0
Posted by jenett on 09/02/10

'handy browser feature test'

The HTML5 test - How well does your browser support HTML5? (ads) [The Letter]
Posted by jenett on 07/12/10

evolving browser support

HTML5 Readiness
Posted by jenett on 07/06/10

marketing tactics vs. web standards

Apple's HTML5 Showcase Isn't HTML5, Blocks Other Browsers
(see Apple - HTML5)

It seems like Apple is using the same sneaky marketing tactics as Microsoft does with its HTML5 demos page - which doesn't really use any HTML5 either. This similarity is hardly surprising considering both companies are pushing a non-Free patent-encumbered codec for HTML5 video.

Posted by jenett on 06/04/10

layouts 'collapse intelligently'

Less Framework – "An HTML5-powered CSS framework for building smart website layouts for varying screen widths."
Posted by jenett on 03/02/10

new take on an old game

Browser Pong

...designed to take advantage of emerging HTML5 features (including Audio elements), intentionally breaking compatibility with older browser versions and substandard contemporaries such as Internet Explorer. Good for Macintosh. Best in Safari 4, Chrome 4, FireFox 3.5, and Opera 10 in that order.

Posted by jenett on 12/19/09

web design 'kit'

iWebSkel

Note: This is not an endorsement.

Posted by jenett on 09/24/09

quick reference to tags

SHOW ME HTMLHere's one you might like...
Posted by jenett on 03/12/09

useful browser compatibility reference

When can I use... – "Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies"
Posted by jenett on 02/12/09

List: Cheat Sheets

HTML, CSS, PHP, and More Cheat Sheets
Posted by jenett on 10/28/05

valid XHTML tags

HTML Tag Reference  [456 Berea Street]
Posted by jenett on 12/20/03