#font-policy

[ follow ]
Web development
fromCSS-Tricks
1 day 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.
#typography
Typography
fromI Love Typography Ltd
18 hours ago

Steven Heller's Font of the Month: Gilway Paradox - I Love Typography Ltd

Gilway Paradox evokes nostalgia through its unique design, reminiscent of carnival signage and personal childhood memories of summer beach attractions.
Typography
fromI Love Typography Ltd
18 hours ago

Steven Heller's Font of the Month: Gilway Paradox - I Love Typography Ltd

Gilway Paradox evokes nostalgia through its unique design, reminiscent of carnival signage and personal childhood memories of summer beach attractions.
#claude-code
Graphic design
fromMedium
1 day 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 day 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.
Angular
fromMedium
2 days ago

15+ Best Shadcn Templates for Next.js Developers

Choosing the right Shadcn template for Next.js impacts performance, maintainability, and scalability.
UX design
fromMedium
2 days ago

Most products don't need tone of voice - they need a point

Focus on practical content that aids user tasks rather than on tone or personality.
#css
Web development
fromCSS-Tricks
1 week ago

New CSS Multi-Column Layout Features in Chrome | CSS-Tricks

New CSS properties in Chrome 145+ allow multi-column layouts to avoid horizontal scrolling by enabling vertical wrapping of content.
JavaScript
fromRubyflow
5 days ago

Practical CSS: simplifying UI code with pseudo-classes

CSS pseudo-classes can simplify UI interactions by handling presentation logic, allowing JavaScript to focus on behavior.
jQuery
fromCSS-Tricks
5 days ago

Selecting a Date Range in CSS | CSS-Tricks

A date range selector allows users to choose a time frame for various scheduling and booking tasks.
Web development
fromCSS-Tricks
1 week ago

New CSS Multi-Column Layout Features in Chrome | CSS-Tricks

New CSS properties in Chrome 145+ allow multi-column layouts to avoid horizontal scrolling by enabling vertical wrapping of content.
#ai
Artificial intelligence
fromMedium
3 days ago

Notes from the people building your future

AI-driven job displacement requires thoughtful policy to ensure equitable distribution of prosperity and prevent increased inequality.
Artificial intelligence
fromMedium
3 days ago

Notes from the people building your future

AI-driven job displacement requires thoughtful policy to ensure equitable distribution of prosperity and prevent increased inequality.
Typography
fromFast Company
1 week 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.
Web design
fromLukew
5 days ago

LukeW | Should Designers

Designers should code, and AI coding agents are bridging the gap between design and development.
#accessibility
Marketing tech
fromDigiday
5 days ago

While AI is building the web faster than ever, accessibility can't be left behind

AI has accelerated marketing processes, but speed can compromise accessibility, impacting customer experience and conversion rates for people with disabilities.
UX design
fromSmashing Magazine
3 weeks 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.
Marketing tech
fromDigiday
5 days ago

While AI is building the web faster than ever, accessibility can't be left behind

AI has accelerated marketing processes, but speed can compromise accessibility, impacting customer experience and conversion rates for people with disabilities.
UX design
fromSmashing Magazine
3 weeks 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.
Typography
fromCsswizardry
4 days 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.
UX design
fromMedium
3 days ago

Rethinking design critique

Design critique is essential for designers to build knowledge and confidence through structured feedback and reflection.
Graphic design
fromPRINT Magazine
1 week 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.
#web-development
Angular
fromGitHub
5 days ago

GitHub - Aejkatappaja/phantom-ui: Structure-aware skeleton loader. One Web Component, every framework.

phantom-ui automates skeleton screen generation by measuring the DOM, eliminating the need for separate skeleton components.
#design-principles
UX design
fromSmashing Magazine
1 week 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
1 week 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
1 week 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
1 week 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.
#svg-favicons
Web development
fromCSS-Tricks
2 weeks ago

What's !important #8: Light/Dark Favicons, @mixin, object-view-box, and More | CSS-Tricks

SVG favicons can adapt to color schemes, and @mixin is progressing in CSS.
Web development
fromCSS-Tricks
2 weeks ago

