Web development

[ follow ]
#css
fromCSS-Tricks
8 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
1 week 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.
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.
Web development
fromCSS-Tricks
8 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
3 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
1 week 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.
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.
Web development
fromWebaim
2 weeks ago

WebAIM: The WebAIM Million - The 2026 report on the accessibility of the top 1,000,000 home pages

The evaluation of one million home pages revealed over 56 million distinct accessibility errors, averaging 56.1 errors per page.
Web development
fromEngadget
1 day ago

Opera adds Browser Connector for integrating AI chatbots

Opera introduces Browser Connector, allowing integration of ChatGPT or Claude for enhanced browsing with AI assistance.
#ai
Web development
fromInfoWorld
2 days ago

Tap into the AI APIs of Google Chrome and Microsoft Edge

Chrome and Edge browsers provide built-in APIs for local AI tasks like translation and summarization using locally hosted models.
Web development
fromInfoWorld
2 days ago

Tap into the AI APIs of Google Chrome and Microsoft Edge

Chrome and Edge browsers provide built-in APIs for local AI tasks like translation and summarization using locally hosted models.
Web development
fromTechCrunch
3 days ago

Google adds AI Skills to Chrome to help you save favorite workflows | TechCrunch

Google introduces Skills in Chrome, allowing users to save and reuse AI prompts across webpages for enhanced browsing efficiency.
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
fromTreehouse Blog
3 days ago

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.
#google
Web development
fromArs Technica
3 days ago

Google introduces "Skills" in Chrome to make Gemini prompts instantly reusable

Google is enhancing Gemini in Chrome with Skills, allowing users to save prompts and access a Skills Library for various tasks.
Web development
fromThe Verge
3 days ago

Chrome now lets you turn AI prompts into repeatable 'Skills'

Google's new Chrome feature allows users to save and reuse AI prompts as 'Skills' across multiple web pages.
Web development
fromArs Technica
3 days ago

Google introduces "Skills" in Chrome to make Gemini prompts instantly reusable

Google is enhancing Gemini in Chrome with Skills, allowing users to save prompts and access a Skills Library for various tasks.
Web development
fromThe Verge
3 days ago

Chrome now lets you turn AI prompts into repeatable 'Skills'

Google's new Chrome feature allows users to save and reuse AI prompts as 'Skills' across multiple web pages.
Web development
fromWIRED
3 days ago

How to Use Google Chrome's New AI-Powered 'Skills'

Google Chrome introduces Skills, a feature allowing users to run AI prompts with shortcuts for various tasks.
#chrome
Web development
fromZDNET
3 days ago

Chrome's new 'Skills' update lets you save AI prompts now - for one-click reuse

Chrome introduces a feature to save and reuse AI prompts with Gemini chats.
Web development
fromZDNET
3 days ago

Chrome's new 'Skills' update lets you save AI prompts now - for one-click reuse

Chrome introduces a feature to save and reuse AI prompts with Gemini chats.
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.
Web development
fromBootstrap Creative
5 days ago

WordPress to HubSpot Migration Cost Calculator & Checklist - Bootstrap Creative

Understanding costs and technical steps is crucial for a successful WordPress to HubSpot migration to protect SEO rankings.
Web development
fromSearch Engine Roundtable
1 week ago

Google Discusses Page Weight, Average Mobile Homepage Size, and Googlebot File Limit Sizes

Growing page weight impacts user experience and Googlebot crawling, with specific file size limits set for different Googlebot types.
Web development
fromComputerworld
1 week ago

Chrome, Vivaldi, and the challenge of changing browsers

Switching from Chrome to Vivaldi can enhance productivity and optimize digital environments for users seeking better browser experiences.
#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.
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.
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.
#vivaldi
Web development
fromComputerworld
1 week ago

8 advanced ways Vivaldi boosts your productivity

Vivaldi browser offers unique productivity enhancements without AI, making it a compelling alternative for users seeking efficiency.
Web development
fromZDNET
3 weeks ago

Vivaldi's new feature should have every other browser taking note

Vivaldi's new Auto Hide UI feature maximizes screen space by hiding browser elements, enhancing the web app experience.
Web development
fromComputerworld
1 week ago

8 advanced ways Vivaldi boosts your productivity

Vivaldi browser offers unique productivity enhancements without AI, making it a compelling alternative for users seeking efficiency.
Web development
fromZDNET
3 weeks ago

Vivaldi's new feature should have every other browser taking note

Vivaldi's new Auto Hide UI feature maximizes screen space by hiding browser elements, enhancing the web app experience.
fromSpeckyboy Design Magazine
2 weeks ago

Top 10 WordPress Hosting Providers in the UK (2026) - Speckyboy

