Collective #444
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
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
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
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
Using Feature Detection to Write CSS with Cross-Browser Support
A great analysis and guide on CSS feature detection by Schalk Venter.
Read it
WorkerDOM
An in-progress implementation of the DOM API intended to run within a Web Worker.
Check it out
Picular
A great tool for getting color inspiration from key words.
Check it out
Icon Transition Generator
A great tool to create a snappy transition between two icons with downloadable SVG code.
Check it out
SVG 3D Builder
An interesting framework for creating 3D models with SVG.
Check it out
Carousels on Mobile Devices
Read about the trouble of using carousels on mobile devices in this article by Raluca Budiu.
Read it
Dynamic 3D City
A fantastic demo made by Josh Bader using mostly CSS.
Check it out
A Brief Guide To Using WebpageTest
David East shows how to use WebpageTest for measuring performance.
Read it
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
On HTTPS and Hard Questions
Tim Kadlec summerizes Eric Meyer's problematic encounter with HTTPS and shares his thoughts on the topic.
Read it
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
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
A Tale of Two Buttons
James Nash shows how to use the CSS cascade to simplify and reduce UI code.
Read it
Linear Interpolation
A very practical collection of linear interpolation examples by Matt Deslauriers.
Read it
Light Rider
Fantastic demo by Chris Gannon.
Check it out
TheoremJS
In case you didn't know about it yet: TheoremJS is a Math framework for computation in JavaScript.
Check it out
Variable Fonts on the Web Using CSS
Some practical examples of using a variable font.
Read it
Normalize Bootstrap Carousel Item Heights
A useful tip by Jonathan Snook on how to equalize all item heights of a Bootstrap carousel.
Read it