Collective #564

GSAP 3 Is Available Now!
Read about all the exciting new features of GSAP 3 and give it a try.
Read it
Introducing The Divi Theme Builder
Learn how you can enjoy complete control over your entire website with the new and powerful Divi Theme Builder.
Check it out
Scroll Snap in CSS Instead of JavaScript
Miriam Suzanne explains how we can manage scroll alignment directly in CSS with only a few lines of code.
Watch it
React Conf 2019
Great talks from React Conf 2019. Be sure to check out Anthony Morris' article 19 Takeaways From React Conf 2019 for an overview.
Watch it
Motion Design in UI - Designing in the Browser
Una Kravets shows how to take a design, build it and then tweak it the web browser.
Check it out
Dynamic animations
Jhey Tompkins shows how to achieve dynamic animations using CSS variables.
Check it out
Breaking Chains with Pipelines in Modern JavaScript
An article by Dan Shappir about using iterators, generators, and the upcoming pipeline operator to build a small and simple yet powerful collection manipulation library.
Read it
:is() selector
Adam Argyle gets us excited about the magical :is() selector in this tweet and GIF.
Check it out
Day as a Dev
A new tech podcast that takes a practical look at life in the tech industry.
Check it out
Paged.js
A blog which advocates for innovative approaches to making books in browsers.
Check it out
Mobile Dark Patterns
An interesting article by Steven Hoober on some common dark patterns used in mobile apps.
Read it
What Newspapers Can Teach Us About Web Design
In this article, Frederick O'Brian writes about how newspapers teach us much about the foundations of web design.
Read it
How Discord achieves native iOS performance with React Native
Some fascinating insight into how building Discord with React Native made the app very performant. By Miguel Gaeta.
Read it
CSS Grid: Restaurant Website
A really nice grid example by Olivia Ng.
Check it out
What I’ve learned about accessibility in SPAs
Nolan Lawson shares some insights on accessibility he gained while working on a Single Page App.
Read it
The web is not dying
Chris Ferdinandi's view on the current state of the web. Also, check out his related article with some interesting links.
Read it
Inclusive Design And Accessibility: Live Stream With Heydon Pickering
Heydon Pickering talks about the relationship between accessibility and design systems, and introduces his brand new book "Inclusive Components".
Watch it
#codevember AI snake
This AI snake game is a tough challenge!
Check it out
Rethinking the Front-end
Shane Yu provides perspectives around the problems and goals of front-end development and discusses how to think about Component Composition.
Read it
Cropping Images to a specific Aspect Ratio with JavaScript
Rik Schennink's tutorial on writing a tiny JavaScript function that can crop images to various aspect ratios.
Read it