Collective #504

Responsible JavaScript: Part I
Jeremy Wagner plots a course to avoid the unnecessary bloat and inaccessible patterns of current JavaScript trends.
Read it
Core, a front-end feature kit by Mason, free!
Grab the free feature kit that made it to #1 on Product Hunt and start building front-end features faster than you ever thought possible!
Get Core free
Announcing CodeSandbox v3
Read all about this major CodeSandbox update that includes VSCode extensions, many design tweaks, and a new devtool pane.
Read it
Enforcing Accessibility Best Practices with Automatically-Generated IDs
Brad Frost describes a useful technique for auto-generating IDs to help with accessibility.
Read it
How To Align Things In CSS
Rachel Andrew shows different ways of aligning elements in CSS.
Read it
Name It, and They Will Come
An interesting read by Dan Abramov on the importance of telling a story when sharing a new project.
Read it
Free Font: En Garde
Andros Souza shares his first font project.
Get it
Building a dependency-free site in 2019
Michelle Barker shares how she built her site in HTML, CSS and nothing else.
Read it
JavaScript Grammar
Get the PDF version of this JavaScript book by Greg Sidelnikov for a retweet.
Check it out
codetalks.tv
Codetalks.tv puts together the best dev talks in a categorized video platform, made by developers for developers.
Check it out
Designing And Building For Systems
Daniel Eden gives some advice on building for design systems.
Read it
Generative Poster
Create a generative art poster in this demo by David A.
Check it out
code-server
Code-server is VS Code running on a remote server, accessible through the browser.
Check it out
UITerminal
UITerminal is a Terminal-style CSS framework.
Check it out
VexChords
A JavaScript guitar chord renderer.
Check it out
oneliners.js
Some useful coding one-liners put together by Mike Skowronek.
Check it out
Scroll Anchoring in Firefox 66
Ryan Hunt writes about the new scroll anchoring feature in Firefox.
Read it
How an MIT Research Group Turned Computer Code Into a Modern Design Medium
The fascinating story of how code became a design medium.
Read it
Alien Invasion by Gal Shir: Web Animation by Kono
A CSS-only implementation of the "Alien Invasion" animation by Gal Shir. Made by Kono.
Check it out
Vue.js and D3: A Chart Waiting To Happen
Simon Wuyts shares this summary of a talk he gave at the Vue.js Antwerp meetup.
Read it
Everything I know about freelancing
Andy Adams offers some valuable insights to freelancing.
Read it