What's !important #8: Light/Dark Favicons, @mixin, object-view-box, and More | CSS-Tricks

SVG favicons can adapt to color schemes, and @mixin is progressing in CSS.
Typography
fromBustle
1 week 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.
fromdaverupert.com
1 week ago
Web development

Inverted themes with light-dark()

Adaptive light-dark() support enhances design systems by allowing seamless theme switching without significant performance trade-offs.
Graphic design
fromMedium
3 weeks 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.
#design-systems
UX design
fromDesign Systems Report 2026
1 week 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
3 weeks 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
1 week 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
3 weeks 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.
Web development
fromInfoQ
6 days ago

Tailwind CSS 4.2 Ships Webpack Plugin, New Palettes and Logical Property Utilities

Tailwind CSS 4.2.0 introduces a webpack plugin, new color palettes, and expanded logical property utilities, enhancing integration and design flexibility.
Typography
fromMass-driver
2 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.
#css-corner-shape-property
UX design
fromCSS-Tricks
2 weeks ago

Generative UI Notes | CSS-Tricks

Generative UI Design uses AI to create personalized user interfaces tailored to individual needs in real-time.
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.
fromCssence
1 month ago

Breakpoints

Using such a resolution in the web browser would render a tiny illegible desktop site. To avoid that, CSS pixels add a layer of abstraction. Initially the amount of actual pixels compared to CSS pixels was simply a 2x or 3x conversion, but these days fractional scaling is also common.
Web design
Web frameworks
fromRaymondcamden
1 month ago

Three Plug-N-Play CSS Libraries

Lightweight CSS libraries provide simple, attractive styling with minimal markup changes, ideal for demos, POCs, and quick clean interfaces.
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.
fromCSS-Tricks
1 month ago

An Exploit ... in CSS?! | CSS-Tricks

Google credits security researcher Shaheen Fazim with reporting the exploit to Google. The dude's LinkedIn says he's a professional bug hunter, and I'd say he deserves the highest possible bug bounty for finding something that a government agency is saying "in CSS in Google Chrome before 145.0.7632.75 allowed a remote attacker to execute arbitrary code inside a sandbox via a crafted HTML page."
Information security
fromFast Company
1 month ago

These plain-text websites will simplify your internet experience

Here's the sad truth about sports score apps: Most of them aren't all that interested in actually telling you the score. After all, where's the money in providing straightforward information like that? The modern sports score app has to do more. It must bombard you with banner ads and betting odds, implore you to create an account and opt into notifications, sell you some tickets, and show some videos to keep engagement up. The scores themselves are an afterthought.
Digital life
fromMedium
2 months ago

Design tokens with confidence

Design tokens are all your design decisions, that define a design system's aesthetic properties, everything from colors and font sizes to spacing units and border radii. They are the modern evolution of hard-coded values. They are stored in a central, platform-agnostic repository, establishing a single source of truth for your entire digital product suite. This central management allows teams to consume the exact same design values across all platforms (web, native apps, documentation).
Design
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.
fromMedium
3 weeks ago

How to Prevent Claude Code from Creating Generic Web Designs (5 Proven Tips)

If you ask Claude to generate a web page for you, there is a high chance you will get a very generic output. The page serves a functional purpose, but it's not very appealing. You can see that this design clearly serves the functional purpose, but doesn't look very appealing.
Web development
Web development
fromCSS-Tricks
4 weeks ago

What's !important #7: random(), Folded Corners, Anchored Container Queries, and More | CSS-Tricks

CSS features including random(), random-item(), clip-path folded corners, backdrop-filter, tabular-nums, Popover API, and anchor positioning enable modern web design with improved functionality and visual effects.
fromdbushell.com
1 month ago

Everything you never wanted to know about visually-hidden

Ana proposed the following: Is this enough in 2026? As an occasional purveyor of the visually-hidden class myself, the question wriggled its way into my brain. I felt compelled to investigate the whole ordeal. Spoiler: I do not have a satisfactory yes-or-no answer, but I do have a wall of text!
UX design
Web development
fromCSS-Tricks
1 month ago

