#format-change
#format-change

Web development

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

fromWebKit

Web development

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

fromRubyflow

JavaScript

Practical CSS: simplifying UI code with pseudo-classes

fromFrontendmasters

Typography

Let's Get Puzzled!

fromCsswizardry

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.

Typography

fromPiccalilli

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.

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.

fromWebKit

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.

JavaScript

fromRubyflow

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.

Typography

fromFrontendmasters

Let's Get Puzzled!

Puzzle-piece shapes enhance design by adding playfulness and interactivity using modern CSS and JavaScript.

fromCsswizardry

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

Typography

An in-depth guide to customising lists with CSS

New Claude Code Desktop App

The redesigned Claude Code desktop app improves user experience with new usage stats and contextual controls, but still has some downsides.

Practical Guide for Creating Animated Effects with Claude Code

Use specific, clear prompts for Claude Code to create effective animated effects.

Claude Code for Web Design

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

Software development

New Claude Code Desktop App

The redesigned Claude Code desktop app improves user experience with new usage stats and contextual controls, but still has some downsides.

Practical Guide for Creating Animated Effects with Claude Code

Use specific, clear prompts for Claude Code to create effective animated effects.

Claude Code for Web Design

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

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.

fromTNW | Artificial-Intelligence

Adobe launches Firefly AI Assistant to orchestrate tasks across Creative Cloud

Adobe launched Firefly AI Assistant for creative tasks across its applications using natural language, entering public beta soon.

fromArs Technica

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.

fromTechRepublic

Adobe Expands Firefly Into AI-Powered Editing Assistant Across Creative Apps

Adobe's Firefly AI Assistant evolves into a creative agent, managing multi-step tasks across various Adobe applications seamlessly.

Adobe's new Firefly AI Assistant could forever change the way you use its apps

Adobe's Firefly AI Assistant simplifies creative workflows through a chat interface, making design software more accessible and efficient for all users.

fromThe Verge

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.

fromTNW | Artificial-Intelligence

Adobe launches Firefly AI Assistant to orchestrate tasks across Creative Cloud

Adobe launched Firefly AI Assistant for creative tasks across its applications using natural language, entering public beta soon.

fromArs Technica

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.

fromTechRepublic

Adobe Expands Firefly Into AI-Powered Editing Assistant Across Creative Apps

Adobe's Firefly AI Assistant evolves into a creative agent, managing multi-step tasks across various Adobe applications seamlessly.

Adobe's new Firefly AI Assistant could forever change the way you use its apps

Adobe's Firefly AI Assistant simplifies creative workflows through a chat interface, making design software more accessible and efficient for all users.

more#adobe

fromMouse Vs Python

Textual - An Intro to DOM Queries (Part I) - Mouse Vs Python

The query_one() method throughout the Textual documentation allows users to retrieve a single widget that matches a CSS selector or a widget type. You can pass in up to two parameters to query_one(), which are the CSS selector and the widget type, or both at the same time.

jQuery

#canva

fromTNW | Anthropic

21 hours ago

Canva and Anthropic launch Claude Design for AI-powered visual creation

Canva and Anthropic launched Claude Design, enabling users to create editable visuals from text descriptions using AI technology.

Marketing tech

Canva is officially 'an AI platform with design tools'

Canva is transforming from a design platform with AI tools to an AI platform with design tools, enhancing user experience and capabilities.

fromTNW | Anthropic

21 hours ago

Canva and Anthropic launch Claude Design for AI-powered visual creation

Canva and Anthropic launched Claude Design, enabling users to create editable visuals from text descriptions using AI technology.

Marketing tech

Canva is officially 'an AI platform with design tools'

Canva is transforming from a design platform with AI tools to an AI platform with design tools, enhancing user experience and capabilities.

AI & Search Whiteboard Friday Rollup

AI search tactics require a different approach than traditional SEO, with minimal overlap in rankings.

Online learning

fromeLearning Industry

23 hours ago

Why Engagement Is The Missing Piece In Learning Management

Engagement is essential for effective Learning Management Systems, as low participation leads to poor outcomes and limited knowledge retention.

Online Community Development

23 hours ago

How AI and education are shaping the future of aesthetics

Aesthetic inspiration is social and collective, but aesthetic results are deeply personal. What works for one face, skin type, or bone structure won't always work for another.

Healthcare

fromTNW | Opinion

Trusti explores human-centered recommendations in digital platforms

Digital platforms have transformed decision-making by providing access to reviews, which significantly influence consumer choices.

Mobile UX

fromEngadget

fromLondon Business News | Londonlovesbusiness.com

Meta is giving Threads on web a redesign that finally adds direct messages

