Sketch Copenhagen (2 minute read)
Sketch's Copenhagen update introduces a redesigned interface with a contextual toolbar, rewritten Inspector with floating panels and drag-to-scrub controls, and a layer list focus mode that adapts to selections. Stacks now support wrapping for horizontal or vertical layouts, with alignment options when the contents exceed the container's dimensions. The update also adds one-click background removal using on-device machine learning and replaces the previous Projects/Collections system with infinitely nestable folders for more flexible Workspace organization.
|
The new Broncos logo will trigger design fans (2 minute read)
The Brisbane Broncos have revealed their first new logo in over 20 years, aiming for a sharper, modern look that blends past and present. While some praise the refreshed identity, others criticize its details—especially the mismatched “B”s—making the rebrand both bold and divisive.
|
|
Keyframes Tokens: Standardizing Animation Across Projects (24 minute read)
CSS animation keyframes are consolidated into reusable "keyframes tokens" stored in a shared stylesheet, similar to design tokens for colors and spacing. This approach uses CSS custom properties to create flexible, dynamic animations that eliminate code duplication and global scope conflicts, while maintaining consistency across projects. The system supports animation composition and treats animations as part of the design language rather than scattered one-off effects.
|
Florence Nightingale on vanity metrics (7 minute read)
Florence Nightingale entered nursing as the Crimean War exposed the British Army's failing medical system, but she soon realized the deeper problem was an information crisis: hospitals produced records that guided no decisions. She made institutional responsibility impossible to ignore by restructuring the data around clear goals and identifying patterns of preventable deaths. Her true legacy is her method: start with decisions, define signals, then gather data to turn information into real accountability.
|
The Accessibility Problem With Authentication Methods Like CAPTCHA (11 minute read)
CAPTCHAs were designed to block bots, but they now block people more often, especially users with disabilities. As tests grow more complex, they remain ineffective (bots routinely solve them) while becoming inaccessible for those using screen readers, assistive tech, or with visual, auditory, motor, or cognitive impairments. Developers are encouraged to move on to better options like MFA with autofill, single sign-on, magic links, or invisible checks such as Cloudflare Turnstile, and to offer multiple accessible authentication choices tested with real users.
|
|
Lightning-fast AI Video Editor (Website)
FireCut AI is a co-pilot for Adobe Premiere Pro and DaVinci Resolve that automates tedious tasks so users can focus on the creative work and get to their first cut faster.
|
|
Agentic AI Interface Improvements (1 minute read)
Agentic AI systems that perform extended reasoning and tool use create usability problems in traditional chat interfaces, particularly when users lose track of their initial instructions as the AI's lengthy internal processes push content off-screen. This post introduces a new dual-scroll pane layout that separates the AI's process in the left column from results in the right column, keeping both visible simultaneously. After completion, the thinking steps collapse into a summary that can be reopened for review, with each step linking to its specific result.
|
Ads and Accessibility Mismatch (7 minute read)
Online advertisements consistently fail accessibility standards through poor contrast ratios (some as low as 1.01:1), missing alt-text that excludes vision-impaired users, and text that doesn't resize or gets cut off when zoomed. Common problems include images with embedded text that can't be resized, ads that don't respond to browser text-resize settings, and video content that lacks captions or audio descriptions. Solutions include using real text instead of images, writing descriptive alt-text with key information and calls to action, ensuring contrast ratios above WCAG minimums, and creating video ads with synchronized captions and verbal descriptions of visual elements.
|
How bad UX decisions can kill brand loyalty (6 minute read)
Marriott's acquisition of citizenM broke the seamless, one-app experience that made the brand special. CitizenM had built a tightly integrated flow — booking, discounts, upgrades, check-in, room controls, and playful UX all in one place — powered by a custom backend and consistent brand feel. After the acquisition, the app now redirects users to Marriott's website to book, splitting the journey in two and undermining the trust, simplicity, and delight that drove loyalty and membership. The case shows how platform integrations often prioritize corporate systems over user experience, and how disrupting a unified flow can erode a product's core value.
|
|
|
Love TLDR? Tell your friends and get rewards!
|
|
Share your referral link below with friends to get free TLDR swag!
|
|
|
|
|
Track your referrals here.
|
|
Want to advertise in TLDR? 📰
If your company is interested in reaching an audience of design professionals and decision makers, you may want to advertise with us.
Want to work at TLDR? 💼
Apply here or send a friend's resume to jobs@tldr.tech and get $1k if we hire them!
If you have any comments or feedback, just respond to this email!
Thanks for reading,
Jae Lee, Matej Latin & Ralph Brinker
|
|
|
|