#spacing-techniques

[ follow ]
React
fromwww.jqueryscript.net
5 hours ago

Weekly Web Design & Development News: Collective #654

New AI tools and web development resources are highlighted, including GPT-5.5 and various JavaScript and CSS libraries.
Typography
fromFuturism
19 hours ago

New Browser Plugin Adds Typos to Your AI-Generated Emails to Make Them Look Real

Large language model tools have led to the creation of a plugin that intentionally adds typos to emails to mimic human writing.
UX design
fromMedium
2 days ago

The rulebook for designing AI experiences

Responsible AI design varies widely, but frameworks from Microsoft, Google, and IBM provide practical guidance for Human-AI Interaction.
#css-animations
Apple
fromCSS-Tricks
3 days ago

Recreating Apple's Vision Pro Animation in CSS | CSS-Tricks

CSS can replicate Apple's complex product animations responsively, showcasing advancements in CSS scrolling animation capabilities.
fromCSS-Tricks
1 month ago
Web development

What's !important #6: :heading, border-shape, Truncating Text From the Middle, and More | CSS-Tricks

Apple
fromCSS-Tricks
3 days ago

Recreating Apple's Vision Pro Animation in CSS | CSS-Tricks

CSS can replicate Apple's complex product animations responsively, showcasing advancements in CSS scrolling animation capabilities.
fromCSS-Tricks
1 month ago
Web development

What's !important #6: :heading, border-shape, Truncating Text From the Middle, and More | CSS-Tricks

Graphic design
fromMan of Many
4 days ago

ASUS Wants to Own the Entire Creator Workflow, Not Just Your Monitor | Man of Many

ASUS aims to enhance the entire creative workflow with new ProArt displays and GoPro Edition laptops for better HDR editing and faster content creation.
#css
Web development
fromMedium
5 days ago

CSS you didn't know you could style

CSS can style native browser elements like user selection highlights and scrollbars, enhancing the overall design of a website.
Web development
fromCsswizardry
3 weeks ago

What Is CSS Containment and How Can I Use It? - CSS Wizardry

CSS containment optimizes browser performance by defining boundaries for DOM elements, allowing the browser to skip unnecessary work during changes.
fromPiccalilli
2 months ago
Typography

An in-depth guide to customising lists with CSS

Lists should be styled and spaced like regular text, with appropriate indentation, bullet/number styles, positioning, and extra space for multi-digit numbering.
Web development
fromMedium
5 days ago

CSS you didn't know you could style

CSS can style native browser elements like user selection highlights and scrollbars, enhancing the overall design of a website.
Web development
fromCsswizardry
3 weeks ago

What Is CSS Containment and How Can I Use It? - CSS Wizardry

CSS containment optimizes browser performance by defining boundaries for DOM elements, allowing the browser to skip unnecessary work during changes.
Web design
fromMedium
5 days ago

Using Design Systems in Claude Design: How Good Is It?

Claude Design is more effective with design systems imported from GitHub than from Figma.
fromApaonline
4 days ago

Writing Matters

GenAI offers visions of a hopeful future, as it is a powerful tool that enables us to more clearly articulate our thoughts to others. However, the necessity of putting thoughts down on paper remains a crucial skill that risks disappearing altogether.
Philosophy
#adobe
Marketing tech
fromComputerworld
5 days ago

Adobe builds an 'agentic content supply chain' for the AI era

Adobe's new tools automate content creation and enhance branding through generative AI and agentic assistants.
Marketing tech
fromFast Company
5 days ago

Adobe's new AI experiment can whip up a website custom designed for Gen Z

Adobe's Asset Amplify tool generates tailored marketing materials for specific audience segments, enhancing brand design with AI-driven personalization.
Web design
fromArs Technica
1 week ago

Adobe takes Creative Cloud into Claude Code-esque territory

Adobe's Firefly AI Assistant introduces customizable skills and learns user preferences, marking a shift in its AI strategy towards a more integrated workflow approach.
Tech industry
fromFortune
3 weeks ago