Meta is testing a new web design for Threads that includes direct messaging and improved navigation features.

React

Why Redux expertise matters when hiring react developers for complex applications - London Business News | Londonlovesbusiness.com

Redux expertise is essential for managing state in complex React applications, ensuring predictable behavior and maintainability.

Angular

15+ Best Shadcn Templates for Next.js Developers

Choosing the right Shadcn template for Next.js impacts performance, maintainability, and scalability.

Oh, but there's one more thing

Designers must address real project challenges while navigating the evolving role of AI in the creative process.

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.

Oh, but there's one more thing

Designers must address real project challenges while navigating the evolving role of AI in the creative process.

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.

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.

fromForbes

How To Choose A Web Design Company That Understands Your Customers

The right web design company can optimize websites for higher conversions by understanding business needs and integrating necessary systems.

Software development

16 hours ago

Folder instructions - Instructions for system-level AI

Folders can evolve into active systems that organize and act based on user intent.

#ai-design

fromTheregister

18 hours ago

Anthropic debuts Claude Design, because who needs designers?

Anthropic launched Claude Design, an AI service for creating visual assets, impacting the design industry and potentially displacing jobs.

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.

fromTheregister

18 hours ago

Anthropic debuts Claude Design, because who needs designers?

Anthropic launched Claude Design, an AI service for creating visual assets, impacting the design industry and potentially displacing jobs.

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.

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.

Online learning

fromeLearning

Announcing Adobe Captivate 13.1: Bring Your Classic Projects Forward - eLearning

Adobe Captivate 13.1 enhances workflow efficiency by allowing import of legacy projects and introducing interactive features like the Slider widget.

React

fromDEV Community

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.

18 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

#figma

Graphic design

Nano Banana in Figma

UX design

Figma Design System + Claude Code

UX design

From Design to Code: Copiloting the Future of Design Systems

Graphic design

Nano Banana in Figma

UX design

Figma Design System + Claude Code

UX design

From Design to Code: Copiloting the Future of Design Systems

Web design

LukeW | The New Designer/Developer Collaboration

Weekly Web Design & Development News: Collective #652

Essential resources and tools for web development and design are highlighted for the week.

fromTreehouse Blog

The Difference Between Front End, Back End, and Full Stack Development

Front-end, back-end, and full stack are distinct roles in web development, each with unique responsibilities and technologies.

fromButler's Log

4 weeks ago

The Great CSS Expansion

Modern web development is shifting towards native CSS features, reducing reliance on heavy JavaScript libraries for UI patterns.

Weekly Web Design & Development News: Collective #649

Next.js 16.2 and major AI tools enhance web development and design resources for 2026.

fromLukew

LukeW | The New Designer/Developer Collaboration

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

Weekly Web Design & Development News: Collective #652

Essential resources and tools for web development and design are highlighted for the week.

fromTreehouse Blog

The Difference Between Front End, Back End, and Full Stack Development

Front-end, back-end, and full stack are distinct roles in web development, each with unique responsibilities and technologies.

fromButler's Log

4 weeks ago

The Great CSS Expansion

Modern web development is shifting towards native CSS features, reducing reliance on heavy JavaScript libraries for UI patterns.

Weekly Web Design & Development News: Collective #649

Next.js 16.2 and major AI tools enhance web development and design resources for 2026.

Opera adds Browser Connector for integrating AI chatbots

Opera introduces Browser Connector, allowing integration of ChatGPT or Claude for enhanced browsing with AI assistance.

fromThisweekinreact

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

Deliverability

Form Automation Tips for Happier User and Clients | CSS-Tricks

A functional contact form is just the beginning; effective data handling is crucial for business workflows.

Vue

Weekly Web Design & Development News: Collective #650

TypeScript 6.0 and Vite 8.0 enhance development, while Shopify's Tinker offers over 100 free AI creative tools.

#ux-design

How To Improve UX In Legacy Systems - Smashing Magazine

Improving UX in legacy systems requires gradual progress while addressing user and stakeholder needs.

UX design

The mirage of UX Design's demise keeps coming back

How To Improve UX In Legacy Systems - Smashing Magazine

Improving UX in legacy systems requires gradual progress while addressing user and stakeholder needs.

The mirage of UX Design's demise keeps coming back

The claim that 'UX Design is dead' reflects deeper anxieties about existence and professional relevance.

Scaling the Digital Shelf: How Designkit is Revolutionizing E-Commerce Visuals

High-quality product images are crucial for e-commerce success, and traditional photography methods are inefficient and costly.

fromInfoWorld

HTMX 4.0: Hypermedia finds a new gear

HTMX 4.0 replaces XHR with the Fetch API, enhancing performance and developer experience in web development.

#ai

