The Collective #884
Have a dialog * tududi * Agree * Tailwind CSS easing classes
Codrops
November 18, 2024
Olá, frontend friends! 👋
Starting our week with some no-nonsense UI magic from Adam Argyle, who’s dropped three dialog examples that do exactly what they need to!
Meanwhile, Sebastiano Guerriero shares his first jaw-dropping pixel-perfect UI experiments in his digital lab, proving that great design is all about the details.
If you’re on a mission to finally get your act together (I am!), Tududi is a great personal task manager, and html-to-markdown is a lifesaver for stripping down and converting content for simpler documentation.
Happy exploring!
From our sponsor
 | And so is our (very) limited-time offer. Save 50% on the tech learning that could get you one step closer to landing that dream tech job. |
This article by Adam Argyle demonstrates creative and accessible dialog examples using CSS transitions and Open Props.
Stunning UI experiments by product designer Sebastiano Guerriero featuring his first two pixel perfect creations.
This blog post by Jade Garafola describes how to integrate Bluesky comments into an Astro blog using TinaCMS and Cassidoo's template.
This blog post explores the strange behavior of large language models (LLMs) playing chess, highlighting how GPT-3.5-turbo-instruct performs impressively while most others struggle.
This great Three.js Journey challenge revolved around creating innovative and interactive 3D projects with a Halloween theme.
🚀 Starship
A space game built with React Three Fiber (R3F), featuring asteroid dodging and planet landing mechanics.
A set of easing functions ready to copy and paste into your Tailwind CSS project.
📝 Agree
An all-in-one agreements platform offering free e-signatures, AI-powered contract management, automated invoicing, and integrated payments.
✅ tududi
Tududi is a task and project management app designed for personal productivity, offering features like task tracking, project organization, note-taking, tagging, and due date management.
The Inter typeface v4.1 is out, featuring improved glyph designs, refined kerning, new symbols like the SOM sign, and streamlined OpenType features.
A tool for converting HTML to Markdown, perfect for simplifying migrations, creating offline documentation, or stripping websites of clutter for easier reading.
Colorixor is an AI-powered web app for effortless image recoloring, offering instant object detection and infinite color customization.
(From our blog) In this article, we take you behind the scenes to explore the creative development process of the website for Moxey.no, a film production company based in Stavanger, Norway.
(From our blog) A ready-to-use search bar made with Framer Motion, featuring an interesting gooey effect.
(Sponsored) Meco is a distraction-free space for reading newsletters outside the inbox. The app is packed with features designed to supercharge your learnings from your favourite writers. Become a more productive reader and cut out the noise with Meco.
From our sponsor
Instantly add file uploads to your app with Pinata’s API
Pinata’s File API lets developers integrate file uploads and retrieval in just minutes. No complex setup, no configuration headaches—just fast and scalable file management.
Video Vault
 |
Animation Spotlight
by Evgeny UPROCK
Demo Corner
 | Olivier 3lanc |
 | by Maeda Mameo |
 | by Paul Henschel |
❓Did you know that…
…Shneiderman's "Eight Golden Rules of Interface Design" offer timeless principles to improve usability? They emphasize consistency, shortcuts for frequent users, informative feedback, dialog closure, simple error handling, reversible actions, user control, and reducing memory load. These guidelines are a cornerstone for intuitive and user-friendly design!
Codrops is proudly sponsored by KeyCDN, the high performance content delivery network that has been built for the future.