Collective #537
![C537_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_WOTW.jpg?x86293)
Inspirational Website of the Week: Drink Cann
A refreshing and colorful design with a bubbly motif. Our pick this week.
Get inspired![C357_tania](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C357_tania.jpg?x86293)
Writing a Simple MVC App in Plain JavaScript
A tutorial by Tania Rascia where she shows how to write an MVC app in plain JavaScript using the model-view-controller architectural pattern.
Read it![Screen-Shot-2019-08-01-at-14.24.38](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/Screen-Shot-2019-08-01-at-14.24.38.jpg?x86293)
I Used The Web For A Day On A 50 MB Budget
Chris Ashton puts himself in the shoes of someone on a tight data budget and offers practical tips for reducing our websites' data footprint.
Read it![C537_divi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_divi.jpg?x86293)
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.
Try it![C537_darkweb](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_darkweb.jpg?x86293)
The Real Dark Web
A refreshing read by Charlie Owen on the "boring" majority of the web dev world.
Read it![C537_aicomponents](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_aicomponents.jpg?x86293)
Components AI
An experimental platform for exploring generative design systems. You can cycle through generated designs one or many at a time until you find something inspiring.
Check it out![C537_access](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_access.jpg?x86293)
Truths about digital accessibility
Some things to keep in mind when creating, maintaining, or evaluating accessible technology. By Eric Bailey.
Read it![C537_ocean](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_ocean.jpg?x86293)
Deep sea (Chrome only)
Yuan Chuan made this wonderful demo of an animated abstract underwater scene.
Check it out![C537_planet](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_planet.jpg?x86293)
Planet
Nadieh Bremer shares a magnificent project that visualizes how Planet's satellites create a full image of Earth's landmass in one single day. Read more about it in this tweet.
Check it out![C537_offmainthread](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_offmainthread.jpg?x86293)
React + Redux + Comlink = Off-main-thread
Surma investigates if and how React and Redux workings can be go off the main thread.
Read it![C537_glasssvg](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_glasssvg.jpg?x86293)
Making a Realistic Glass Effect with SVG
A tutorial by David Fitzgibbon on how to make a creative glass effect with SVG.
Read it![C537_webglmonth](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_webglmonth.jpg?x86293)
WebGL Month summary
Andrei Lesnitsky summarizes all tutorials he wrote in the past month for learning WebGL from scratch.
Check it out![C537_newsletters](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_newsletters.jpg?x86293)
The Best Newsletters to Subscribe to for a Frontend Developer
Brian Rinaldi shares a list of newsletters relevant for frontend developers.
Check it out![C537_kit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_kit.jpg?x86293)
Aurora web elements for Adobe XD and Sketch
The Aurora UI kit is a free set of 24 web screens with a modern design.
Get it![C537_github](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_github.jpg?x86293)
A Message to GitHub
A repo that raises awareness on GitHub's banning of Iranian and other users from sanctioned countries.
Check it out![C537_cassie](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_cassie.jpg?x86293)
Creating my logo animation
Cassie Evans explains how she created the slick SVG path animation of her logo.
Read it![C537_vue](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_vue.jpg?x86293)
What I Like About Vue
Dave Rupert shares a list of things that make him enjoy Vue.
Read it![C537_speech](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_speech.jpg?x86293)
Verby
A tool for creating and downloading natural voices as mp3 audio files.
Check it out![C537_firefox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_firefox.jpg?x86293)
New CSS Features in Firefox 68
Rachel Andrew introduces all the exciting CSS features released with the new Firefox.
Read it![C537_imperial](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_imperial.jpg?x86293)
Imperial Star Destroyer animated in 3D using only CSS
An impressive CSS only demo made by Hai Le.
Check it out![C537_mascot](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_mascot.jpg?x86293)
Figuring out CSS animation properties with a magic kittencorn
Chen Hui Jing writes about how the mascot for SingaporeCSS was brought to life with CSS animations.
Read it![C537_csscustom](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C537_csscustom.jpg?x86293)
Using CSS Custom attributes generated by JavaScript as a handover mechanism
Chris Heilmann writes about CSS Custom Properties and shows how to only use JavaScript to read a value and leave the rest to CSS.
Read it