Collective #476

Original Source: http://feedproxy.google.com/~r/tympanus/~3/a0dPKKufrSE/

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

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

DebuCSSer

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

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

Choir

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

Drone

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.