Collective #729
Inspirational Website of the Week: irl/URL Agency
Full of amazing 3D visuals and excellent typography. Our pick this week.
Get inspired
This content is sponsored via BuySellAds
Provide full visibility throughout your tasks and projects
Build custom cloud databases swiftly and connect them to Slack.
Check it out
Hacktoberfest 2022
It’s the time of the year again: a month-long celebration of open-source projects, their maintainers, and the entire community of contributors.
Check it out
Dreamy Blur
Yuan Chuan shares a beautiful CSS effect that creates a slight blur and subtle glowing on an image.
Check it out
The Power of CSS Blend Modes
Scott Vandehey shares some cool stuff CSS Blend Modes are capable of.
Check it out
Complex conditional width using flex-basis with clamp
An advanced complex conditional for flexible layouts from Every Layout.
Read it
Using Grid Named Areas to Visualize (and Reference) Your Layout
An excellent article on how to name and visualize grid areas. By Preethi Selvam.
Read it
Scroll-linked animations with ‘animation-timeline’
Jhey Thompkins shares an amazing CSS tip on use animation-timeline to create scroll-linked animations.
Check it out
Spacing, Grids and Layouts
Learn how to define baseline grids, column grids, spacing and layouts. By Elliot Dahl.
Read it
Visualizing General Relativity
Mykhailo Moroz will blow your mind with this in-depth math tutorial: he explains how to write up a generalized space time geodesic ray tracer in GLSL.
Check it out
GLSL Image Transitions
Two amazing WebGL image transitions by Michal Zalobny.
Check it out
Music Theory Cheat Sheet: Keys, Scales, Chords, Notes & Intervals
An interactive music theory cheat sheet with scales, diatonic chords, notes on the piano, notes on the staff and key signature for all major and minor keys.
Check it out
So your designer wants stuff to overlap
Hui Jing Chen explains overlapping elements techniques.
Read it
A moment of pure CSS
An attempt at video-realism with just CSS (& HTML) by Ben Evans.
Check it out
Difftastic, the Fantastic Diff
Learn about difftastic, a new structural diff tool made by Wilfred Hughes.
Check it out
Openship
Openship is an open-source fulfillment platform that enables e-commerce companies to create and leverage multi-channel fulfillment.
Check it out
Bauble
A new tool that lets you make art with lisp and math.
Check it out
Detecting CSS Selector Support
Michelle Barker writes about how to check whether a browser supports a certain property.
Read it
A Number From the Ghost
Peter Adams made this browser-based game for his music using Three.js.
Check it out
Things not available when someone blocks all cookies
Thomas Steiner writes about how cookie blocking can cause trouble.
Read it
Monocraft
A programming font based on the typeface used in Minecraft.
Check it out
On better browsers: arbitrary media queries and browser UIs
Kilian Valkhof shares some interesting ideas on the future of media queries.
Read it
dotfiles
Your unofficial guide to dotfiles on GitHub.
Check it out
1 week of Stable Diffusion
Stable Diffusion is 1-week old, a Cambrian explosion is underway. Check 23+ curated tools, services and user interfaces.
Check it out
Portal (CSS)
A supercool CSS only demo of a portal made by Amit Sheen.
Check it out
Random Street View
Get random streetview images from around the world.
Check it out