Collective #483
Publikováno: 14.1.2019
The Flexbox Holy Albatross * destyle.css * Conversations with Robots * 2018 JavaScript Rising Stars
Collective #483 was written by Pedro Botelho and published on Codrops.
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.
The Flexbox Holy Albatross
Heydon Pickering shares the solution to a particular Flexbox layout problem.
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.
Free Font: Reno Mono
Renaud Futterer created this harmonic mono-spaced typeface.
An Interactive Introduction to Fourier Transforms
A fantastic tutorial on Fourier transforms by Jez Swanson. Find the GitHub repo here.
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.
Infinite SVG Triangle Fusion
Rob DiMarzo’s hypnotizing SVG triangle demo.
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.
JournalBook
JournalBook is a private, offline-first personal journal.
Mapping and Visualization
The stunning works by graphic designer Scott Reinhard.
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.
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.
WebGL + Rust: Basic Water Tutorial
A practical tutorial on rendering water in WebGL by Chinedu Francis Nwafili.
An introduction to CSS Containment
Manuel Rego Casasnovas talks about the css-contain feature and its state of the art.
Free Font: Runa
A beautiful decorative font made by Elena Voynova.
Piecing Together Approaches for a CSS Masonry Layout
Chris Coyier’s overview of various solutions for a Masonry layout using CSS only.
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.
Why we need CSS subgrid
An interesting article on the power of the CSS subgrid by Ken Bellows.
destyle.css
An opinionated reset stylesheet that provides a clean slate for styling HTML. By Nicolas Cusan.
uncanny valley studio
In case you didn’t stumble upon it yet: this website is a great tunnel like scrolling experience.
Birthday Pure CSS Pen
Julia Muzafarova created this adorable animated CSS scene.
101 Bash Commands and Tips for Beginners to Experts
Andrew Watson shares a comprehensive list of useful bash commands for all levels.
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.
Childhood Flat Icons Set (AI, SVG, PNG)
A set of 100 icons with a childhood theme free for a subscription. Made by Darius Dan.
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.
Collective #483 was written by Pedro Botelho and published on Codrops.