Watch Transitions in Slow Motion in Chrome’s DevTools - Jim Nielsen’s Blog
This is a very handy tip if you’re adding view transitions to your website!
This is a very handy tip if you’re adding view transitions to your website!
Some great ideas for view transitionts in here! Also:
If you look at any of the examples on a browser that does not support them, the pages still function just fine. The transitions are an extra that’s layered on top if and when your browser supports them. Another concrete example of progressive enhancement in practice.
Excellent advice from Stuart.
Watch—and more importantly, listen—to this five minute video to get the full effect.
A great write-up from Hidde on dConstruct 2022 and how the speakers tackled the theme of design transformation:
They talked about turning a series of penstrokes into art, lasers into fireworks, human experiences into novels and patient data collection into a minimal effort task.
A lot of our work in web design and technology has a power to transform and that is wonderful, especially when we manage to be intentional about the how and why.
A terrfic presentation from Matt Jones (with the best talk title ever). Pace layers, seamful design, solarpunk, and more.
Decades before fiber optic cable spanned the bottom of the ocean to link continents, the airborne voice of a spring songbird did.
Mario Popova writes of an interspecies broadcast:
Those were the early days of broadcasting and recorded music, when the technology was both too primitive and too expensive to make the joy of music as ambient as air; the days before we made our Faustian deal with the technocrats who made music cheap and musicians poor so that we could stream it anytime anywhere with no recompense or thought of the souls from which the stream pours.
I can see myself almost certainly needing to use this clever technique at some point so I’m going to squirrel it away now for future me.
A potted history of communication networks from the pony express and the telegraph to ethernet and wi-fi.
Well, this is just wonderful! Jim has written copious notes after listening to my favourite episode of season three of the Clearleft podcast, measuring design:
I’m going to have to try really, really hard to not just copy/paste the entire transcript of this podcast. It‘s that good. Don’t miss it.
This is a terrific and nuanced talk that packs a lot into less than twenty minutes.
I heartily concur with Rich’s assessment that most websites aren’t apps or documents but something in between. It’s a continuum. And I really like Rich’s proposed approach: transitional web apps.
(The secret sauce in transitional web apps is progressive enhancement.)
The transcript from the latest episode of the HTTP 203 podcast is well worth perusing.
- Internet Explorer halted development, no innovation. Would you say Safari is the new IE?
- There was loads of stuff missing. Is Safari the new IE?
- My early career was built on knowing the bugs in IE6 and how to solve them. Is Safari the new IE?
- Internet Explorer 6, it had a really slow JavaScript engine, performance was bad in that browser. Is Safari the new IE?
- Internet Explorer had a fairly cavalier attitude towards web standards. Is Safari the new IE?
- Back in the day that we had almost no communication whatsoever. Is Safari the new IE?
- Slow-release cycle. Is Safari the new IE?
I’m very excited about this proposal for animating transitions between web pages!
I’m less excited about doing it for single page apps, but I get why it’s the simplest place to start.
This builds on Jake’s earlier proposal which I always thought was excellent and much needed. I’m not the only one. Chris agrees.
An excellent thoughtful piece from Angela Saini (as always):
Popular opinion, “common sense” and the closely related priors of scientific enquiry have never been reliable guides when it comes to decoding human difference. After all, European biologists once thought it was obvious that colour-coded races were different species or breeds that had evolved separately on each continent. It was obvious to taxonomist Carl Linnaeus that monster-like and feral races of humans surely existed somewhere in the world. More recently, neuroscientists were happily insisting that women were innately less intelligent than men because they had smaller brains. A few neuroscientists still do.
History shows that many supposed “facts” about human nature were actually always cultural constructions. Race is one. Gender is another. Now, some researchers believe that sex—generally seen as determined by anatomy, including chromosomes, hormones and genitalia—may to some extent be constructed, too. Binary categories of male and female, they say, certainly don’t fully encompass all the natural variation and complexity that we see in our species.
A terrific piece by Jonathan Zittrain on bitrot and online digital preservation:
Too much has been lost already. The glue that holds humanity’s knowledge together is coming undone.
Harry gave a speech at the Federal Trade Commission’s Dark Patterns workshop in April. Here’s the transcript, posted to Ev’s blog.
When I first worked on Dark Patterns in 2010, I was quite naive. I thought that they could be eradicated by shaming the companies that used them, and by encouraging designers to use a code of ethics.
The fact that we’re here today means that approach didn’t work.
It would be nice to be able to animate the transition between pages if we want to on the web without resorting to hacks or full-blown architecture choices to achieve it.
Amen, Chris, amen!
The danger here is that you might pick a single-page app just for this ability, which is what I mean by having to buy into a site architecture just to achieve this.
Ainissa Ramirez recounts the story of the transatlantic telegraph cable, the Apollo project of its day.
This is a really nice introduction to CSS transitions with interactive demos you can tinker with.
This is a superb twenty minute presentation by Trys! It’s got everything: a great narrative, technical know-how, and a slick presentation style.
Conference organisers: you should get Trys to speak at your event!