The Hydrant Directory
A Public Domain design resource created from public infrastructure.
Friday06/07
1
2
CSS-only Custom Range Slider with Motion
@property + counters + anchoring + scroll-driven animations = 😍
3
Tintin inspired away kit homage to cartoonist Hergé
New home kit for Belgian Red Devils and Red Flames.
4
5
Fine-tuning Text Inputs
A quick overview of the attributes we can add to form fields to provide hints to the browser and improve the user experience for our visitors.
Thursday06/06
1
Cara, the AI-Skeptical Artist Portfolio App, Skyrockets to 100,000s of Users
A new social media app wants to make a place for artists to share original work and closely monitor for AI creations, which are not allowed.
2
Inspirational Websites Roundup #60
Discover our latest selection of websites featuring curated designs that keep you in sync with the newest trends.
3
4
A modern approach to browser support
Just recently, some front-end code we delivered to a client was making its way through acceptance testing.
5
Is Canva Getting Good?
Your auntie’s toy has the ambition to become a serious design tool.
Wednesday06/05
1
Design System Retrospective
I’m in the middle of building another design system. Here's what I learned, decisions I regret, and what I’m doing differently this time.
2
Beautiful, boring, and without soul
How do we make our digital gardens full of life?
3
Designer engagement report
Top 3 problems for designers: no research, no design strategy, and no career progression.
4
Sentient Design: AI and the Next Chapter of UX
Josh Clark introduces Sentient Design, the already-here future of intelligent interfaces and AI-mediated experiences.
5
Teenage Engineering designed a museum exhibit
A photoessay of my visit to SFMOMA’s Art of Noise exhibit.
Tuesday06/04
1
Anchor Links and How to Make Them Awesome
Anchor links (also called jump links) are an easy way to provide in-page navigation.
2
Flat Planets
An exploration of creating planets to decorate a skybox.
3
Promises From The Ground Up
The “Promises” API is a surprisingly tricky part of modern JavaScript.
4
CSS Length Units
A comprehensive guide covering nine types of lengths that CSS uses to size elements in terms of dimensions, space, time, and even sound.
5
How Git Works
If you’re still perplexed by git even though you’ve been using it for years, this zine is for you!
Monday06/03
1
The Linear Method: Opinionated Software
How the Linear team builds products, and the principles and processes that guide their work
2
3
Progressively Enhanced Popover Toggletips
The CSS Anchor Positioning specification enables us to position elements relative to an anchor, wherever they are in our web page.
4
The popover drama
The popover drama started with a tweet about how a HEY Calendar popover loaded slowly on a throttled internet connection.
5
Friday05/31
1
Evolving from implicit intent to explicit design rules
It’s time to come to terms with what we’re actually doing when we design websites, native and web apps.
2
State of Frontend 2024 survey
Share your opinions in this 10-minute survey about frontend development
3
No, AI User Research is Not “Better Than Nothing”—It’s Much Worse
Synthetic insights are not research. They are the fastest path to destroy the margins on your product.
4
In Praise Of The Basics
What does it mean to learn the “basics”, or fundamentals, of front-end web development?
5
Analyzing my text messages with my ex-boyfriend
Facebook allows you to download all of the messages you've ever sent, ever, as JSON files.
Thursday05/30
1
Responsive Video Works Now. These Features Could Make It Work Better
Responsive Video is standard and works across browsers again, but there are still some features on my wishlist to add.
2
How to Make a CSS Timer
Let’s look at using CSS as an efficient alternative to JavaScript for creating simple timers.
3
New magic for animations in CSS
There are two new features coming to CSS that will make it much easier to further avoid JavaScript when implementing animations.
4
A Visit to the Eames Institute
I saw a rare glimpse into the creative legacy of legendary designers Ray and Charles Eames at Eames Institute of Infinite Curiosity.
5
Decision Trees For UI Components
Practical examples of decision trees for UI components and how to use them effectively.