Choosing a host with UK or nearby data centers can make your site load faster for visitors in the area. Features such as SSD or NVMe storage, caching, and CDN support help keep your site fast and responsive.
Web development
#wordpress
Web development
fromSpeckyboy Design Magazine
1 week ago

How to Use Remote Data Blocks to Display Google Sheets Data in WordPress - Speckyboy

Remote Data Blocks plugin simplifies fetching and displaying external data in WordPress from services like Google Sheets and Airtable.
Web development
fromTechCrunch
4 weeks ago

WordPress.com now lets AI agents write and publish posts, and more | TechCrunch

WordPress.com now allows AI agents to draft, edit, and manage content on websites, potentially transforming web content creation.
Web development
fromSpeckyboy Design Magazine
1 week ago

How to Use Remote Data Blocks to Display Google Sheets Data in WordPress - Speckyboy

Remote Data Blocks plugin simplifies fetching and displaying external data in WordPress from services like Google Sheets and Airtable.
Web development
fromTechCrunch
4 weeks ago

WordPress.com now lets AI agents write and publish posts, and more | TechCrunch

WordPress.com now allows AI agents to draft, edit, and manage content on websites, potentially transforming web content creation.
Web development
fromEntrepreneur
1 week ago

ChatGPT's New Internet Browser Can Run 80% of a 1-Person Business - Here's How Entrepreneurs Are Using It

ChatGPT's internet browser can automate tasks within workflows, enhancing productivity for solopreneurs and enabling scalable business growth.
Web development
fromComputerworld
2 weeks ago

Cloudflare's new CMS is not a WordPress killer, it's a WordPress alternative

Cloudflare's EmDash is positioned as a secure, flexible alternative to WordPress for modern website building.
Web development
fromTheregister
2 weeks ago

Cloudflare previews AI rebuild of Wordpress in TypeScript

Cloudflare has launched EmDash, a new CMS built with TypeScript, aiming to provide a serverless alternative to WordPress.
Web development
fromHubspot
2 weeks ago

Page Authority: How to Build Pages That Rank

Page Authority is a metric that estimates a webpage's ranking potential, not a direct Google ranking factor.
Web development
fromCsswizardry
2 weeks ago

When All You Can Do Is All or Nothing, Do Nothing - CSS Wizardry

Web performance should be integrated from the start, avoiding blanket optimizations that can worsen page load times.
fromInfoQ
3 weeks ago

Experimental Web Install API Seeks to Improve Application Discovery and Distribution

The Web Install API aims to fix the issue of inconsistent and proprietary mechanisms for acquiring applications by creating an open, ergonomic, standardized, and cross-platform supported way of acquiring applications.
Web development
Web development
fromWebKit
3 weeks ago

WebKit Features for Safari 26.4

Safari 26.4 introduces 44 features, including CSS Grid Lanes and WebTransport, focusing on developer requests and improving existing functionalities.
Web development
fromSearch Engine Roundtable
3 weeks ago

Google Adds More Properties For Discussion Forum & QA Page Markup & Documents Robots Tags Outside HTML Head

Google updated its SEO documentation to clarify robots meta tags handling and added new properties for Discussion Forum and QA Page markup.
Web development
fromGitHub
3 weeks ago

GitHub - mcpland/webpage-mcp: Turn your existing webpages into an MCP server for agent control

Webpage MCP enables AI clients to control webpages with advanced browser capabilities and automation features.
fromZDNET
3 weeks ago

Opera GX for Linux is way more than great gaming browser - here's why

Opera GX on Linux offers a unique GX Control feature that allows users to manage memory limits, network limits, and control resource-heavy tabs, enhancing performance and user experience.
Web development
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
fromUna
1 month ago

una.im | contrast-color() beyond black & white

contrast-color() returns black or white for maximum contrast, but workarounds using color-mix() and style queries enable custom color palette selection while maintaining accessibility.
Web development
fromCSS-Tricks
4 weeks ago

JavaScript for Everyone: Destructuring | CSS-Tricks

JavaScript is accessible to designers and non-specialists; writing any JavaScript code qualifies someone as a JavaScript developer regardless of formal training or background.
fromTheregister
4 weeks ago

Latest Vivaldi release tucks its UI away until summoned

This feature has been developed to give our users maximum real estate for control, without losing the controls they would like to have available. It works in both full screen and restored/normal window.
Web development
Web development
fromTreehouse Blog
4 weeks ago

Full Stack Web Development: What It Is and How to Get Started

Full stack developers build both front-end user interfaces and back-end server code, making them valuable across entire web applications.
Web development
fromForbes
4 weeks ago

5 Tools You Can Vibe Code For Your Business In Under An Hour

AI tools like Claude Code enable business owners to build professional digital assets independently in hours, eliminating the need for expensive agencies and development teams.
fromMedium
4 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
fromeLearning
1 month ago

