02:35:24 am Links for December 5thCategories: Delicious
- A List Apart: Articles: ARIA and Progressive Enhancement - ARIA can potentially offer great accessibility benefits in rich internet applications, but support is inconsistent and patchy - can ARIA be implemented in a way compatible with progressive enhancement?
- A List Apart: Articles: The Accessibility of WAI-ARIA - A look at the practical issues around testing accessibility and implementing ARIA in the sort of browsers and assistive technologies currently in use.
- WebAIM: Blog - The Ghosts of ARIA Present and Future - Some excellent commentary on the two ALA posts, suggesting a slightly more forward thinking approach.
- Getting to work with new web technologies - An excellent introduction to HTML5 and CSS3 and lots of practical advice on implementing it in today's browsers.
- Microformat Shiv - "The microformat shiv is based on the microformat API for Mozilla's extensions. This is the same code base as the popular Operator plug-in."
- Inline-Block whitespace workaround | Life @ High Road Communications - If you've switched from floats to inline-block for your layouts then this article has some useful tips.
- h5Validate | jQuery Plugins - A jQuery plugin that understands HTML5 forms and knows how to validate them based on new input attributes such as "required" and "pattern", even in browsers that don't yet support HTML5.
- Philosophtly: The web is not a sheet of paper - An important message for print designers seeking to transition to web design.
- isEventSupported - Handy script for detecting if a browser supports particular events.
01:14:44 pm Links for November 21stCategories: Delicious
- A List Apart: Articles: CSS Positioning 101 - An excellent introduction to the often misunderstood position property.
- Styling Form Controls ? WebKit - The new HTML5 meter and progress elements can be styled through CSS in Chrome and Safari.
- Learning to Love HTML5 - Smashing Magazine - Great introduction to some of the new features in HTML5.
01:20:43 am Links for November 7thCategories: Delicious
- CSS Vocabulary | Nimbupani Designs - Handy guide to CSS terminology.
- Things Worth Noting About CSS Attribute Selectors - A good introduction to the various possibilities available to you with attribute selectors.
- CSS3 :target based interfaces - Opera Developer Community - Use the :target selector to create slideshow style interfaces.
- Wealthfront Engineering: jQuery the Right Way - An easy to follow summary of things you should learn as you move from novice towards jQuery master.
03:25:07 am Links for October 24thCategories: Delicious
- video + canvas = magic | HTML5 Doctor - Combine the video element with the canvas element for fun and profit.
- Web Teacher ? ARIA States 101 - A look at ARIA roles for describing widget state.
- Web Teacher ? ARIA Roles 101 - A look at ARIA roles for describing page structure and widget types.
- Ultimate CSS Gradient Generator - ColorZilla.com - Easily generate CSS markup for gradients in Firefox, WebKit and IE.
- MIX Online:Ai to Canvas Plug-In - Export your Illustrator drawings directly to HTML5 Canvas, including support for animations and hooking into scripts.
- An introduction to using WAI-ARIA to enable Web 2.0 accessibility - Coverage of Presentation of document structure (landmarks), Dynamic content updates (live regions), Keyboard accessibility enhancements (tabindex), and Widget accessibility (role, name & state).
12:36:03 am Links for October 10thCategories: Delicious
- rem @ > 140 characters - Hold off on deploying HTML5 in websites? - What would it really mean for 'HTML5' to be 'ready'? An entertaining rant by Remy Sharp.
- HashMask | Arc90 Lab - "HashMask is an attempt to find a more secure middle ground between clear and masked passwords. It does this by visualizing a hashed representation of the password as a sparkline with color ? the intent being that the user would become familiar with this image and be able to easily confirm that they typed the right (or wrong) password."
- WebP Home - Google extends with VP8 codec into a static image format, promising smaller file sizes and quicker downloads (once browsers add support).
- HTML 5 innerShiv - If you add content to an element with innerHTML before it's appended to the document, the html5shiv won't work and the element will be unstyled.
04:29:05 pm Links for September 26thCategories: Delicious
- SVG Boilerplate ? a kick-arse default to put the wow back into the web - A simple, straightforward, and functional template to embed or inline SVG content (including in text/html) that works with browsers all the way down to IE6.
- Testing Thunderbird 3: What to do if it ?shreds? your threads | The Pythian Blog - Thunderbird 3 is broken in many ways and one of them is that it struggles to sort by thread many messages which v2 had no problem with. After fuming quietly about this for many months I have finally discovered that the broken threading is all down to three settings.
- Support Details | Tech Support Management - Ever been phoned up to debug a website problem and then spent hours trying to extract basic background information from the caller? This site makes it very simple for everyone.
- Notable | Easiest way for teams to provide feedback on websites. - A very nice web app which allows you to collaboratively markup a screenshot of any website.
- Microdata: HTML5?s Best-Kept Secret | Webmonkey†| Wired.com - I've noticed that Microdata has been receiving increasing attention from bloggers in the last few weeks, it's still only in the WHATWG version of the HTML5 spec, however.
02:15:28 am Links for September 12thCategories: Delicious
- PHYLO: THE TRADING CARD GAME - Studies have shown that 8 year old children struggle to recognise 50% of animal species, but can recognise 80% of Pokemon species. This game aims to fit real biology into the game mechanics of Pokemon.
- http://linkedgov.org/ - Although the data.gov.uk project has succeeded in making a load of data available in electronic format a lot of that data contains various budget codes, cost centre codes, and other quirky terminology that doesn't make sense to people outside the department that created it. This project aims to provide tools to make it easy for the people to understand the data to let the people who want to use the data know what it all means.
- crowbot's trials at master - GitHub - A project to analyse publically available data about clinical trials in an effort to capture information about those that have not been published.
- The P2PU School of Webcraft - Collaborative higher education in web technology.
- mezzoblue's PaintbrushJS at master - GitHub - Apply effects such as Gaussian Blur, Sepia and Posterize to images on the fly in the browser.
02:34:33 am Links for September 5thCategories: Delicious
- XML.com: SVG and Typography: Bells and Whistles - A library of effects to style text in SVG.
- senocular.com - I've blogged about matrix transformations in CSS before, but I've never found a readable introduction to what they actually are, turns out I should have been paying more attention to Flash blogs.
- Extending HTML5 ? Microformats | HTML5 Doctor - It is possible to continue using Microformats, with a few exceptions in HTML5.
- Ruby on Rails Guides: Ruby On Rails Security Guide - A readable introduction to web application security issues, focussed on Rails but with some generally useful information.
12:35:34 am Links for August 29thCategories: Delicious
- WebKit HTML5 Search Inputs | CSS-Tricks - Handy tips on overriding the default styling on search fields in WebKit (check the comments too).
- Periodic Table of the Elements - Josh Duck - A nice visualization tool which lets you see what elements are in use on any given website.
12:31:38 am Links for August 22ndCategories: Delicious
- japh(r) by Chris Strom: Inkscape SVG Not Quite in RaphaŽl.js - A nice description of porting a shape drawn in Inkscape into a RaphaŽl canvas.
- HTML5 Peeks, Pokes and Pointers - A handy guide but compact to detecting support for various HTML5 features.
- Jaybill.com Ľ Blog Archive Ľ Deployment-First Development - Don't leave deployment as a last minute rush job, do it first, make it easy, and you'll be shaking the issues out all the way through development and testing.
- An implausibly illustrated introduction to HTML5 Web Workers - An entertaining and informative introduction.
11:30:59 pm Links for August 15thCategories: Delicious
- Making maps accessible - Commonwealth Conversations: Technology - Mapping applications are a great example of where accessibility is not just about adding alternative text to graphics - think about the information your users need and only then decide an approach for alternatives to the map.
- Adactio: Journal?Hypertext history - Jeremy Keith goes on a trip down markup memory lane.
- HTML5 Boilerplate - A rock-solid default for HTML5 awesome. - The second starter template for HTML5/CSS3 projects I've seen this week, this one includes some (Apache) server configuration files too.
- HTML5 Reset - A starter template for HTML5/CSS3 web projects, probably the first of many.
- Bronte Capital: A fund manager experiments in geek... - The switch from Windows to Linux from an economic perspective.
- Commonly Confused Bits Of jQuery - Smashing Magazine - For a small library jQuery has a lot of functionality, there have been several occassions where I've discovered the reason I was finding it so hard to accomplish what I needed was because I was using the wrong method. This blog post highlights many of the places where that is likely to happen.
- Surfin? Safari - Blog Archive Ľ The HTML5 Parsing Algorithm - WebKit unveils it's HTML5 parsing engine, opening the way for inline SVG and MathML.
- Start Using HTML5 WebSockets Today | Nettuts+ - Nice introduction to the WebSocket API, which you can probably start using just as soon as the protocol stabilises.