Do creators still need Adobe in the AI era? | Fortune

Adobe must adapt to AI rapidly while maintaining trust with enterprise customers reliant on its software.
Graphic design
fromThe Verge
1 week ago

The creative software industry has declared war on Adobe

Adobe faces increasing competition as alternatives like Autograph and Cavalry offer free access, challenging its long-standing market dominance.
Marketing tech
fromComputerworld
5 days ago

Adobe builds an 'agentic content supply chain' for the AI era

Adobe's new tools automate content creation and enhance branding through generative AI and agentic assistants.
Marketing tech
fromFast Company
5 days ago

Adobe's new AI experiment can whip up a website custom designed for Gen Z

Adobe's Asset Amplify tool generates tailored marketing materials for specific audience segments, enhancing brand design with AI-driven personalization.
Web design
fromArs Technica
1 week ago

Adobe takes Creative Cloud into Claude Code-esque territory

Adobe's Firefly AI Assistant introduces customizable skills and learns user preferences, marking a shift in its AI strategy towards a more integrated workflow approach.
Tech industry
fromFortune
3 weeks ago

Do creators still need Adobe in the AI era? | Fortune

Adobe must adapt to AI rapidly while maintaining trust with enterprise customers reliant on its software.
Graphic design
fromThe Verge
1 week ago

The creative software industry has declared war on Adobe

Adobe faces increasing competition as alternatives like Autograph and Cavalry offer free access, challenging its long-standing market dominance.
#responsive-design
Typography
fromPiccalilli
3 days ago

The end of responsive images

Responsive image markup significantly enhances web performance and user experience, stemming from years of collaborative development efforts.
#accessibility
UX design
fromA List Apart
3 days ago

Enhancing Web Design: Recognizing Accessibility Issues Now

Accessibility is crucial in design, as poor design can lead to life-altering consequences for users.
UX design
fromSmashing Magazine
1 month ago

Testing Font Scaling For Accessibility With Figma Variables - Smashing Magazine

Accessibility should integrate seamlessly into design workflows, making it a natural part of the process rather than an optional feature.
UX design
fromA List Apart
3 days ago

Enhancing Web Design: Recognizing Accessibility Issues Now

Accessibility is crucial in design, as poor design can lead to life-altering consequences for users.
UX design
fromSmashing Magazine
1 month ago

Testing Font Scaling For Accessibility With Figma Variables - Smashing Magazine

Accessibility should integrate seamlessly into design workflows, making it a natural part of the process rather than an optional feature.
fromItsnicethat
4 days ago

The magic of self-publishing and lo-fi production comes alive in Eloise Aitken's printed matter

I'm heavily inspired by radical print design, particularly of the 70s after the birth of the Xerox, such as Shrew and OZ Magazine as well as protest banners and zines. I love the fast-paced, imperfect, tactile feeling and I try to emulate this through physically editing my work.
Graphic design
#ai
UX design
fromJonnyburch
3 days ago

I love AI, but it still can't design for shit

AI lacks a critical eye for its own output, leading to poor presentations and accountability issues for users.
UX design
fromMedium
3 days ago

The Death of Digital Product Design

AI tools have disrupted product design, enabling anyone to create designs quickly without special skills.
UX design
fromJonnyburch
3 days ago

I love AI, but it still can't design for shit

AI lacks a critical eye for its own output, leading to poor presentations and accountability issues for users.
UX design
fromMedium
3 days ago

The Death of Digital Product Design

AI tools have disrupted product design, enabling anyone to create designs quickly without special skills.
Typography
fromFast Company
3 weeks ago

Meta's new AI tool turns anyone into a type designer

Meta's new AI tool simplifies font design, allowing users to customize text through prompts in its Edits app.
fromItsnicethat
5 days ago

Introducing It's Nice That In Depth: The Everyday Edition

In a world where ideas can be generated with a click, homogeneity is prevalent. The Everyday Edition seeks to uncover fresh sources of inspiration in overlooked places.
Graphic design
Graphic design
fromMedium
6 days ago

The art of subtraction in a world of infinite features

