Collective #505
Publikováno: 4.4.2019
CSSBattle * Yet Another JavaScript Framework * x-ray * A progressive disclosure component * Gimli
Collective #505 was written by Pedro Botelho and published on Codrops.

Inspirational Website of the Week: Dogstudio
A perfect symphony of exciting WebGL, modern typography and great layout. Our pick this week.

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.

Yet Another JavaScript Framework
A wonderful article by Jason Hoffman on the history of JavaScript frameworks and the legacy they left behind.

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.

Managing Z-Index In A Component-Based Web Application
Pavel Pomerantsev describes an approach for successfully managing stacking in a web app.

Some dogstudio.co insights
Kevin Chapelier provides some valuable insight into the initial implementation of the WebGL/three.js dog scene on dogstudio.co.

A progressive disclosure component
Andy Bell discusses some key elements of a progressive and accessible disclosure component.

Editor.js
The next generation block styled editor got a major update.

Grass
A stunning grass shader with three.js by Al Ro.

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.

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.

How I failed the <a>
Remy Sharp shares how and why you should be extra careful when adding onClick to a component.

Gimli
A promising looking Visual Studio Code extension enabling smart visual tools for front-end developers. You can back it on Kickstarter.

combine-pagination
A JavaScript library for paginating across multiple data sources at once, whilst retaining the sort order.

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.

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.

Remix Icon
A great set of open source neutral style system symbols.

Free Font: Explorer
A playful uppercase typeface by Kristaps Zelmenis.

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.

shoperr
With shoperr you can create your own custom shop in minutes, and stock up on referral links to your favorite products.

Crossroads Slideshow
An experimental slideshow with an inclined look, three slide previews and a content view on click.
Collective #505 was written by Pedro Botelho and published on Codrops.