gilest.org: A chat with 19-year-old me
I love this conversation.
Link tags: dialog
17
6 CSS Snippets Every Front-End Developer Should Know In 2025 · 19 January 2025
- Springy easing with
linear()- Typed custom properties
- View transitions for page navigation
- Transition animation for
dialogandpopover- Transition animation for
details- Animated adaptive gradient text
An Image Dialog Web Component
Here’s an HTML web component that uses progressive enhancement for a very common use case: clicking a thumbnail image to view the full size image in an overlay. Just be sure to update the code to include an alt attribute before using this in production!
The web is overrun and pop-up blockers haven’t worked in years
The technical challenge in blocking modern pop-ups is bigger than the pop-ups of the past decades. However, it’s long overdue that web browsers step up and act to protect their users’ interests. Pop-ups, pop-overs, interstitials, modal dialogs, whatever you want to call them! It’s time to ban them from the web again! At least immediately after a page load.
Neil & Buzz
A delightful dialogue …on the moon!
Designing design systems | Clearleft
I know I’m biased because I work with Jerlyn, but I think this in-depth piece by her is really something! She suveys the design system landscape and proposes some lo-fi governance ideas based around good old-fashioned dialogue.
Developing a design system takes collaboration between the makers of the design systems and the different users of the system. It’s a continual process that doesn’t have to require a huge investment in new departments or massive restructuring.
It can start small.
Modalz Modalz Modalz
We use too many damn modals.
Amen! This site offers some alternatives, or—if you really must use a modal dialogue—some dos and dont’s.
And remember to always ask, kids: “Why does this have to be a modal?”
Design Patterns on CodePen
This ever-growing curated collection of interface patterns on CodePen is a reliable source of inspiration.
Meet the New Dialog Element
Move over, JavaScript alerts; HTML dialogs are here.
100 Demon Dialogues – Lucy Bellwood
This is easily the most relatable 100 Days project I’ve seen:
I began posting a daily dialogue with the little voice in my head who tells me I’m no good.
Now you can back already-funded the Kickstarter project to get the book …and a plush demon.
Creating An Accessible Modal Dialog
In the same vein as Hugo’s script, Ire walks through the steps involved in making an accessible modal window. Seeing all the thinking and code required for this really highlights the need for a way of making the document in the background inert.
A11y Dialog
Hot on the heels of an accessible toggle, here’s an accessible modal dialog script.
“You Just Don’t Get It, Do You?” - A Montage of Cinema’s Worst Writing Cliche on Vimeo
This whole “supercut” thing …you still don’t get it, do you?
YouTube - GET OUT OF THERE!
Acceptable variations include “Get the hell out of there!” and “Get him/her/them out of there!”
Tweets - Overheard.it
A "barnacle app" that pulls out all the overheard quotes from Twitter.
Global Nerdy » Blog Archive » The World Needs More Dialog Boxes Like This
Best. Dialogue box. Ever.
Motionographer | Motion graphics, design, animation, filmmaking, vfx and bombastic banter» Blog Archive » Say What Again
Check out the beautiful use of Rockwell in this typographical interpretation of a scene from Pulp Fiction.