Web Design Link Picks
resources from newsletter #105 & #106
Article written on Wednesday, 13 Mar 2019
We will put Auto-animate, one of the new features in Adobe XD to the test thanks to Shane Williams practical examples. With the modern lay-out methods such as Flexbox, Grid and Box alignment is sometimes hard to visualise things and that's where Firefox DevTools can help as you'll read. The good people at CodyHouse also have a new Design System project. But we first start with some ambient backgrounds. Enjoy these wonderful curated resources.
Ambient Canvas Backgrounds
Sean Free shows how to experiment with 5 ambient webpage backgrounds created using the HTML5 Canvas API and jwagner's Simplex Noise library.
Adobe XD: Putting Auto-animate to the Test
Shane Williams share his result and learnings from creating pure UI experiments and testing the auto-animate feature in Adobe XD. Helpful and well written plus many practical examples too.
Using DevTools to Understand Modern Layout Techniques
"The modern layouts triple team of Flexbox, Grid and Box alignment introduces certain concepts that may be harder to visualise than previous layout methods. And this is where Firefox DevTools, IMHO, does a great job of facilitating that visualisation".
Components | CodyHouse
Regular readers will remember the 'Create your design system' series I've shared here. This is a look at CodyHouse's new Design System project. It's an arsenal of production-ready components.