Subtraction in visual arts enhances clarity and focus by intentionally removing elements that distract from the main subject.
UX design
fromSmashing Magazine
5 days ago

The UX Designer's Nightmare: When "Production-Ready" Becomes A Design Deliverable - Smashing Magazine

The role of UX designers is evolving to include technical skills due to AI integration, impacting user experience and design responsibilities.
Writing
fromItsnicethat
3 weeks ago

Elizabeth Goodspeed on why design writing needs designers writing

Writing and design stem from a shared love of history and complex ideas, with personal expression being key to the author's creative process.
#svg
Typography
fromCsswizardry
2 weeks ago

font-family Doesn't Fall Back the Way You Think - CSS Wizardry

Font-family declarations are self-contained and do not inherit fallback options from parent elements.
#ai-in-design
UX design
fromMedium
3 days ago

Designing with AI without losing your mind

Outsourcing critical thinking to AI tools in design can undermine the quality of solutions and diminish essential skills.
fromMarTech
1 week ago
Graphic design

Adobe and Canva releases push AI deeper into creative workflows | MarTech

UX design
fromMedium
3 days ago

Designing with AI without losing your mind

Outsourcing critical thinking to AI tools in design can undermine the quality of solutions and diminish essential skills.
Graphic design
fromMarTech
1 week ago

Adobe and Canva releases push AI deeper into creative workflows | MarTech

Adobe and Canva are both enhancing creative work through AI, but they approach it with different strategies.
Web development
fromCSS-Tricks
1 week ago

7 View Transitions Recipes to Try | CSS-Tricks

View transitions enhance user experience and are supported by major browsers, but require careful setup and understanding of animation types.
#graphic-design
Graphic design
fromItsnicethat
1 week ago

Graphic design schools are teaching tech, but are they teaching taste?

Graphic design education should prioritize creativity and knowledge over job placement, treating it as a liberal art rather than a trade school.
Graphic design
fromPRINT Magazine
2 weeks ago

James Junk is the Voice Design Needs Now - PRINT Magazine

Andrei James Dominiq, a graphic designer, found his creative voice during COVID, transforming personal reflections into impactful visual designs.
Graphic design
fromItsnicethat
1 week ago

Graphic design schools are teaching tech, but are they teaching taste?

Graphic design education should prioritize creativity and knowledge over job placement, treating it as a liberal art rather than a trade school.
Graphic design
fromPRINT Magazine
2 weeks ago

James Junk is the Voice Design Needs Now - PRINT Magazine

Andrei James Dominiq, a graphic designer, found his creative voice during COVID, transforming personal reflections into impactful visual designs.
#design
UX design
fromMedium
1 week ago

The misrepresentation of "good taste" as a core design skill

Taste is positioned as a crucial differentiator for designers in an AI-driven landscape, but its meaning and implications are complex.
UX design
fromMedium
1 month ago

Sorry, designers, we don't decide the future of design

Designers do not shape their field; they respond to market-driven changes, especially with the rise of AI in design processes.
UX design
fromMedium
1 week ago

The misrepresentation of "good taste" as a core design skill

Taste is positioned as a crucial differentiator for designers in an AI-driven landscape, but its meaning and implications are complex.
UX design
fromMedium
1 month ago

Sorry, designers, we don't decide the future of design

Designers do not shape their field; they respond to market-driven changes, especially with the rise of AI in design processes.
#claude-code
Graphic design
fromMedium
1 week ago

Practical Guide for Creating Animated Effects with Claude Code

Use specific, clear prompts for Claude Code to create effective animated effects.
Web design
fromMedium
1 month ago

Claude Code for Web Design

Claude Code enables rapid prototyping and deployment of landing pages, transforming design concepts into functional implementations within minutes.
Graphic design
fromMedium
1 week ago

Practical Guide for Creating Animated Effects with Claude Code

Use specific, clear prompts for Claude Code to create effective animated effects.
Web design
fromMedium
1 month ago

Claude Code for Web Design

