Collective #497
Publikováno: 4.3.2019
Semantics to Screen Readers * JavaScript SEO * Absurd Illustrations * MakerAds * SpriteStack * Displacement Scroll
Collective #497 was written by Pedro Botelho and published on Codrops.

Semantics to Screen Readers
Learn what happens when screen readers access a web page in this article by Melanie Richards.

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.

Web
Install npm dependencies that run directly in the browser. No Browserify, Webpack or import maps required.

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.

Displacement Scroll
A fantastic scroll demo by Matthew Willox.

Absurd Illustrations
Free, surrealist illustrations with endless interpretation potential.

How Are Function Components Different from Classes?
Learn how React function components differ from React classes in this article by Dan Abramov.

Mask Compositing: The Crash Course
Ana Tudor explains how mask-composite works and why it’s useful.

SpriteStack
SpriteStack is a 3D pixelart editor based on the sprite stacking technique.

How the Design of My New Blog Came to Live
Veerle Pieters shares her design process and the struggles along the way.

WebGL Wonderland #7
An interesting loader-like demo made with the Phenomenon library. By Colin van Eenige.

The Dark Side of the Grid (Part 1)
The first article in a series on CSS Grid layout and accessibility. By Manuel Matuzovic.

JavaScript SEO: Welcome to a new series!
A new series about best practices and SEO for JavaScript. Hosted by Martin Splitt.

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.

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.

Jumps: The New Steps() in Web Animation
Dan Wilson writes about the new options for the steps() function.

MakerAds
Unobtrusive adverts for makers. You can market your product to more than 50 thousand developers, designers, and freelancers.

Free Font: Produk
Matthew Spence created this font with a Sci-Fi look.

Component frameworks and web standards
An interesting article by Hidde de Vries on vanilla code and front-end frameworks.

SC-FEGAN
This looks like the beginning of a new era for photo editing. Check out the tweet by Reza Zadeh.
Collective #497 was written by Pedro Botelho and published on Codrops.