Collective #483
![C483_rising](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_rising.jpg?x86293)
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![C483_albatross](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_albatross.jpg?x86293)
The Flexbox Holy Albatross
Heydon Pickering shares the solution to a particular Flexbox layout problem.
Read it![C483_divi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_divi.gif?x86293)
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![C483_font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_font.jpg?x86293)
Free Font: Reno Mono
Renaud Futterer created this harmonic mono-spaced typeface.
Get it![C483_fourier](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_fourier.jpg?x86293)
An Interactive Introduction to Fourier Transforms
A fantastic tutorial on Fourier transforms by Jez Swanson. Find the GitHub repo here.
Read it![C483_columns](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_columns.jpg?x86293)
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![C483_triangle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_triangle.jpg?x86293)
Infinite SVG Triangle Fusion
Rob DiMarzo's hypnotizing SVG triangle demo.
Check it out![C483_lines](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_lines.jpg?x86293)
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![C483_journal](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_journal.jpg?x86293)
JournalBook
JournalBook is a private, offline-first personal journal.
Check it out![C483_maps](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_maps.jpg?x86293)
Mapping and Visualization
The stunning works by graphic designer Scott Reinhard.
Check it out![C483_flexbox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_flexbox.jpg?x86293)
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![C483_style](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_style.jpg?x86293)
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![C483_water](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_water.jpg?x86293)
WebGL + Rust: Basic Water Tutorial
A practical tutorial on rendering water in WebGL by Chinedu Francis Nwafili.
Read it![C483_containment](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_containment.jpg?x86293)
An introduction to CSS Containment
Manuel Rego Casasnovas talks about the css-contain feature and its state of the art.
Read it![C483_runa](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_runa.jpg?x86293)
Free Font: Runa
A beautiful decorative font made by Elena Voynova.
Get it![C483_masonry](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_masonry.jpg?x86293)
Piecing Together Approaches for a CSS Masonry Layout
Chris Coyier's overview of various solutions for a Masonry layout using CSS only.
Read it![C483_robot](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_robot.jpg?x86293)
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![C483_subgrid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_subgrid.jpg?x86293)
Why we need CSS subgrid
An interesting article on the power of the CSS subgrid by Ken Bellows.
Read it![C483_cssdestyle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_cssdestyle.jpg?x86293)
destyle.css
An opinionated reset stylesheet that provides a clean slate for styling HTML. By Nicolas Cusan.
Check it out![C483_tunnel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_tunnel.jpg?x86293)
uncanny valley studio
In case you didn't stumble upon it yet: this website is a great tunnel like scrolling experience.
Check it out![C483_rabbits](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_rabbits.jpg?x86293)
Birthday Pure CSS Pen
Julia Muzafarova created this adorable animated CSS scene.
Check it out![C483_bash](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_bash.jpg?x86293)
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![C483_decentral](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_decentral.jpg?x86293)
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![C483_icons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C483_icons.jpg?x86293)
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![Screen-Shot-2019-01-14-at-19.39.25](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/Screen-Shot-2019-01-14-at-19.39.25.jpg?x86293)
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