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.
Lynn gives a step-by-step walkthrough of the latest amazing redesign of her website. There’s so much joy and craft in here, with real attention to detail—I love it!
A walkthrough of the process of creating a futuristic interface with CSS (grid and animation).
While this is just one interpretation of what’s possible, I’m sure there are countless other innovative ideas that could be realized using the tools we have today.
Beautiful use of CSS transitions and transforms.
Also: CSS is officially the new Flash—”skip intro” is back.
A beautiful experiment with CSS transforms and a smattering of JavaScript.
Here’s a handy little tip for CSS animations: instead of changing position properties, use translate instead.
A competitor to Prezi built with HTML, CCS and JavaScript.
Eric is making some genuinely beautiful art by applying CSS transforms to some well-known sites.
Andy just debuted this at An Event Apart—lovely stuff.
A cute’n’nifty demonstration of transforms and animations in CSS that works a treat in Webkit.
Kanji characters that transform into the animal they represent.
Experimenting with CSS3 and HTML5 features implemented in Webkit.
Copy this bit of JavaScript code. Visit your website of choice in Safari. Paste said code into the address bar. Giggle with glee.
WebKit continues to steam ahead. Now with CSS transforms; you can scale and rotate your elements.
This seems wrong... but so, so right.