Claude Code enables rapid prototyping and deployment of landing pages, transforming design concepts into functional implementations within minutes.
Typography
fromBustle
3 weeks ago

Your Instagram Story Text Is Too Damn Small

Social media users are increasingly using smaller text, creating a barrier that allows for more vulnerability in their posts.
#design-principles
UX design
fromSmashing Magazine
3 weeks ago

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.
UX design
fromSmashing Magazine
3 weeks ago

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.
UX design
fromSmashing Magazine
3 weeks ago

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.
UX design
fromSmashing Magazine
3 weeks ago

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.
Web design
fromFast Company
1 month ago

Figma takes a hit as Google doubles down on 'vibe design'

Google launches AI-native Stitch design tool with new features including infinite canvas, AI agents, and design system integration to compete in the AI-powered UI design market.
Typography
fromMass-driver
4 weeks ago

MD UI: a Typeface for Interfacing

Typefaces deserve careful design and consideration, balancing quality and legibility while acknowledging the challenges of achieving perfection.
Graphic design
fromFast Company
3 weeks ago

Adobe Illustrator just got the holy grail of illustration tools

Turntable in Adobe Illustrator uses generative AI to convert 2D vector illustrations into 3D objects, saving time for creators.
#design-systems
UX design
fromDesign Systems Report 2026
3 weeks ago

Design Systems Report 2026 - brought to you by zeroheight

Design systems are transitioning from inflated expectations to disillusionment, facing challenges in adoption, resource allocation, and executive support.
Typography
fromAlicepackarddesign
1 month ago

Managing icon component sizes

Design systems restrict icon sizes using either a size variant property on individual icon components or on a wrapper component with instance swap properties for glyph selection.
UX design
fromDesign Systems Report 2026
3 weeks ago

Design Systems Report 2026 - brought to you by zeroheight

Design systems are transitioning from inflated expectations to disillusionment, facing challenges in adoption, resource allocation, and executive support.
Typography
fromAlicepackarddesign
1 month ago

Managing icon component sizes

Design systems restrict icon sizes using either a size variant property on individual icon components or on a wrapper component with instance swap properties for glyph selection.
Design
fromWE AND THE COLOR
2 months ago

Pro Content Strategy Presentation Template for Adobe InDesign

A thoughtfully designed, InDesign-based content strategy presentation system elevates strategic clarity, sharpens team thinking, and preserves original insight through deliberate visual structure.
fromMedium
2 months ago

Designing useful ads

We've both fought against needless promotional content before and lamented that frontier AI platforms are falling into the same pattern. As designers and users, we've learned that "free" usually means putting up with interruptive, slightly creepy ads that feel more like a tax than a benefit - a frustration tax that now colors how we approach free‑tier services and now AI tools.
Artificial intelligence
fromSubstack
2 months ago

20 Design Reference Platforms Beyond Dribbble

Static images don't show motion. You can't inspect real product structure. You don't see how interfaces evolve over time. You rarely understand what actually works in production. So I decided to go deep. I reviewed every major design reference platform I could find - not just the popular ones - and analyzed how they actually help in real-world work. The conclusion?
Mobile UX
Cars
fromLmnt
1 month ago

Have We Forgotten How to Design?

Waymo's partnership with DoorDash to manually close passenger car doors reveals a fundamental oversight in autonomous vehicle design, despite the availability of proven automated door technology.
Graphic design
fromMedium
1 month ago

For Craft Sake: On the laws and principles behind good design

Craft is experiencing a resurgence in product design, emphasizing fundamental skills amidst the rise of generative AI and industry confusion.
fromSmashing Magazine
1 month ago

Fresh Energy In March (2026 Wallpapers Edition) - Smashing Magazine

Designed by artists and designers from across the globe, each wallpaper comes in a variety of screen resolutions and can be downloaded for free. A huge thank-you to everyone who shared their designs with us - this post wouldn't be possible without your kind support!
Design
Web design
fromSmashing Magazine
1 month ago

Beyond border-radius: What The CSS corner-shape Property Unlocks For Everyday UI - Smashing Magazine

