Inspirational Website of the Week: Tangan
An elegant, monochrome masterpiece that shines with thoughtful details and creative layouts.
Be: A massive library of 600+ pre-built websites
$59 only. Use it for ANY type of project.
Beyond Console.log() – Level up Your Debugging Skills
Christian Heilmann shows some advanced ways to use developer tools.
Amigos Illustrations by Gustavo Pedrosa
A wonderful set of hand-drawn illustrations that you can try for free on Blush.
Conic.css
Fantastic conic gradients. Get it by clicking on a gradient and then pasting it into your CSS.
Biglia
A beautiful marble made in Three.js by Fabio Ottaviani.
System fonts don’t have to be ugly
Make your site faster and more environmentally-friendly by taking a system-fonts-first approach. By Iain Bean.
Digging Into CSS Logical Properties
Learn how to use CSS logical properties to build multi-directional web layouts.
Front-end Tips
Super tiny, quick tips, tricks and best practices of front-end development.
The Kilobyte’s Gambit
Can you beat 1024 bytes of JavaScript in this chess game?
Exploring @property and its Animating Powers
Learn how you can use @property to unlock things in CSS we’ve never been able to do before.
Privacy-friendly video embeds
Thomas Vantuycom explains how to be mindful of your users’ privacy when embedding content from Vimeo and YouTube.
Neptune Terminus
An interstellar journey to discover the tracks of Youssoupha’s new album. Made by Jean-Baptiste Giffard.
Madcaps
A wonderful demo by Ion Drimba Filho.
Stratum: UI kit for Figma
Stratum is a free UI sample kit for Figma designed by Denis Danilov, providing 9 ready-made web screens.
CSS Grid Cheat Sheet Illustrated in 2021
Joy Shaheb’s visual CSS Grid cheat sheet.
Redbean
A single-file distributable web server.
Variable Fonts on Three.js
A demo where you can change variable font weight with CSS on canvas2d, rendered like texture in Three.js. By Juan Fuentes.
Interactive Tilt Shift effect
Amazing TroisJS examples by Kevin Levron.
A Simple SVG Blob Editor [GSAP]
A simple spline editor where you can create SVG blobs. By George Francis.
flowchart.fun
An open-source tool for generating flowcharts from text.
Shape Slideshow with Clip-path
An experimental slideshow using clip-path to create shape transitions between slides.
The post Collective #652 appeared first on Codrops.