May 2013
4 posts
CSS: Elastic Videos →
How to embed youtube and vimeo etc video in fluid containers.
May 20th
How Facebook Designs the 'Perfect Empty Vessel'... →
May 14th
“If you are adhering to the “scripts at the bottom” best practice, then you have...”
– 5 Things You Should Stop Doing With jQuery | Flippin’ Awesome
May 10th
Increase image size and compression level for... →
Article covering how double dimension images with huge jpg compression reduced to smaller sizes by the browser are generally no different from the original, allowing for better viewing on retina display with higher pixel density.
May 9th
April 2013
1 post
3 tags
Very Simple CSS-only Proportional Resizing of... →
Apr 17th
March 2013
6 posts
HTML5 boilerplate google analytics script loader... →
A quick code review would be appreciated, but I believe this works (the fonts load, at least)
Mar 25th
Touch And Mouse: Together Again For The First Time... →
Important details on combinations of event handlers.
Mar 22nd
CSS - flexbox →
Very easy to understand one page overview of flexbox, within a rather well written, up-to-date tutorial on CSS layout. 
Mar 14th
Marking one year since the Inside Government beta... →
Article covering how UK Govt websites could be successfully run on an agile basis and how editorial staff don’t necessarily need WISYWYG editors, and can be as happy as developers using markdown.
Mar 7th
Do you really need a microsite? →
Helpful article covering the pros and cons of choosing a microsite from @boagworld.  I’ve sat on both sides of the build process (working for an agency wanting to create a decent experience with its own style and flair and linked to a campaign - a moment in time) and as part of a maintainer of a large site, trying to avoid fragmenting the experience.  There’s no easy answer, but this article...
Mar 5th
HTML's New Template Tag: standardizing client-side... →
Mar 1st
February 2013
3 posts
Mobile carriers may inject script onto your html... →
You can protect against it (assuming your site is optimised already, and has compressed scripts/styles that do not need rewriting), you can add   <meta http-equiv=”Cache-control” content=”no-cache”>  to your pages. However, this may prevent caching (although not necessarily), and    <meta http-equiv=”Cache-control”...
Feb 28th
What is hoisting, really? - blog by @johnkpaul →
Feb 15th
Baptism of fire introduction to Emmet.io
tbody>(tr>th[scope=row rowspan=9]{Stage...
Feb 6th
January 2013
7 posts
What is the most efficient way to clone a... →
Jan 31st
About HTML5 document sectioning
MDN: https://developer.mozilla.org/en-US/docs/HTML/Sections_and_Outlines_of_an_HTML5_document Smashing Mag: http://coding.smashingmagazine.com/2011/08/16/html5-and-the-document-outlining-algorithm/ Roger Johansson: http://www.456bereastreet.com/archive/201103/html5_sectioning_elements_headings_and_document_outlines/ Sitepoint Forums (HTML5 Sectioning and Accessibility): ...
Jan 18th
4 tags
Link javascript with CSS media query breakpoints
Some articles:  http://seesparkbox.com/foundry/breakpoint_checking_in_javascript_with_css_user_values - Adding generated content with the property being a text reference to the size - uses the transitionEnd event referred to in  http://www.paulrhayes.com/2011-11/use-css-transitions-to-link-media-queries-and-javascript/ This is not supported in IE9, but this...
Jan 14th
“You know that you have to click that submit button exactly once. Why on earth...”
– Preventing Duplicate Execution | Rodney Rehm “Testing is not about making sure it works. Testing is about making sure it doesn’t break.”
Jan 11th
Things to bear in mind when building single page...
From ‘On Single Page Apps’, by @codepo8 We compete with a lot of useful browser features that we need to simulate: History navigation Preventing wrong loading by hitting the stop button or ESC Loading indicators – is something happening? Bookmarkability Ability to open a link in another tab State retention. When I reload the page I should get back to where I was and not the...
Jan 11th
“when you use gradients, vertical gradients will be faster and use less battery...”
– Splash Vector Graphics on your Responsive Site - HTML5 Rocks
Jan 10th
About Favicons
From Mathias Bynens (html5 boilerplate contributor) http://mathiasbynens.be/notes/rel-shortcut-icon http://mathiasbynens.be/notes/touch-icons Two articles, the upshot of which being that if youhave basic requirements from your favicons you can have no favicon html at all in your page. The spec: http://www.whatwg.org/specs/web-apps/current-work/multipage/links.html#rel-icon and an article on...
Jan 9th
December 2012
3 posts
An overview of accessible web applications and... →
Dec 18th
List of Browsers and Platforms for Cross Browser... →
Dec 14th
TITLE attributes - WAC blog - RNIB →
Dec 14th
October 2012
7 posts
“the layout of the component responded based on the width of its containing...”
– Responsive Containers | Andy Hume
Oct 25th
Testing.
There are a lot of devices, platforms, viewport sizes to test on. Not including the three major OSs and versions, and the five major browsers and versions, there’s now this and it’s viewport options, http://www.mobilexweb.com/blog/windows-8-surface-ie10-html5 this http://gizmodo.com/5952060/xbox-360-dashboard-update-oh-hey-internet-explorer-for-your-tv This, ...
Oct 18th
“Any thoughts about the best approach for a test set up for Win 8 / IE10 desktop?”
– Windows 8 and Microsoft Surface: IE10 meets modern mobile HTML5 | Breaking the Mobile Web
Oct 18th
“Lea Verou built this awesome contrast ratio tool. Give it any form of CSS color...”
– Create More Accessible Color Schemes With ‘Contrast Ratio’ | Webmonkey | Wired.com
Oct 16th
Don’t Use Automatic Image Sliders or Carousels,... →
At some point, someone is going to request a rotating banner. I’ll need this article to remember the pros and cons (probably cons).
Oct 16th
Retina revolution →
Using high jpeg compression to, counter-intuitively, create better quality images on retina displays than larger less compressed images.
Oct 9th
Fixing A Broken User Experience | Smashing UX... →
Article covering how to mend systemic issues with design within an organisation’s products.
Oct 1st
September 2012
11 posts
“we emulate native apps and the practices of thick client development, rather...”
– It’s Not All Doom And Gloom On The Web | Smashing Magazine
Sep 21st
“Note to self: `git-stash save ` - Handy, always confusing my stashes. @{1} just...”
– git-stash: not your mom’s temporary branches « git-fu
Sep 20th
Worm turning on Tufte-ified UIs
Google’s UI changes are a fair example of Tufte’s principles in action. Since Web 2.0’s rounded corners, drop-shadows and lickable buttons there’s been this (justified) reaction to needless ‘authenticity’ (or decoration). These articles warn against a this trend going too far and losing the metaphors that those techniques originally helped express (e.g....
Sep 14th
New Mobile Safari stuff in iOS5: position:fixed,... →
“It’s assumed that it’s up to the developer to implement some sort of visual indicator to let the user know they can interact with the element.” Huh.
Sep 13th
The JavaScript Comma Operator | JavaScript,... →
var a = (7, 5); a; //5
Sep 13th
Javascript Animation: Tutorial, Part 1 -... →
I have a feeling this would be better with requestAnimationFrame now. Not sure if this is an older article. 
Sep 12th
jQuery.proxy() – jQuery API →
Sep 6th
Ben Alman » There's no such thing as a "JSON... →
They’re either json formatted strings, or javascript object literals. Occasionally, a javascript object literal (if in string format) will be a json formatted string. Clears that up.
Sep 5th
Backbone has made me a better programmer | Float... →
Sep 5th
How To Module - How To Node - NodeJS →
How to (directory) structure your node projects (with implicit github assumptions)
Sep 5th
Scott Chacon - an alternative workflow used on... →
An alternative to git-flow http://nvie.com/posts/a-successful-git-branching-model/ which doesn’t assume releases, rather continuous deployment.
Sep 4th
August 2012
7 posts
“To be the most efficient with your icon font, you should only load the...”
– #113: Creating and Using a Custom Icon Font | CSS-Tricks
Aug 23rd
Rendering: repaint, reflow/relayout, restyle  →
How browsers render a page and possible pitfalls to avoid (forcing unneeded repaint)
Aug 7th
Using generated content to display the value in a... →
Using HTML5 input type range, css calculated content values and an event listener on change. Cited in this article: http://www.netmagazine.com/features/five-things-you-didnt-know-web-could-do
Aug 7th
“/* Specify quotes for two languages */ :lang(en) > q { quotes:...”
– Languages specific generated quotes. I’ll need to remember this technique, I feel. CSS generated content techniques - Dev.Opera
Aug 6th
The myth of the “modern browser” | Christian... →
On how we should not only use feature detection, but describe browser support in terms of features supported, given the rapid version change of non-IE browsers.
Aug 3rd
Support for @supports in Firefox Nightly  →
Is this a browser cow-path paving for Modernizr?
Aug 3rd
Use background-size, YepNope.js, & Modernizr to... →
Aug 1st
July 2012
8 posts
Using Beyond Compare with Version Control Systems →
Beyond Compare can be configured as the external difference utility in many popular VCS applications. Including git, it turns out, which is very handy for me.
Jul 26th