Collective #476
Publikováno: 13.12.2018
quicklink * DebuCSSer * Retro Pixel * CSS-in-JS or CSS-and-JS * Designing for Interaction Modes * Programming CSS
Collective #476 was written by Pedro Botelho and published on Codrops.
Inspirational Website of the Week: PART Architects
A bold design with many innovative details. Our pick this week.
Learn 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.
quicklink
Quicklink attempts to make navigations to subsequent pages load faster by prefetches URLs to the links when the browser is idle.
The (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.
DebuCSSer
A very useful CSS debugging tool by Lucas Gesmundo.
Designing for Interaction Modes
A very insightful article by Andrew Grimes on how to approach the task of designing for interaction modes.
Under
Under is a great little game written in JavaScript and GLSL with procedural graphics. By Weston C. Beecroft.
Top 10 Albums 2018
Adam Kuhn created this slideshow of his top 10 music albums of 2018.
Choir
A super fun demo by David Li for Adult Swim.
Not 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.
CSS-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.
Keep Math in the CSS
Chris Coyier shows how keeping Math in the CSS can make things cleaner and easier to manage.
Retro Pixel
A splendid rhythm game by Misaki Nakano for the Christmas Experiment collection.
A Recap of Frontend Development in 2018
Trey Huffine recaps the most important frontend news, notable events, and trends in JavaScript for 2018.
Drone
A fantastic demo using Three.js Unreal Bloom effect by Baron Watts.
What I learned in (almost) 30 days of Codevember
Brian Romer shares his Codevember experience.
Only CSS: Shooting Star
Beautiful little shooting start made with CSS only. By Yusuke Nakaya.
Free Font: Scotland
A beautiful blackletter typeface made by Phil MacIsaac.
Meetio UI Kit (XD)
A great UI kit with more than 80 screens for Adobe XD.
So you want to use Redux
A good primer to Redux by Sérgio Gomes.
Motion Transition Effect
A speedy motion transition effect for an image slideshow inspired by Gal Shir’s “Ping Pong Slow Motion” animation.
Collective #476 was written by Pedro Botelho and published on Codrops.