The idea that the internet is built for people is crumbling. That has huge implications for your business

The internet is evolving to accommodate software agents that act on behalf of users, changing how websites are designed and interacted with.

Notes from the people building your future

AI-driven job displacement requires thoughtful policy to ensure equitable distribution of prosperity and prevent increased inequality.

We become what we behold

AI is reshaping the roles of designers and our interaction with technology.

The idea that the internet is built for people is crumbling. That has huge implications for your business

The internet is evolving to accommodate software agents that act on behalf of users, changing how websites are designed and interacted with.

Notes from the people building your future

AI-driven job displacement requires thoughtful policy to ensure equitable distribution of prosperity and prevent increased inequality.

We become what we behold

AI is reshaping the roles of designers and our interaction with technology.

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.

Marketing

from3blmedia

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.

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.

fromLondon Business News | Londonlovesbusiness.com

Phenomenon Studio: AI-Driven UI/UX Innovations Defining the 2026 Design Evolution - London Business News | Londonlovesbusiness.com

AI is now essential in UI/UX design, enabling anticipatory interfaces that enhance user experience and drive business success.

Typography

fromMass-driver

MD UI: a Typeface for Interfacing

Typefaces deserve careful design and consideration, balancing quality and legibility while acknowledging the challenges of achieving perfection.

fromItsnicethat

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.

fromFrontendmasters

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.

AI, UX, and the factory model

The digital design landscape is shifting towards a factory model, redefining roles and metrics of success in software development.

fromSpeckyboy Design Magazine

6 days ago

What AI Can Teach Web Developers About WordPress - Speckyboy

AI enhances understanding and troubleshooting of WordPress code, offering detailed insights into functions and snippets.

6 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.

6 days ago

Rethinking design critique

Design critique is essential for designers to build knowledge and confidence through structured feedback and reflection.

fromForbes

Is Your Website Built To Grow? A Guide To Flexibility

Modern websites built with component-based, modular systems provide flexibility and longevity by allowing organizations to adapt their digital presence as they evolve over time.

#design-principles

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.

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.

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.

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.

more#design-principles

#design-systems

fromDesign Systems Report 2026

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.

fromEntrepreneur

3 Core Design Elements Your Website Needs to Thrive

Design systems require three interconnected foundations—composition, components, and concepts—to maintain clarity and usability as organizations scale, with accessibility embedded throughout to improve compliance and prevent costly retroactive fixes.

UX design

From Design to Code: Copiloting the Future of Design Systems

fromDesign Systems Report 2026

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.

fromEntrepreneur

3 Core Design Elements Your Website Needs to Thrive

UX design

From Design to Code: Copiloting the Future of Design Systems

You're still designing for an architecture that no longer exists

The traditional graphical user interface built on windows, menus, and clicks is being replaced by AI-driven environments where work happens through natural interaction without navigating applications or interfaces.

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

Generative UI Notes | CSS-Tricks

Generative UI Design uses AI to create personalized user interfaces tailored to individual needs in real-time.

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-tools

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.

Web development

Weekly Web Design & Development News: Collective #647

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.

more#web-development-tools

Web development

Weekly Web Design & Development News: Collective #647

fromRaymondcamden

fromLondon Business News | Londonlovesbusiness.com

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.

Software development

How CMS systems function: Understanding the technical foundations and user interface management - London Business News | Londonlovesbusiness.com

Content Management Systems use databases, backend logic, and servers to manage, format, and deliver web content efficiently across sites of varying scale.

fromThedrum

10 Signs You Need a Website Refresh

Websites require regular upgrades to maintain competitiveness, with page speed and mobile optimization being critical factors for user experience and SEO performance.

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.

Weekly Web Design & Development News: Collective #646

Weekly roundup of essential JavaScript, CSS libraries, web development news, design assets, and AI tools for developers in 2026.

fromSitePoint Forums | Web Development & Design Community

Weekly Web Design & Development News: Collective #640

Everything you need to know in development & design this week, rounded up for you (Week 4, 2026). You'll find the most essential things right now: JavaScript & CSS libraries, useful code snippets, crucial web dev news & resources, curated AI tools, free design assets, and plenty of other good stuff we found! Highlights: 2026 Tech Stack Refresh! Dive into updated "Top 10" lists for Off-canvas menus, responsive dropdowns, fullscreen navs, and more to get your projects ready for the year ahead.

Web development

How to make a responsive website?

Use a mobile-first approach with Flexbox and Grid plus media queries, and prefer relative units for responsive layouts.

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

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.

#ai-generated-ui

UX design

What makes generated UI worth keeping?

UX design

What makes generated UI worth keeping?

UX design

What makes generated UI worth keeping?