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.
I’m very taken with Github’s tab-container element—this is exactly how I think web components should be designed!
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!
The web embodies principles of openness and portability and access that best align with the needs, and frankly the purpose, of the cultural heritage sector.
Aaron’s talk from the 2019 Museums and the Web conference.
In 2019 the web is not “sexy” anymore and compared to native platforms it can sometimes seems lacking, but I think that speaks as much to people’s desire for something “new” as it does to any apples to apples comparison. On measure – and that’s the important part: on measure – the web affords a better and more sustainable framework for the cultural heritage to work in than any of the shifting agendas of the various platform vendors.
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.
A nice combination of style guide and pattern library, with plenty of documentation.
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.
I must remember to allow plenty of time at the airport when I'm leaving San Francisco.
WebKit continues to steam ahead. Now with CSS transforms; you can scale and rotate your elements.
This seems wrong... but so, so right.