Collective #765
Inspirational Website of the Week: Motion Design Principles
A captivating web experience by Zajno that not only showcases stunning interactions and inspiring layouts but also serves as a comprehensive guide to the art of motion design, emphasizing the importance of doing it right through abundant examples and insightful explanations.
Get inspired
Our sponsor
Calling all IT & Web Development Professionals
How do you keep up with IT industry news? IT Brew’s free newsletter has you covered. Get updates from the IT universe straight to your inbox, covering topics such as cybersecurity, cloud computing, utilizing AI, and more. Equip yourself with insights that help you make informed decisions faster.
Error-Message Guidelines
In this article by Tim Neusesser and Evan Sunwall you will learn how to design effective error messages by ensuring they are highly visible, provide constructive communication, and respect user effort.
Read it
Create a Direction Aware Hover Effect Using CSS :has() Selector
A practical guide on how you can build a pure-CSS direction-aware hover effect for your navigation menu bar using :has() pseudo-class.
Watch it
Detecting if an event was triggered by a user or by JavaScript
Paul Hebert shares a solution he found to differentiate between events triggered by users and those triggered by code in JavaScript.
Read it
Scoped CSS is Back
Scoped CSS is back and better than ever. Keith J. Grant discusses its improved capabilities, including better selector control and proximity-based style overrides.
Read it
Conditional CSS with :has and :nth-last-child
A modern look at how to combine CSS :has, :nth-last-child, and style queries to create dynamic components. By Ahmad Shadeed.
Read it
Strawberry: Zero-Dependency, Build-Free JavaScript Framework
Strawberry is a tiny frontend framework that gives you reactivity and composability. It does this with zero-dependencies, without a build step, and it fits in less than 3KB when gzipped. Pre-alpha. Read about the challenges of creating a frontend framework in this article.
Check it out
Unleashing the Plumbing Superhero: Fixing a Memory Leak caused by Emotion, Chakra-UI, and Dynamic Props
Eduardo Brito recounts an intriguing encounter with a memory leak in a web development project. The article explores the impact of the memory leak, the detective work involved in identifying the root cause, the solution implemented, and the impressive results achieved.
Read it
SpaceTraders API
A unique multiplayer game built on a free Web API. The best sandbox platform to learn a new skill or apply your knowledge in a fun and meaningful way. Use any programming language with our RESTful API to control the most powerful fleet in universe.
Check it out
What's new in CSS and UI: I/O 2023 Edition
This article by Una Kravets, Bramus Van Damme, and Adam Argyle highlights 20 exciting features that have recently been introduced or are on the CSS horizon. From container queries and dynamic viewport units to cascade layers and scroll-driven animations, these advancements provide enhanced web capabilities and customization options.
Read it
Go with PHP
This article by Mohamed Said promotes PHP as a powerful and modern programming language, highlighting its security, performance, and community support, while recommending the Laravel PHP framework for efficient web application development.
Read it
Early Computer Art in the 50’s & 60’s
A deep dive on the early days of creative computing coming to life. Punch cards, plotters, light pens and lots more. By Amy Goodchild.
Read it
cptn.io: Open Source Integration and Data Platform
An open source platform that helps develop and deploy integrations and data pipelines quickly and easily.
Check it out
The Contrast Triangle
A three-way color contrast checker for when you remove underlines from links. By Chip Cullen.
Check it out
Rearrange/Animate CSS Grid Layouts with the View Transition API
Bramus Van Damme explores how we can use the novel View Transition API to animate CSS grid layouts.
Check it out
N8AO
A very efficient and visually pleasing implementation of SSAO with an emphasis on temporal stability and artist control.
Check it out
Smol developer
This project is a prototype of a "junior developer" agent that assists developers by scaffolding an entire codebase based on a given product specification. It aims to provide a human-centric and coherent approach to whole program synthesis.
Check it out
Zoo
An image playground by Replicate where you can compare the results of different AI models for image generation.
Check it out
Poor Charlie’s Almanack: The Essential Wit and Wisdom of Charles T. Munger
A really cool website from Stripe Press for a book that compiles talks by Charlie Munger.
Check it out
From our blog
Recreating the Gradient Mask Hover Effect from Evervault
A recreation of the hover effect seen on the customer grid on the Evervault website.
Check it out