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.
![C525_everylayout](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_everylayout.jpg)
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.
![C525_Baw](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_Baw.jpg)
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.
![C525_cssportrait](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_cssportrait.jpg)
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!
![C525_surma](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_surma.jpg)
When should you be using Web Workers?
An article by Surma explaining why it’s a good idea to use Web Workers.
![C525_clouds](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_clouds.jpg)
Drawing Realistic Clouds with SVG and CSS
A magic cloud making technique by Beau Jackson.
![C525_JSinCSS](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_JSinCSS.jpg)
CJSS
Finally you can write it all in CSS! 😆 Read more about it in this tweet.
![C525_pablo](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_pablo.jpg)
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.
![C525_rockgod](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_rockgod.jpg)
Rock God Pose
An fun interactive web app using Machine Learning and human pose estimation. Made by Ben Falchuk.
![C525_js2](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_js2.jpg)
Responsible JavaScript: Part II
Jeremy Wagner’s excellent article on how to cure a JavaScript hangover.
![C525_stateofcss](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_stateofcss.jpg)
The State of CSS 2019
The results of the first ever State of CSS survey.
![C525_gallery](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_gallery.jpg)
Spotlight
A lightweight and easy to integrate image gallery plugin without dependencies.
![C525_aiblob](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_aiblob.jpg)
AI Assistant Blob
Aaron Iker created this demo based on Oleg Frolov’s Dribbble shot.
![C525_gamesurl](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_gamesurl.jpg)
Games and Graphics in Popup URL bars
Matthew Rayfield explores the possibilities of the stacked URL bar display system to the max.
![C525_sausage](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_sausage.jpg)
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.
![C525_microfrontends](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_microfrontends.jpg)
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.
![C525_webcam2](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_webcam2.jpg)
Web Camera 02
An interesting web cam experiment by r21nomi.
![C525_prmise](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_prmise.jpg)
Promise combinators
Learn about the new additions to the available promise combinators in JavaScript, Promise.allSettled
and Promise.any
.
![C525_city](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_city.jpg)
Falling City
A great Three.js scene demo by Jon Kantner based on a background used in “The Battle Cats”.
![C525_d3](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_d3.jpg)
Interactive Charts with D3.js
Amelia Wattenberger explores the fundamental concepts for adding interactivity to D3 charts.
![C525_404](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_404.jpg)
404 Illustrations
A set of trendy, ready to use images for your 404 page.
![C525_electron](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_electron.jpg)
electron-boilerplate
A boilerplate to kickstart creating an app with Electron. By Sindre Sorhus.
![C525_animations](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_animations.jpg)
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.
![C525_HTMListheweb](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C525_HTMListheweb.jpg)
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.