The corner-shape property enables beveled, scooped, and squircle corners, eliminating years of workarounds like clip-path and SVG masks that caused borders, shadows, and code brittleness.
UX design
fromKarl Koch
1 month ago

Karl Koch | On clip-path animations

The WorkCard detail panel features a circular reveal that enhances interaction by connecting the overlay to the trigger button.
Web design
fromRaymondcamden
1 month ago

Dyanimically Adjusting Image Text for Contrast

Color Thief library now includes TypeScript definitions and new contrast detection features, including a textColor property that automatically suggests optimal text color for readability over images.
#typography
UX design
fromJakub
1 month ago

Details That Make Interfaces Feel Better

Great interfaces result from compounding small design details like text wrapping, concentric offsets, animations, and font rendering that work together seamlessly.
fromI Love Typography Ltd
1 month ago

How Not to Take 10 Years to Design a Typeface - I Love Typography Ltd

I would listen with awe and think, 'That must have been a real challenge. It must be exquisitely crafted and probably a little bit groundbreaking too.' So it feels slightly absurd to admit that my last typeface, Nave, also took around ten years to complete. Not because I spent a decade polishing outlines or expanding the character set, but because I took so many wrong turns trying to chase a vision I hadn't properly defined.
Typography
fromI Love Typography Ltd
2 months ago

Velocity: Fast & Beautifully Furious - I Love Typography Ltd

Velocity is a compact, forward-leaning all-caps sans serif with rounded curves, multiple stylistic sets, and duplexed weights optimized for bold branding and large display use.
Graphic design
fromMedium
1 month ago

Design is not just how it works. Design is how it wins.

AI commodifies work, shifting design's mandate from functional excellence to competitive winning as the primary objective.
Typography
fromFast Company
1 month ago

Claude can turn your handwriting into a font. Here's how

Claude AI can convert handwritten characters from scanned pages into installable TrueType fonts using Python tools, eliminating the need for specialized font creation software.
UX design
fromNeil Patel
1 month ago

How to Use AI for Graphic Design

AI accelerates design workflows through integrated tools that enhance ideation and iteration while requiring human judgment for brand strategy and final decisions.
UX design
fromSmashing Magazine
3 months ago

Rethinking "Pixel Perfect" Web Design - Smashing Magazine

Pixel-perfect design is misleading and counterproductive; redefine perfection for a multi-device, fluid web built with modern tooling and AI-enhanced workflows.
fromI Love Typography Ltd
5 months ago

ILT Blog Redesign - I Love Typography Ltd

The main problem with the existing homepage was that, besides the most recent posts, other content, once it aged and 'fell off' the front page, was then difficult to discover. The new design makes more use of available screen 'real estate', is visually much richer, and reorganizes 18 years of posts, so that even older long-forgotten posts are more easily found.
UX design
fromBusiness Matters
2 months ago

How the Right Photobook Software Turns Frustrated Browsers into Loyal Buyers

Complex, time-consuming photobook tools lose customers; intuitive, AI-assisted automatic creation that prepares an editable book is required to convert modern, time-poor users.
UX design
fromMedium
2 months ago

How to make any text scannable

Most users scan digital pages for specific answers rather than reading every word, so content must surface key information quickly.
fromblog.logrocket.com
2 months ago

Which UI libraries/frameworks support the Linear aesthetic? - LogRocket Blog

Teams often use customer and user interchangeably until it breaks alignment. Here's how separating the two clarifies research, prioritization, and messaging across B2C, B2B, and B2B2C products.
UX design
UX design
fromMedium
3 months ago

From Design to Code: Copiloting the Future of Design Systems

AI automation requires design systems to be structurally precise, with explicit behavioral rules and enforceable processes rather than human-tolerated flexibility.
UX design
fromSmashing Magazine
2 months ago

A Designer's Guide To Eco-Friendly Interfaces - Smashing Magazine

Sustainable UX reframes performance as ethical responsibility, prioritizing reduced digital footprint and energy-efficient design over attention-seeking features.
[ Load more ]