#html-editor

[ follow ]
#ai
Software development
fromTheregister
2 hours ago

I vibe coded web app: It was enlightening and uncomfortable

Vibe coding effectively utilizes AI for coding tasks, despite concerns about responsibility and the implications of AI technology.
Artificial intelligence
fromMedium
1 day 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.
Software development
fromTheregister
2 hours ago

I vibe coded web app: It was enlightening and uncomfortable

Vibe coding effectively utilizes AI for coding tasks, despite concerns about responsibility and the implications of AI technology.
Artificial intelligence
fromMedium
1 day 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.
#css
Web development
fromCSS-Tricks
6 days 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.
Web development
fromCSS-Tricks
5 days ago

Alternatives to the !important Keyword | CSS-Tricks

Using !important in CSS can lead to chaos and should be replaced with better practices for maintainability.
jQuery
fromCSS-Tricks
3 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.
JavaScript
fromRubyflow
3 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.
Web development
fromCSS-Tricks
6 days 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.
Web development
fromCSS-Tricks
5 days ago

Alternatives to the !important Keyword | CSS-Tricks

Using !important in CSS can lead to chaos and should be replaced with better practices for maintainability.
Typography
fromCsswizardry
2 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
20 hours ago

Rethinking design critique

Design critique is essential for designers to build knowledge and confidence through structured feedback and reflection.
Marketing tech
fromDigiday
3 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.
#claude-code
Agile
fromMedium
3 days ago

7 Rules for Creating an Effective Claude Code Skill

Effective Claude Code skills improve performance and save tokens by being focused and well-framed.
Agile
fromMedium
3 days ago

7 Rules for Creating an Effective Claude Code Skill

Effective Claude Code skills improve performance and save tokens by being focused and well-framed.
Angular
fromGitHub
3 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.
Web frameworks
fromBram.us
1 week ago

Introducing view-transitions-toolkit, a collection of utility functions to more easily work with View Transitions.

View-transitions-toolkit simplifies implementing advanced View Transition patterns with focused helper functions.
React
fromMDN Web Docs
4 days ago

Under the hood of MDN's new frontend | MDN Blog

MDN's frontend was overhauled to simplify design and improve code structure, addressing technical debt from the previous React app.
#design
Web design
fromLukew
3 days ago

LukeW | Should Designers

Designers should code, and AI coding agents are bridging the gap between design and development.
UX design
fromMedium
5 days ago

Designing for the invisible customer

The act of choosing in design is increasingly outsourced to digital gatekeepers, redefining the role of design and aesthetics.
Web design
fromLukew
3 days ago

LukeW | Should Designers

Designers should code, and AI coding agents are bridging the gap between design and development.
UX design
fromMedium
5 days ago

Designing for the invisible customer

The act of choosing in design is increasingly outsourced to digital gatekeepers, redefining the role of design and aesthetics.
#google-chrome
Typography
fromTechCrunch
5 days ago

Chrome is finally getting vertical tabs | TechCrunch

Google Chrome is adopting vertical tabs to enhance user experience and manage tab groups more effectively.
Typography
fromTechCrunch
5 days ago

Chrome is finally getting vertical tabs | TechCrunch

Google Chrome is adopting vertical tabs to enhance user experience and manage tab groups more effectively.
Online learning
fromeLearning Industry
3 days ago

