Collective #483

2018 JavaScript Rising Stars
The third edition of the JavaScript Rising Stars that looks at which projects got traction in 2018 by comparing the numbers of stars added on GitHub over the last 12 months.
Check it out
The Flexbox Holy Albatross
Heydon Pickering shares the solution to a particular Flexbox layout problem.
Read it
Divi: Build Anything Visually
Divi is powered by the Divi Builder, an insanely fast and incredibly intuitive front end editor like nothing you have seen before. It will change the way you build websites forever.
Try it
Free Font: Reno Mono
Renaud Futterer created this harmonic mono-spaced typeface.
Get it
An Interactive Introduction to Fourier Transforms
A fantastic tutorial on Fourier transforms by Jez Swanson. Find the GitHub repo here.
Read it
When And How To Use CSS Multi-Column Layout
Rachel Andrew explains why the Multi-column Layout is different to other layout methods, and shows some useful patterns and showcases.
Read it
Infinite SVG Triangle Fusion
Rob DiMarzo's hypnotizing SVG triangle demo.
Check it out
Slice and Dice a Disc with CSS
An in-depth article on how to pull off a sliced disc design with CSS. By Ana Tudor.
Read it
JournalBook
JournalBook is a private, offline-first personal journal.
Check it out
Mapping and Visualization
The stunning works by graphic designer Scott Reinhard.
Check it out
Designing the Flexbox Inspector
Victoria Wang shares a behind-the-scenes look at the UX patterns and processes that drove the design of the Firefox Flexbox inspector.
Read it
Build Better Component Libraries with Styled System
A great article by Alan B Smith on Styled System which provides a simple API for solving common component library problems.
Read it
WebGL + Rust: Basic Water Tutorial
A practical tutorial on rendering water in WebGL by Chinedu Francis Nwafili.
Read it
An introduction to CSS Containment
Manuel Rego Casasnovas talks about the css-contain feature and its state of the art.
Read it
Free Font: Runa
A beautiful decorative font made by Elena Voynova.
Get it
Piecing Together Approaches for a CSS Masonry Layout
Chris Coyier's overview of various solutions for a Masonry layout using CSS only.
Read it
Conversations with Robots: Voice, Smart Agents & the Case for Structured Content
Andy Fitzgerald writes about the role of structured content for voice search, artificial intelligence, and smart software agents.
Read it
Why we need CSS subgrid
An interesting article on the power of the CSS subgrid by Ken Bellows.
Read it
destyle.css
An opinionated reset stylesheet that provides a clean slate for styling HTML. By Nicolas Cusan.
Check it out
uncanny valley studio
In case you didn't stumble upon it yet: this website is a great tunnel like scrolling experience.
Check it out
Birthday Pure CSS Pen
Julia Muzafarova created this adorable animated CSS scene.
Check it out
101 Bash Commands and Tips for Beginners to Experts
Andrew Watson shares a comprehensive list of useful bash commands for all levels.
Check it out
Re-decentralizing the Web, for good this time
Ruben Verborgh encourages us to take back the Web for good, and leverage its full potential as envisioned by its creator.
Read it
Childhood Flat Icons Set (AI, SVG, PNG)
A set of 100 icons with a childhood theme free for a subscription. Made by Darius Dan.
Get it
Animated Mesh Lines
A set of five demos with animated WebGL lines created with the THREE.MeshLine library. Find out how to animate and build these lines to create your own animations.
Check it out