Common mistakes to avoid when using Web objects in Adobe Captivate - eLearning

Web objects in Adobe Captivate embed multimedia content directly into courses, but common mistakes like using HTTP instead of HTTPS and failing to adjust embed code dimensions cause broken content and poor user experience.
fromSitePoint Forums | Web Development & Design Community
1 month 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
fromMedium
1 month ago

Modernizing Kubernetes Traffic: A Guide to the Gateway API Migration

If Ingress is the Legacy Path, then the Gateway API is the modern highway. In this guide, I will walk you through a complete migration demonstrating how to swap out your old Ingress controllers for Envoy Gateway. We won't just move traffic; we'll leverage Envoy's power to implement seamless request mirroring and more robust, path-based routing that was previously hidden behind complex annotations.
Web development
fromMedium
1 month ago

Claude Code CLAUDE.md vs Skills

CLAUDE.md = "project brain" Skills = "reusable capabilities" The way I think about CLAUDE.md and Skill is this distinction. Think of CLAUDE.md as "Everything Claude needs to know about this particular project." If, when thinking about a particular detail, you start your thought with "In this project..." or "For this project..." then this information belongs in CLAUDE.md.
Web development
#web-development-tools
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.
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.
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
fromCSS-Tricks
1 month ago

4 Reasons That Make Tailwind Great for Building Layouts | CSS-Tricks

Tailwind CSS utilities make layouts more readable and mentally visualizable than traditional CSS by keeping HTML structure apparent in the code.
Web development
fromMozilla Hacks - the Web developer blog
1 month ago

Goodbye innerHTML, Hello setHTML: Stronger XSS Protection in Firefox 148 - Mozilla Hacks - the Web developer blog

Firefox 148 introduces the standardized Sanitizer API, enabling developers to safely remove malicious HTML and JavaScript from user-generated content before inserting it into the DOM.
Web development
fromTheregister
1 month ago

Brilliant backups landed web developer in big trouble

A website migration oversight caused a two-year disconnect where office staff viewed outdated content due to hardcoded DNS settings, while the client only discovered the issue when accessing the site from the office.
Web development
fromNew Relic
1 month ago

A Blueprint for Full-Stack Service Level Management

Effective system monitoring requires measuring user perception across three layers: experience perception, edge infrastructure control, and service business logic, each with distinct SLIs and SLOs.
Web development
fromGitHub
1 month ago

GitHub - j9t/minifier-benchmarks: Regularly updated benchmarks for web page minification

HTML minifier benchmarks compare compression effectiveness across tools using byte-based measurements, with two test modes: HTML-only minification and full feature minification.
Web development
fromChrome for Developers
1 month ago

Request for developer feedback: focusgroup | Blog | Chrome for Developers

The focusgroup HTML attribute enables keyboard arrow-key navigation in composite widgets without requiring roving-tabindex JavaScript, replacing hundreds of lines of boilerplate code.
Web development
fromCSS-Tricks
1 month ago

Abusing Customizable Selects | CSS-Tricks

Web browsers' new customizable select feature enables developers to create visually unique and interactive dropdown menus with CSS and HTML, expanding creative possibilities beyond standard form elements.
fromTechCrunch
1 month ago

WordPress debuts a private workspace that runs in your browser via a new service, my.WordPress.net | TechCrunch

Through a new service called my.WordPress.net, the WordPress software lets users set up a site and begin publishing without signing up, setting up a hosting plan, or registering a domain. Instead, the new solution leverages the same technology that powers WordPress demos and makes it available as a permanent, personal publishing platform.
Web development
Web development
fromComputerworld
1 month ago

Anthropic's Claude found 22 vulnerabilities in Firefox in two weeks

Anthropic and Mozilla's AI-powered security testing identified 22 Firefox vulnerabilities, including 14 serious flaws, using Claude Opus 4.6 across nearly 6,000 C files.
Web development
fromFlorianschulz
1 month ago

Design Engineering 101: Typeahead

Typeahead features suggest text completions as users type, with two variants: dimmed text and highlighted text with additional styling, requiring custom implementation beyond standard HTML elements.
fromRaymondcamden
1 month ago

Building My Own Social Network Poster in Astro

Social Beast is a web app meant to be run locally that handles posting to multiple social networks at once. Right now "multiple" is two: Mastodon and Bluesky. It doesn't show you latest posts and stats, it's just meant to give me a quick way to post to both networks at once.
Web development
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
fromMedium
1 month ago

CLAUDE.md Best Practices

CLAUDE.md is a project-specific context file placed in the repository root that guides Claude AI on coding requirements, architecture, and project standards before writing or modifying code.
Web development
fromInfoWorld
1 month ago

MCP C# SDK 1.0 arrives with improved authorization server discovery