The Value of z-index | CSS-Tricks

Z-index values in large projects often become chaotic magic numbers due to lack of visibility across teams, leading to an arms race of increasingly higher values rather than a systematic approach.
Web development
fromCSS-Tricks
1 month ago

The Different Ways to Select in CSS | CSS-Tricks

CSS pseudo-classes like :root, :scope, and the & selector provide different ways to target and style the root element, with :root offering higher specificity and :scope providing semantic clarity for global scope declarations.
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.
fromMedium
2 months ago

Clarity or Conformity? Rethinking the Rules of Content Design

In Andor, I got chills when Mon Mothma warns the senate of a chilling truth: When we let noise, conformity, or fear dominate, we lose sight of what matters. We risk allowing the loudest voices, often the safest, the most predictable, to drown out individuality, identity, and truth. To me, this line... This line echoes a growing tension I feel in content design.
UX design
Web development
fromFrontendmasters
1 month ago

The Big Gotcha of Anchor Positioning

Anchor Positioning in CSS has significant limitations preventing elements from being positioned relative to others regardless of DOM placement, requiring careful consideration of element ordering and positioning values.
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
Web design
fromSmashing Magazine
2 months ago

Rethinking "Pixel Perfect" Web Design - Smashing Magazine

Pixel-perfect design is an outdated, misleading ideal; modern, multi-device web development requires flexible, fluid definitions of perfection that prioritize adaptability over fixed pixel replication.
UX design
fromFreebie Supply
2 months ago

CSS Calendar Ideas - Freebie Supply

User-friendly, well-designed web and app calendars integrated via front-end frameworks and CSS are essential for accurate date selection and strong UX across devices.
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.
UX design
fromSmashing Magazine
2 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.
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.
fromCSS-Tricks
1 month ago

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

@keyframes animations can be named using strings, allowing syntax like @keyframes "@animation" { /* ... */ } with corresponding animation: "@animation" declarations. This capability has existed for 11 years across browsers, yet remains relatively unknown to many developers seeking alternative keyframe naming conventions beyond standard identifier formats.
Web development
Typography
fromI Love Typography Ltd
5 months ago

Fonts in Focus: Gieo Text - I Love Typography Ltd

Gieo Text reinvigorates the classic humanist serif with calligraphic stroke modulation, asymmetrical serifs, rightward motion, modern italics, and Vietnamese language support.
UX design
fromMedium
2 months ago

Design tokens with confidence

Aligning design tokens with the W3C standard creates a platform-agnostic single source of truth that propagates updates consistently and reduces maintenance and visual regressions.
fromblog.logrocket.com
2 months ago

Linear design vs. minimalism, brutalism, and neumorphism - LogRocket Blog

Linear-style UIs look simple, but the theming system has to do real work. Here's how to meet WCAG 2.2 contrast requirements across light, dark, and high-contrast modes whether you're using a UI library or rolling your own tokens.
UX design
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.
fromSitePoint Forums | Web Development & Design Community
2 months ago

Custom CSS code

Can you formulate the css code to apply the glassmorphism (GM) effect b/g to the tasks below: Glassmorphism code snippet background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.1); 1.1 Apply the GM effect to the Share B/G, Gallery B/G & Vid B/G icons during onmouseout. 1.2 Apply the GM effect to the Social icons pop-up panel B/G during onmousehover on the Share icon.
Web development
Web development
fromSmashing Magazine
2 months ago

Smashing Animations Part 8: Theming Animations Using CSS Relative Colour - Smashing Magazine

CSS relative colour values and OKLCH enable simpler, controllable theming and dynamic animation of SVG graphics, including time-based and interaction-based palette changes.
fromprojectwallace.com
2 months ago

The CSS Selection - 2026 Edition - Project Wallace

Welcome to The CSS Selection 2026! In this article we're having a look at how CSS is used at scale on over 100,000 websites. We'll look at what things are common on most websites and discover interesting outliers. This is the first edition of what I hope to be many, so this is meant as a baseline for future editions, setting up the first numbers to compare with in coming years.
Web development
[ Load more ]