#polygon-window

[ follow ]
#css
fromCSS-Tricks
16 hours ago
Web development

What's !important #9: clip-path Jigsaws, View Transitions Toolkit, Name-only Containers, and More | CSS-Tricks

Web development
fromCSS-Tricks
2 weeks ago

Making Complex CSS Shapes Using shape() | CSS-Tricks

Creating complex CSS shapes with randomness and curves is challenging but achievable using modern features and generators.
Web development
fromCSS-Tricks
16 hours ago

What's !important #9: clip-path Jigsaws, View Transitions Toolkit, Name-only Containers, and More | CSS-Tricks

Clip-path jigsaws and view transitions toolkit enhance web design capabilities with new CSS features and utilities.
Web development
fromWebKit
4 days ago

Name-only @container queries: A solution to the naming wars

Name-only @container queries simplify styling by improving scoping without increasing specificity, addressing conflicts in CSS for elements with similar names.
Web development
fromCSS-Tricks
2 weeks ago

Making Complex CSS Shapes Using shape() | CSS-Tricks

Creating complex CSS shapes with randomness and curves is challenging but achievable using modern features and generators.
UX design
fromMedium
1 day ago

Oh, but there's one more thing

Designers must address real project challenges while navigating the evolving role of AI in the creative process.
#figma
#web-development
Web design
fromLukew
1 day ago

LukeW | The New Designer/Developer Collaboration

A streamlined collaboration model using Intent allows designers and developers to work simultaneously, significantly reducing website development time.
fromThisweekinreact
3 days ago

This Week In React #277: TanStack RSC, React2Dos, Next.js, MUI, Base UI, Aria, StyledComponents, Storm | Pulsar, Nitro Fetch, Flow, Agent React DevTools, Pretext, Vector, Metro, Ease, Voltra | HTML-in-Canvas, Yuku, Bun, Syncpack | This Week In React

TanStack RSCs are supported through three primitive APIs that allow manipulation of RSCs as any other stream of data, compatible with tools like React Query and TanStack Router.
React
#shadcn
Angular
fromMedium
5 days ago

15+ Best Shadcn Templates for Next.js Developers

Choosing the right Shadcn template for Next.js impacts performance, maintainability, and scalability.
Angular
fromMedium
5 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
8 hours ago

Haptics: how to build a consistent cross-platform solution and align code with Figma

Implementing consistent haptics across iOS, Android, and mobile web enhances user experience through tactile feedback.
#claude-code
Graphic design
fromMedium
4 days ago

Practical Guide for Creating Animated Effects with Claude Code

Use specific, clear prompts for Claude Code to create effective animated effects.
Graphic design
fromMedium
4 days ago

Practical Guide for Creating Animated Effects with Claude Code

Use specific, clear prompts for Claude Code to create effective animated effects.
Graphic design
fromItsnicethat
2 days 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.
React
fromDEV Community
3 days ago

Letting Product Teams Own SVG Icons (Without Code Changes)

Subito developed a dynamic SVG icon system allowing marketing teams to update icons independently and adapt colors based on context.
fromMedium
10 hours ago

Claude Design: Figma Killer or Just Another Design Tool?

Claude Design offers a range of design options, including Prototype and Side deck, allowing users to create polished visual work without leaving the Anthropic ecosystem.
UX design
#svg
Web development
fromFrontendmasters
1 week ago

SVG Filters Guide: Getting Started with the Basics

SVG filters can enhance design without requiring artistic skills, and a structured approach can simplify their implementation.
Web development
fromFrontendmasters
1 week ago

SVG Filters Guide: Getting Started with the Basics

SVG filters can enhance design without requiring artistic skills, and a structured approach can simplify their implementation.
UX design
fromFast Company
15 hours ago

Anthropic launches a design tool to take on all the other design tools

Claude Design enables collaboration with AI for creating visual work, catering to both non-designers and designers for efficient prototyping.
Web development
fromCSS-Tricks
4 days 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
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.
jQuery
fromCSS-Tricks
3 weeks ago

Experimenting With Scroll-Driven corner-shape Animations | CSS-Tricks

Scroll-driven animations and CSS corner-shape property enable innovative design features in web development.
Marketing
from3blmedia
3 weeks ago

What We Learned From Talking to Hundreds of Web Designers a

Freelancers and agencies seek market-wide data to inform their business decisions and strategies.
UX design
fromMedium
2 days ago

The Future of UI Design is Agentic Design

AI tools are now integral to product design, enabling collaborative UI creation and refinement in tools like Figma.
Web development
fromInfoQ
1 week 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.
UX design
fromMedium
6 days ago

Rethinking design critique

Design critique is essential for designers to build knowledge and confidence through structured feedback and reflection.
#design-systems
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
2 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
2 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.
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.
#css-corner-shape-property
#design-principles
UX design
fromSmashing Magazine
2 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
2 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
2 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
2 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
fromCSS-Tricks
3 weeks ago

Generative UI Notes | CSS-Tricks

Generative UI Design uses AI to create personalized user interfaces tailored to individual needs in real-time.
Cooking
fromMedium
1 month ago

Escaping the ennui in UI

AI-driven 'vibedesign' favors shallow aesthetics over craft, urging a return from prompt 'shimmer' to practiced 'friction' and genuine mastery.
fromMedium
1 month ago

UI Design with Gemini 3.1

Google recently released a new AI model, Gemini 3.1, that demonstrates great results in UI and web design tasks. I've already tested this model for web design tasks and in this article, I want to experiment with Gemini 3.1 and generate UI for a mobile application.
Mobile UX
UX design
fromMedium
3 weeks ago

The three thirds

Many mid-career designers feel disillusioned as they reach a ceiling in their careers, realizing the promised growth and impact is limited.
UX design
fromKarl Koch
4 weeks 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.
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.
Web development
fromSmashing Magazine
4 weeks ago

Dropdowns Inside Scrollable Containers: Why They Break And How To Fix Them Properly - Smashing Magazine

Dropdowns can get clipped inside scrollable panels due to overflow, stacking contexts, and containing blocks.
Web development
fromCSS-Tricks
1 month 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.
Web development
fromwww.jqueryscript.net
1 month ago

Weekly Web Design & Development News: Collective #648

A curated weekly roundup of essential web development and design resources includes updated JavaScript/CSS libraries, AI tools, design assets, and emerging web technologies for 2026 projects.
UX design
fromAdamsilver.io
1 month ago

Why designing in code makes you a better designer

The web has inherent properties like fluidity and vertical stacking; designing with these properties rather than against them creates better, more functional digital experiences.
React
fromLogRocket Blog
2 months ago

Comparing the best React animation libraries for 2026 - LogRocket Blog

Choose animation libraries balancing developer experience, features, performance, and bundle size; consider CSS-first approaches for smaller bundles and production alternatives.
Web design
fromUna
1 month ago

una.im | border-shape: the future of the non-rectangular web

border-shape is a new CSS primitive that defines custom shapes for element borders, allowing backgrounds, shadows, and outlines to follow the custom geometry unlike clip-path.
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.
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.
Web development
fromCSS-Tricks
1 month ago

Popover API or Dialog API: Which to Choose? | CSS-Tricks

Use Popover API for most popovers and Dialog API only for modal dialogs, as they differ significantly in accessibility despite appearing similar.
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
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.
fromMedium
3 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
#css-grid
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.
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
#ai-generated-ui
Web development
fromSmashing Magazine
3 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.
[ Load more ]