- Springy easing with
linear()- Typed custom properties
- View transitions for page navigation
- Transition animation for
dialogandpopover- Transition animation for
details- Animated adaptive gradient text
They’re good dogs, Brent.
This is a great way to organise code snippets—listed by use case, and searchable too!
Next time you’re stuck on some DOM scripting, before reaching for a framework or library, check here first.
Google’s pissing over HTML again, but for once, it’s not by making up rel values:
A new way to help limit which part of a page is eligible to be shown as a snippet is the “
data-nosnippet” HTML attribute onspan,div, andsectionelements.
This is a direct contradiction of how data-* attributes are intended to be used:
…these attributes are intended for use by the site’s own scripts, and are not a generic extension mechanism for publicly-usable metadata.
At Clearleft, we’re always saying “Everything is a tiny lesson!”, so I love, love, love this bit of Manuel’s website where notes down short code snippets of little things he learns.
A social network for snippets of JavaScript effects in canvas, written in 140 characters or fewer. Impressive!
Girls on Neopets took what they needed from the site and used the skills acquired there to further develop a burgeoning digital girls’ culture, whether it be in expanding their guild pages into personal sites, teaching others to code, or exchanging those skills for economic gain in Neopets.
I have anecdotal evidence from a few people that Neopets was their introduction to web design and development.
Some more useful snippets of JavaScript. The functions and helpers are particularly handy if you’re weaning yourself off jQuery.
Slides and transcript from Anab’s terrific dConstruct talk.
It turns out that Big Bird is a god-defying instantiation of Moorcock’s Eternal Champion. Magnificent!
Big Bird and Snuffy go with him to stand in the Hall of Two Truths at the gate to the afterlife. The gigantic foam balls on these guys! Sure, Elmo loves you, but when’s the last time Elmo held anyone’s hand on the threshold of eternal night?
A trifecta of nice things:
A lovely piece from Matt examining agency and behaviour in the things we surround ourselves with: frying pans, houseplants, pets, and robots.
These are the droids you are looking for.
At Clearleft towers, we’ve been having semi-regular movie nights, based around a connecting theme. Previous themes include car chases (The French Connection, Bullitt and Ronin) and films set at Christmas that aren’t about Christmas (Gremlins and Die Hard).
Last week’s movie night’s theme was near-future science fiction. We didn’t get around to watching Minority Report but we did watch Children of Men and Sunshine.
Danny Boyle’s Sunshine is one of those films that gets better with each viewing. Little by little, it’s edging up my list of all-time favourites. It has a sense of awe, wonder and humility in the face of science that’s genuinely Clarkeian.
It also has plenty of loving references to those other films featuring the trifecta of sci-fi elements: a ship, a crew, a signal. The nods to 2001 and Alien are clear, but something I didn’t catch until just the other day was that the character of Pinbacker was named for Sergeant Pinback from John Carpenter’s Dark Star.
I know this because, instead of our usual Thursday evening pub gathering and book swapping, the Brighton Speculative Fiction Group this week hosted a puppet show. Paul and Richard recreated all of Dark Star using cardboard, some string, a few dolls and some strategic lighting.
It was one of the best things I’ve ever seen. Here’s the highlight reel.
One of many code-snippet sharing sites out there but this one has some nice features like tagging and popularity. The interface is yuck though. dpaste,com is nicer but more ephemeral.
This is *exactly* the kind of thing that Tim Berners-Lee had in mind when he invented the World Wide Web: pictures of dogs, dressed as bees.