Collective #497
Semantics to Screen Readers
Learn what happens when screen readers access a web page in this article by Melanie Richards.
Read it
React Design Patterns and Best Practices
A book that will teach you how to build modular applications that are easy to scale using the most powerful components and design patterns that React can offer you right now.
Check it out
Web
Install npm dependencies that run directly in the browser. No Browserify, Webpack or import maps required.
Check it out
W3C and FIDO Alliance Finalize Web Standard for Secure, Passwordless Logins
The W3C and the FIDO Alliance announced the Web Authentication (WebAuthn) specification is now an official web standard.
Read it
Displacement Scroll
A fantastic scroll demo by Matthew Willox.
Check it out
Absurd Illustrations
Free, surrealist illustrations with endless interpretation potential.
Get it
How Are Function Components Different from Classes?
Learn how React function components differ from React classes in this article by Dan Abramov.
Read it
Mask Compositing: The Crash Course
Ana Tudor explains how mask-composite works and why it's useful.
Read it
SpriteStack
SpriteStack is a 3D pixelart editor based on the sprite stacking technique.
Check it out
How the Design of My New Blog Came to Live
Veerle Pieters shares her design process and the struggles along the way.
Read it
WebGL Wonderland #7
An interesting loader-like demo made with the Phenomenon library. By Colin van Eenige.
Check it out
The Dark Side of the Grid (Part 1)
The first article in a series on CSS Grid layout and accessibility. By Manuel Matuzovic.
Read it
JavaScript SEO: Welcome to a new series!
A new series about best practices and SEO for JavaScript. Hosted by Martin Splitt.
Watch it
Frontend Bootcamp / Days in the Web
A two-day workshop where you'll learn the basics of frontend development while building a working web app. Work in progress.
Check it out
When Is A Button Not A Button?
A great and fun article by Vadim Makeev on the delightful journey on using a button in HTML.
Read it
Jumps: The New Steps() in Web Animation
Dan Wilson writes about the new options for the steps() function.
Read it
MakerAds
Unobtrusive adverts for makers. You can market your product to more than 50 thousand developers, designers, and freelancers.
Check it out
Free Font: Produk
Matthew Spence created this font with a Sci-Fi look.
Get it
Component frameworks and web standards
An interesting article by Hidde de Vries on vanilla code and front-end frameworks.
Read it
SC-FEGAN
This looks like the beginning of a new era for photo editing. Check out the tweet by Reza Zadeh.
Check it out