What Is Real Interactivity In eLearning? (And Why Clicks Don't Count)

Real interactivity in learning requires decision-making and consequences, not just reactive actions like clicking or revealing content.
Canada news
fromTheregister
4 days ago

Showing the Windows 10 desktop was the yeast they could do

A bakery's use of Windows 10 desktops highlights the contrast between modern technology and traditional baked goods.
#wordpress
#web-development
jQuery
fromInfoQ
2 days ago

Safari Adds scrollend Event Support, Completing Baseline Browser Coverage

Safari 26.2 introduces the scrollend event, providing reliable detection of scroll completion across major browsers.
fromInfoWorld
3 days ago
UX design

Rethinking Angular forms: A state-first perspective

A state-first perspective simplifies the architectural model of forms in Angular applications.
Artificial intelligence
fromComputerworld
2 days ago

This problem might not need a solution: customer-service bots that code for free

GenAI can enhance customer service by addressing complex dietary needs, but its tendency to hallucinate poses significant risks for direct interactions.
fromThisweekinreact
4 days ago

This Week In React #276: Boneyard, Ink, MUI, React Router, Next.js, shadcn, Docusaurus, Comark, Forms, Shaders | RN 0.85, ViewTransition, Skia, Windows, CRNL, Maestro, True Sheet, Nitro Player, RNGH | JSIR, Security, esbuild, Ky, Intl | This Week In React

React Native v0.85 introduces a new Shared Animation backend, enhancing the animation capabilities of applications. Upcoming features like <ViewTransition> and Skia Graphite promise to further improve user experiences.
React
#javascript
Vue
fromwww.jqueryscript.net
1 week ago

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.
Vue
fromwww.jqueryscript.net
1 week ago

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.
Software development
fromMedium
5 days ago

The Best Way To Plan Work With Claude Code

Ultraplan enhances Claude Code's planning capabilities by enabling multi-agent task planning without blocking the current session.
fromKitmul
6 days ago

How to Publish Markdown to Medium Without Losing Formatting - Kitmul

When you paste your perfectly formatted article and what happens? The headers show literal ## symbols. Bold text keeps the asterisks. Code blocks lose all formatting. Tables? They just break completely.
Typography
React
fromAmazon Web Services
3 days ago

Embed a live AI browser agent in your React app with Amazon Bedrock AgentCore | Amazon Web Services

Users need visibility into AI agents' actions to maintain trust and control over their interactions.
Web design
fromKDnuggets
1 week ago

7 Essential AI Website Builders: From Prompt to Production - KDnuggets

Artificial intelligence website builders simplify website creation, offering free plans and tailored solutions for various needs.
Marketing
from3blmedia
2 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.
Software development
fromMedium
6 days ago

Claude Code Context Window Optimization Best Practices

Managing the context window is crucial for optimal performance in Claude Code, preventing issues like context drift and hallucinations.
#tailwind-css
Web development
fromInfoQ
4 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.
Web development
fromInfoQ
4 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.
UX design
fromMedium
5 days ago

Beyond the user: why design needs to widen its circle

Human-centered design must evolve to consider ecological impacts alongside user comfort and needs.
#jquery
jQuery
fromjQuery Plugins
1 week ago

jQuery Terminal - Create Interactive Browser-Based Command Line Interfaces

jQuery Terminal is a jQuery plugin for creating command line interfaces in the browser.
jQuery
fromjQuery Plugins
1 week ago

jQuery Terminal - Create Interactive Browser-Based Command Line Interfaces

jQuery Terminal is a jQuery plugin for creating command line interfaces in the browser.
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.
#chrome
Web design
fromPiccalilli
1 month ago

Building dynamic toggletips using anchored container queries

Chrome 143 introduces anchored container queries, enabling dynamic styling based on active fallback positions in anchor positioning layouts.
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.
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
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 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.
fromVerou
3 months ago

Web dependencies are broken. Can we fix them? * Lea Verou

Dear JS ecosystem, I love you, but you have a dependency management problem when it comes to the Web, and the time has come for an intervention. No, this is not another rant about npm's security issues. Abstraction is the cornerstone of modern software engineering. Reusing logic and building higher-level solutions from lower-level building blocks is what makes all the technological wonders around us possible. Imagine if every time anyone wrote a calculator they also had to reinvent floating-point arithmetic and string encoding!
Node JS
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.
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
fromSitePoint Forums | Web Development & Design Community
3 weeks ago

Why My CSS Changes Don't Reflect Immediately? Common Reasons & Fixes

Browser cache - Sometimes the browser is still loading the old CSS file. A hard refresh (Ctrl + F5) usually fixes it. Wrong file linked - Double-check if your HTML is actually linked to the correct CSS file. Specificity issues - Another CSS rule might be overriding your changes.
Web development
Web development
fromCSS-Tricks
3 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.
#web-development-tools
Web development
fromwww.jqueryscript.net
3 weeks 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.
Web development
fromwww.jqueryscript.net
3 weeks 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.
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.
fromCSS-Tricks
1 month ago

Potentially Coming to a Browser :near() You | CSS-Tricks

By how much? Well, that would depend on the value of the <length> argument provided. Thomas Walichiewicz, who proposed :near(), suggests that it works like this: button:near(3rem) { /* Pointer is within 3rem of the button */ } For those wondering, yes, we can use the Pythagorean theorem to measure the straight-line distance between two elements using JavaScript ("Euclidean distance" is the mathematical term), so I imagine that's what would be used behind the scenes here.
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.
fromCSS-Tricks
2 months ago

There is No Need to Trap Focus on a Dialog Element | CSS-Tricks

WCAG is not normatively stating focus must be trapped within a dialog. Rather, the normative WCAG spec makes zero mention of requirements for focus behavior in a dialog. The informative 2.4.3 focus order understanding doc does talk about limiting focus behavior within a dialog - but again, this is in the context of a scripted custom dialog and was written long before inert or <dialog> were widely available.
UX design
Web development
fromInfoQ
2 months ago

HTML Invoker Commands Achieve Baseline Support Across All Major Browsers

HTML Invoker Commands API enables declarative button controls (commandfor and command) for popovers and dialogs, reducing reliance on JavaScript and improving initial interactivity.
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 &amp; 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
fromLogRocket Blog
2 months ago

CSS in 2026: The new features reshaping frontend development - LogRocket Blog

Modern CSS can replace JavaScript for many interactive features, enabling complex animations, customizable controls, and scroll interaction through new native CSS features.
fromwww.jqueryscript.net
2 months ago

Weekly Web Design & Development News: Collective #640

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

Introducing ReliCSS: A Tool for Front-End Archaeology

As a contracting front-end developer and Design Systems consultant, I don't always get to work on new things. Sometimes I work within codebases. Sometimes alongside them. Sometimes these codebases are years and years old. When you dive into these projects, you're not just reading code, you're excavating years of decisions, technological limitations, and creative workarounds from days gone by. Over the last decade, I've called this Front-End Archaeology.
Web development
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 ]