Collective #505

Inspirational Website of the Week: Dogstudio
A perfect symphony of exciting WebGL, modern typography and great layout. Our pick this week.
Get inspired
Northwestern's Online MS in Information Design and Strategy
Build the in-demand skills, such as UX, UI, and HCI, needed to drive user interactions. Choose a specialization in content strategy, analytics, or learning design.
Apply now
Yet Another JavaScript Framework
A wonderful article by Jason Hoffman on the history of JavaScript frameworks and the legacy they left behind.
Read it
Accessibility for Vestibular Disorders: How My Temporary Disability Changed My Perspective
Facundo Corradini shares his experience with temporary vertigo and how it changed his mindset on accessibility for good.
Read it
Managing Z-Index In A Component-Based Web Application
Pavel Pomerantsev describes an approach for successfully managing stacking in a web app.
Read it
Some dogstudio.co insights
Kevin Chapelier provides some valuable insight into the initial implementation of the WebGL/three.js dog scene on dogstudio.co.
Check it out
A progressive disclosure component
Andy Bell discusses some key elements of a progressive and accessible disclosure component.
Read it
Editor.js
The next generation block styled editor got a major update.
Check it out
Grass
A stunning grass shader with three.js by Al Ro.
Check it out
You probably don't need that hip web framework
Owen Williams explains why obsession with finding better frameworks is killing ideas before they reach the world.
Read it
Upcoming WebHID API - access Bluetooth/USB HID devices in web applications
Robat Williams takes a look at the exciting, yet to be released WebHID API and shows what you might be able to do with it.
Read it
How I failed the <a>
Remy Sharp shares how and why you should be extra careful when adding onClick to a component.
Read it
Gimli
A promising looking Visual Studio Code extension enabling smart visual tools for front-end developers. You can back it on Kickstarter.
Check it out
combine-pagination
A JavaScript library for paginating across multiple data sources at once, whilst retaining the sort order.
Check it out
Dan Abramov teaches me React Hooks
Watch Mattias Petter Johansson get a React Hooks master class by Dan Abramov in this Fun Fun Function live stream recording.
Watch it
x-ray
In case you didn't know it: A simple HTML debugger, executable by bookmark, that let's you visualize the HTML structure of a website.
Check it out
Remix Icon
A great set of open source neutral style system symbols.
Get it
Free Font: Explorer
A playful uppercase typeface by Kristaps Zelmenis.
Get it
Color theory for designers - a crash course
An infographic that will teach you some important aspects of color theory applied to web design. By Micah Bowers.
Check it out
shoperr
With shoperr you can create your own custom shop in minutes, and stock up on referral links to your favorite products.
Check it out
Crossroads Slideshow
An experimental slideshow with an inclined look, three slide previews and a content view on click.
Check it out