Microsoft released MCP C# SDK 1.0 with full support for the 2025-11-25 MCP Specification, enabling developers to build secure MCP servers and clients in .NET with enhanced authorization server discovery capabilities.
Web development
fromInfoQ
1 month ago

So You've Decided To Do a Technical Migration

Technical migrations are complex, nonlinear journeys filled with unforeseen challenges, requiring careful navigation and strategic planning beyond initial expectations.
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
fromInfoWorld
1 month ago

WebAssembly proposal touted to improve Wasm web integration

WebAssembly remains a second-class web language due to poor platform integration, limiting adoption to large companies despite performance capabilities and new features since 2017.
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.
fromInfoWorld
1 month ago

Visual Studio Code previews agent plugins

Agentic browser tools, an experimental feature, provides agents with a set of tools to read and interact with VS Code's integrated browser. When an agent interacts with a web page, it sees updates to page content and any warnings and errors in the console. The tools work out of the box with no need to install extra dependencies.
Web development
fromFast Company
1 month ago

'We just have to experiment faster': AI's changed design forever. Now what?

If you've signed up for Cursor to do some casual vibecoding, you'll probably find yourself disoriented by the command lines and acronyms that live throughout the software. Lu proposes he can solve this tension with his new project, something he's calling 'Baby Cursor.' Lu imagines Baby Cursor as the next generation of the company's software, which first launched in 2023.
Web development
#popover-api
Web development
fromSmashing Magazine
1 month ago

Getting Started With The Popover API - Smashing Magazine

The Popover API enables browsers to natively handle tooltips, eliminating the need for complex JavaScript libraries and providing built-in keyboard interaction, accessibility, and focus management.
Web development
fromSmashing Magazine
1 month ago

Getting Started With The Popover API - Smashing Magazine

The Popover API enables browsers to natively handle tooltips, eliminating the need for complex JavaScript libraries and providing built-in keyboard interaction, accessibility, and focus management.
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.
Web development
fromSmashing Magazine
1 month ago

Getting Started With The Popover API - Smashing Magazine

The Popover API enables browsers to natively handle tooltips, eliminating the need for complex JavaScript libraries and providing built-in keyboard interaction, accessibility, and focus management.
Web development
fromSmashing Magazine
1 month ago

Getting Started With The Popover API - Smashing Magazine

The Popover API enables browsers to natively handle tooltips, eliminating the need for complex JavaScript libraries and providing built-in keyboard interaction, accessibility, and focus management.
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.
Web development
fromSearch Engine Roundtable
1 month ago

New Google Help Document On How Google Crawling Works

Google published a help document explaining nine fundamental aspects of how its web crawlers discover, access, and index web content while respecting site owner controls and permissions.
Web development
fromRaymondcamden
1 month ago

Using Astro for a Combined RSS View and Generator

An Astro application aggregates multiple Webflow developer product RSS feeds into a unified interface and serves a combined RSS feed for easier tracking of all updates.
Web development
fromThe Verge
1 month ago

Google accelerates Chrome release cycle

Google is accelerating Chrome's release cycle from four weeks to two weeks starting September, enabling faster delivery of performance improvements, fixes, and new features across all platforms.
Web development
fromFast Company
1 month ago

Google Chrome just dropped 3 new time-saving features

Google Chrome introduces three productivity features including Split View, which allows side-by-side tab viewing to streamline multitasking workflows for browser-based work.
Web development
fromWIRED
1 month ago

Make the Most of Chrome's Toolbar by Customizing It to Your Liking

Customizing Chrome's toolbar improves browsing efficiency by providing quick access to frequently used features and extensions.
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
fromInfoQ
1 month ago

Vercel Releases React Best Practices Skill with 40+ Performance Rules for AI Agents

Vercel, the cloud platform behind Next.js, has released react-best-practices, an open-source repository containing over 40 performance optimization rules for React and Next.js applications. The framework, which encapsulates over a decade of engineering knowledge from Vercel's production codebases, is structured specifically for consumption by AI coding agents and LLMs, though the team notes it is equally valuable for human developers.
Web development
fromScottjehl
1 month ago

Standard HTML Video & Audio Lazy-loading is Coming! | Scott Jehl, Web Designer/Developer

As the HTTP Archive reminds us, video and audio files are some of the heaviest resources requested by web pages. This new standard will dramatically reduce page weight and ease resource overhead all through a simple declarative HTML attribute. Lazy audio and video works just like lazy-loading of image and iframe elements work today: just add loading=
Web development
Web development
fromCSS-Tricks
1 month ago

Yet Another Way to Center an (Absolute) Element | CSS-Tricks

Absolutely-positioned elements can be centered using `place-self: center` with `inset: 0` in three lines of CSS, replacing the traditional `top: 50%; left: 50%; translate: -50% -50%` method.
[ Load more ]