Collective #564
Publikováno: 11.11.2019
GSAP 3 * React Conf 2019 * :is() selector * Paged.js * Day as a Dev * Scroll Snap in CSS
Collective #564 was written by Pedro Botelho and published on Codrops.

GSAP 3 Is Available Now!
Read about all the exciting new features of GSAP 3 and give it a try.

Introducing The Divi Theme Builder
Learn how you can enjoy complete control over your entire website with the new and powerful Divi Theme Builder.

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.

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.

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.

Dynamic animations
Jhey Tompkins shows how to achieve dynamic animations using CSS variables.

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.

:is() selector
Adam Argyle gets us excited about the magical :is() selector in this tweet and GIF.

Day as a Dev
A new tech podcast that takes a practical look at life in the tech industry.

Paged.js
A blog which advocates for innovative approaches to making books in browsers.

Mobile Dark Patterns
An interesting article by Steven Hoober on some common dark patterns used in mobile apps.

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.

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.

CSS Grid: Restaurant Website
A really nice grid example by Olivia Ng.

What I’ve learned about accessibility in SPAs
Nolan Lawson shares some insights on accessibility he gained while working on a Single Page App.

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.

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”.

#codevember AI snake
This AI snake game is a tough challenge!

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.

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.
Collective #564 was written by Pedro Botelho and published on Codrops.