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