Collective #476
Inspirational Website of the Week: PART Architects
A bold design with many innovative details. Our pick this week.
Get inspiredLearn about design systems from the experts
Expert talks, hands-on guides, and inspirational soundbites from designers working on teams at Slack, Dropbox and Facebook, all curated by the team at Framer.
Get inspiredquicklink
Quicklink attempts to make navigations to subsequent pages load faster by prefetches URLs to the links when the browser is idle.
Check it outThe (Switch)-Case for State Machines in User Interfaces
David Khourshid introduces the concept of state machines and how they can help in the design of user interfaces.
Check it outDebuCSSer
A very useful CSS debugging tool by Lucas Gesmundo.
Check it outDesigning for Interaction Modes
A very insightful article by Andrew Grimes on how to approach the task of designing for interaction modes.
Read itUnder
Under is a great little game written in JavaScript and GLSL with procedural graphics. By Weston C. Beecroft.
Check it outTop 10 Albums 2018
Adam Kuhn created this slideshow of his top 10 music albums of 2018.
Check it outChoir
A super fun demo by David Li for Adult Swim.
Check it outNot Your Father's Navigation Strategy: There's More Than Just the TAB Key
Rachel Olivero explains that while the use of the Tab key for navigation is appropriate in the right circumstances, utilizing quick navigation keys and element lists can offer greater flexibility for screen reader users.
Read itCSS-in-JS or CSS-and-JS
John Polacek has built something with fashioned CSS and JS and then again with new fangled CSS-in-JS. His message is: either approach is fine, do what is right for you.
Check it outKeep Math in the CSS
Chris Coyier shows how keeping Math in the CSS can make things cleaner and easier to manage.
Check it outRetro Pixel
A splendid rhythm game by Misaki Nakano for the Christmas Experiment collection.
Check it outA Recap of Frontend Development in 2018
Trey Huffine recaps the most important frontend news, notable events, and trends in JavaScript for 2018.
Read itDrone
A fantastic demo using Three.js Unreal Bloom effect by Baron Watts.
Check it outProgramming CSS
Jeremy Keith reminds us how powerful CSS selectors are.
Read itWhat I learned in (almost) 30 days of Codevember
Brian Romer shares his Codevember experience.
Read itOnly CSS: Shooting Star
Beautiful little shooting start made with CSS only. By Yusuke Nakaya.
Check it outFree Font: Scotland
A beautiful blackletter typeface made by Phil MacIsaac.
Get itMeetio UI Kit (XD)
A great UI kit with more than 80 screens for Adobe XD.
Get itSo you want to use Redux
A good primer to Redux by Sérgio Gomes.
Read itMotion Transition Effect
A speedy motion transition effect for an image slideshow inspired by Gal Shir's "Ping Pong Slow Motion" animation.
Check it out