input type="range" and then figure out the CSS you need (which, alas, involves lots of vendor prefixes).
Monday, May 11th, 2020
Saturday, June 23rd, 2018
Jake’s blow-by-blow account of uncovering a serious browser vulnerability is fascinating. But if you don’t care for the technical details, skip ahead to to how different browser makers handled the issue—it’s very enlightening. (And if you do care for the technical details, make sure you click on the link to the PDF version of this post.)
Saturday, January 6th, 2018
Ana goes into exhaustive detail on all the differences in the shadow DOM and styling of
input type="range" across browsers.
I’m totally fine with browsers providing different styling for complex UI elements like this, but I wish they’d at least provide a consistent internal structure and therefore a consistent way of over-riding the default styles. Maybe then people wouldn’t be so quick to abandon native elements like this in favour building their own UI components from scratch—the kind of over-engineering that inevitably ends up being under-engineered.
Thursday, July 20th, 2017
Sunday, June 25th, 2017
A look at the feedback needed for a slider control that feels “right”.
You can get most of the behavioural (though not styling) suggestions in HTML by doing this:
<form> <input type="range" min="0" max="100" value="50" onchange="amount.value=this.value" onmousemove="amount.value=this.value"> <output name="amount">50</output> </form>
Wednesday, June 1st, 2016
You’re supposed to be able to create two-handled sliders with
input type="range" but the browser support isn’t there yet. In the meantime, Lea has created a nice lightweight polyfill.
Friday, September 28th, 2012
At least one of these will probably drive you crazy.
Wednesday, April 4th, 2012
A day devoted to exploring unusual places all over the world. I couldn’t find anything for Brighton but it looks like there will be some stuff happening in London.
Friday, August 12th, 2011
In an attempt to “optimise” performance, T-Mobile and Orange are actually breaking jQuery.
Saturday, March 26th, 2011
The premise of this work is simple: I meet two or more people on the street who are strangers to each other, and to me. I ask them if they will pose for a photograph together with the stipulation that they must touch each other in some manner. Frequently, I instruct or coach the subjects how to touch. Just as often, I let their tentative physical exploration play out before my camera with no interference.
Wednesday, April 28th, 2010
Why are you wearing that stupid man suit?
Sunday, August 30th, 2009
There is something utterly hypnotic and disturbing about these three-frame looping animations.
Monday, September 10th, 2007
Kind of disturbing, kind of funny.
Tuesday, August 22nd, 2006
A strange and beautiful portfolio of photographs.
Monday, October 10th, 2005
Possible ideas for IE's icon for RSS feeds. I like number five.