Collective #444
![C444_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_WOTW.jpg?x86293)
Inspirational Website of the Week: 5e Rue
An elegant and smooth browsing experience with some modern animations and effects. Our pick this week.
Get inspired![C444_Divi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_Divi.jpg?x86293)
A Modern Builder For A New Era
The new visual builder interface in Divi 3.0 has been re-built from the ground up using React, the modern JavaScript library for user interfaces.
Check it out![C444_blendmodes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_blendmodes.jpg?x86293)
Advanced Effects with CSS Background Blend Modes
Bennett Feely shows how to use background blend modes and filters to create modern image effects.
Read it![C444_markdown](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_markdown.jpg?x86293)
Tutorial Markdown
Tutorial markdown is a great JavaScript library, which allows for a tutorial to interactively type and execute its code as you scroll through the document. By Tim Holman.
Check it out![C444_featdetection](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_featdetection.jpg?x86293)
Using Feature Detection to Write CSS with Cross-Browser Support
A great analysis and guide on CSS feature detection by Schalk Venter.
Read it![C444_workerdom](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_workerdom.jpg?x86293)
WorkerDOM
An in-progress implementation of the DOM API intended to run within a Web Worker.
Check it out![C444_colors](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_colors.jpg?x86293)
Picular
A great tool for getting color inspiration from key words.
Check it out![C444_icontrans](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_icontrans.jpg?x86293)
Icon Transition Generator
A great tool to create a snappy transition between two icons with downloadable SVG code.
Check it out![C444_svg3d](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_svg3d.jpg?x86293)
SVG 3D Builder
An interesting framework for creating 3D models with SVG.
Check it out![C444_carouselmobile](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_carouselmobile.jpg?x86293)
Carousels on Mobile Devices
Read about the trouble of using carousels on mobile devices in this article by Raluca Budiu.
Read it![C444_city](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_city.jpg?x86293)
Dynamic 3D City
A fantastic demo made by Josh Bader using mostly CSS.
Check it out![C444_perf](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_perf.jpg?x86293)
A Brief Guide To Using WebpageTest
David East shows how to use WebpageTest for measuring performance.
Read it![C444_offscreen](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_offscreen.jpg?x86293)
OffscreenCanvas - Speed up Your Canvas Operations with a Web Worker
Ewa Gasperowicz demonstrates how you can use OffscreenCanvas to render your graphics off the main thread.
Read it![C444_HTTPS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_HTTPS.png?x86293)
On HTTPS and Hard Questions
Tim Kadlec summerizes Eric Meyer's problematic encounter with HTTPS and shares his thoughts on the topic.
Read it![C444_percent](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_percent.jpg?x86293)
Changes on CSS Grid Layout in Percentages and Indefinite Height
Read about how percentages work in CSS and how some definitions for CSS Grid were changed.
Read it![C444_beaker](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_beaker.jpg?x86293)
Dweb: Serving the Web from the Browser with Beaker
Tara Vancil introduces Beaker, an experimental browser that uses a distributed peer-to-peer network to publish websites and datasets.
Read it![C444_buttons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_buttons.jpg?x86293)
A Tale of Two Buttons
James Nash shows how to use the CSS cascade to simplify and reduce UI code.
Read it![C444_interpolation](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_interpolation.jpg?x86293)
Linear Interpolation
A very practical collection of linear interpolation examples by Matt Deslauriers.
Read it![C444_light](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_light.jpg?x86293)
Light Rider
Fantastic demo by Chris Gannon.
Check it out![C444_theoremjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_theoremjs.jpg?x86293)
TheoremJS
In case you didn't know about it yet: TheoremJS is a Math framework for computation in JavaScript.
Check it out![C444_varfonts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_varfonts.jpg?x86293)
Variable Fonts on the Web Using CSS
Some practical examples of using a variable font.
Read it![C444_normalheights](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/08/C444_normalheights.jpg?x86293)
Normalize Bootstrap Carousel Item Heights
A useful tip by Jonathan Snook on how to equalize all item heights of a Bootstrap carousel.
Read it