Collective #476

Original Source:


Inspirational Website of the Week: PART Architects

A bold design with many innovative details. Our pick this week.

Get inspired


This content is sponsored via Thought Leaders
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.

Get inspired



Quicklink attempts to make navigations to subsequent pages load faster by prefetches URLs to the links when the browser is idle.

Check it out


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.

Check it out



A very useful CSS debugging tool by Lucas Gesmundo.

Check it out


Designing for Interaction Modes

A very insightful article by Andrew Grimes on how to approach the task of designing for interaction modes.

Read it



Under is a great little game written in JavaScript and GLSL with procedural graphics. By Weston C. Beecroft.

Check it out


Top 10 Albums 2018

Adam Kuhn created this slideshow of his top 10 music albums of 2018.

Check it out



A super fun demo by David Li for Adult Swim.

Check it out


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.

Read it


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.

Check it out


Keep Math in the CSS

Chris Coyier shows how keeping Math in the CSS can make things cleaner and easier to manage.

Check it out


Retro Pixel

A splendid rhythm game by Misaki Nakano for the Christmas Experiment collection.

Check it out


A Recap of Frontend Development in 2018

Trey Huffine recaps the most important frontend news, notable events, and trends in JavaScript for 2018.

Read it



A fantastic demo using Three.js Unreal Bloom effect by Baron Watts.

Check it out


Programming CSS

Jeremy Keith reminds us how powerful CSS selectors are.

Read it


What I learned in (almost) 30 days of Codevember

Brian Romer shares his Codevember experience.

Read it


Only CSS: Shooting Star

Beautiful little shooting start made with CSS only. By Yusuke Nakaya.

Check it out


Free Font: Scotland

A beautiful blackletter typeface made by Phil MacIsaac.

Get it


Meetio UI Kit (XD)

A great UI kit with more than 80 screens for Adobe XD.

Get it


So you want to use Redux

A good primer to Redux by Sérgio Gomes.

Read it


From Our Blog
Motion Transition Effect

A speedy motion transition effect for an image slideshow inspired by Gal Shir’s “Ping Pong Slow Motion” animation.

Check it out

Collective #476 was written by Pedro Botelho and published on Codrops.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *