Collective #548
Publikováno: 12.9.2019
Metronomes in JavaScript * VeoLuz * Logical Operations with CSS Variables * Can I Email * Simplicity (II)
Collective #548 was written by Pedro Botelho and published on Codrops.
![C548_WOTW](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_WOTW.jpg)
Inspirational Website of the Week: Design Embraced
Anthony Goodwin’s portfolio has a beautiful flowy design with lovely details. Our pick this week.
![C537_divi](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C537_divi.jpg)
The Ultimate WordPress Page Builder
You’ve never built a WordPress website like this before. Divi is more than just a WordPress theme, it’s a completely new website building platform that replaces the standard WordPress post editor with a vastly superior visual editor.
![C548_simplicity](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_simplicity.jpg)
Simplicity (II)
Bastian Allgeier on the lessons learned while working on very old projects and how the post-build-process era brought dependency hell.
![C548_animateit](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_animateit.jpg)
Animate it
A tool to create high-quality GIFs and video animations in your browser.
![C548_metronome](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_metronome.jpg)
Metronomes in JavaScript
Monica Dinculescu’s exploration of metronomes and how to keep time in JavaScript.
![C548_scrollbars](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_scrollbars.jpg)
Two Browsers Walked Into a Scrollbar
Zach Leatherman studies scrollbar obtrusiveness and the design control we have with CSS.
![C548_logicalcss](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_logicalcss.jpg)
Logical Operations with CSS Variables
Ana Tudor explores the interesting possibilities of logical operations using CSS custom properties.
![C548_caniemail](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_caniemail.jpg)
Can I email
A very useful site that offers support info on more than 50 HTML and CSS features tested across 25 email clients.
![C548_veoluz](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_veoluz.jpg)
VeoLuz
A generative art tool that lets you play with light in a way you never have before. By Jared Forsyth.
![C548_csscamera](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_csscamera.jpg)
CSS-Camera
Add depth using a 3D camera view to your web page with CSS3 3D transforms. By Mingyu Kim.
![C548_activetheory](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_activetheory.jpg)
Active Theory v5
The amazing new website by Active Theory.
![C548_nightbuild](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_nightbuild.jpg)
Scheduling Netlify deploys with GitHub Actions
Thadee Trompetter shows how to use cron jobs on GitHub Actions and Netlify build hooks to perform nightly updates of a static site.
![C548_savedata](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_savedata.jpg)
Speeding up the web with the Save-Data header
Matt Hobbs experiments with the Save-Data header and shares what he learned.
![C548_cables](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_cables.jpg)
Cables
In case you didn’t know about it: Cables is a tool for creating beautiful interactive content. With an easy to navigate interface and real time visuals, it allows for rapid prototyping and fast adjustments. Currently in public beta.
![C548_interview](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_interview.jpg)
Reverse interview
A list of questions to ask the company during your interview.
![C548_regextweet](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_regextweet.jpg)
Learn Regex in 4 tweets
A crash course on regex by Somdev Sangwan in just four tweets.
![C548_caniusemdn](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_caniusemdn.jpg)
Caniuse and MDN compatibility data collaboration
Read about how two great data sources on web compatibility come together.
![C548_generativemountains](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_generativemountains.jpg)
Procedural Mountains
A fantastic demo by Kyle Wetton.
![C548_fullstackai](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_fullstackai.jpg)
fullstack.ai
End-to-end machine learning project showing key aspects of developing and deploying real life ML driven application.
![C548_dissolve](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_dissolve.jpg)
Dissolve
A wonderful demo of a dissolving effect shader by Colin Peyrat.
![C548_laser](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_laser.jpg)
Daytripper: Hide-My-Windows Laser Tripwire
Daytripper is a laser tripwire that can, upon triggering, hide all your windows, lock your computer, or execute a custom script to do whatever you want
![C548_webcamaudiovisualizer](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_webcamaudiovisualizer.jpg)
How to Create a Webcam Audio Visualizer with Three.js
A tutorial on how to create a Three.js powered audio visualizer that takes input from the user’s webcam.
![C548_websitesroundup](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C548_websitesroundup.jpg)
Inspirational Websites Roundup #8
Another set of inspirational website designs from the previous month to bring you up to date on the current design trends.
Collective #548 was written by Pedro Botelho and published on Codrops.