Collective #525
Publikováno: 17.6.2019
Every Layout * The State of CSS 2019 * CJSS * When should you be using Web Workers? * Spotlight
Collective #525 was written by Pedro Botelho and published on Codrops.

Every Layout
Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS. By Heydon Pickering and Andy Bell.

15 design and development tools and resources you should be using ASAP
Are you a freelancing professional web designer or a member of a web design team? Either way, you’re always looking for great tools that will make your work easier.

Pure CSS Only Portrait – Isla
An insane piece of CSS art made by Ben Evans. A word of caution: it might break some (mobile) browsers!

When should you be using Web Workers?
An article by Surma explaining why it’s a good idea to use Web Workers.

Drawing Realistic Clouds with SVG and CSS
A magic cloud making technique by Beau Jackson.

CJSS
Finally you can write it all in CSS! 😆 Read more about it in this tweet.

The Faker You Are, the More Successful You Can Be
Pablo Stanley’s amazing presentation on the dos and don’ts to becoming a successful designer.

Rock God Pose
An fun interactive web app using Machine Learning and human pose estimation. Made by Ben Falchuk.

Responsible JavaScript: Part II
Jeremy Wagner’s excellent article on how to cure a JavaScript hangover.

The State of CSS 2019
The results of the first ever State of CSS survey.

Spotlight
A lightweight and easy to integrate image gallery plugin without dependencies.

AI Assistant Blob
Aaron Iker created this demo based on Oleg Frolov’s Dribbble shot.

Games and Graphics in Popup URL bars
Matthew Rayfield explores the possibilities of the stacked URL bar display system to the max.

Using Hamburger Menus? Try Sausage Links
Bradley Taunt shows how “sausage links” can serve as a simpler alternative to hamburger menus for certain use cases.

Micro Frontends
Cam Jackson describes a recent trend of breaking up frontend monoliths into many smaller, more manageable pieces, and how this architecture can increase the effectiveness and efficiency of teams working on frontend code.

Web Camera 02
An interesting web cam experiment by r21nomi.

Promise combinators
Learn about the new additions to the available promise combinators in JavaScript, Promise.allSettled
and Promise.any
.

Falling City
A great Three.js scene demo by Jon Kantner based on a background used in “The Battle Cats”.

Interactive Charts with D3.js
Amelia Wattenberger explores the fundamental concepts for adding interactivity to D3 charts.

404 Illustrations
A set of trendy, ready to use images for your 404 page.

electron-boilerplate
A boilerplate to kickstart creating an app with Electron. By Sindre Sorhus.

A Recipe for Designing Animations — Without Sacrificing Performance
Neil Shankar shares how he took the challenge of producing high-quality animations without contributing to latency for a redesign of the Google Chrome homepage.

HTML is the Web
An important reminder that HTML is what the web is based on, so frontend engineers should know it. By Pete Lambert.
Collective #525 was written by Pedro Botelho and published on Codrops.