Web development

[ follow ]
fromSitePoint Forums | Web Development & Design Community
1 day 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
fromThe Drum
13 hours ago

Website search and Google are a completely different ball game

Users expect on-site search to match Google's relevance; managing expectations and investing in high-quality search tools prevents poor UX and potential brand damage.
Web development
fromCSS-Tricks
1 day ago

What's !important #4: Videos & View Transitions, Named Media Queries, How Browsers Work, and More | CSS-Tricks

CSS view transitions combined with JavaScript pageswap/sessionStorage can preserve media state across pages while cascade layers and CodePen 2.0 enhance CSS workflows and projects.
Web development
fromInfoQ
2 days ago

WASM Components are a FaaS' Best Friend

Wasm components enhance FaaS runtimes by enabling modular, efficient, portable, and resource-aware function execution, simplifying building FaaS systems with wasmCloud.
Web development
fromCSS-Tricks
5 days ago

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

Using the native <dialog> element (and inert) removes the need to manually trap keyboard focus; focus-trapping is outdated when native dialog behavior is used.
fromAlways Twisted
4 days 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
Web development
fromRaymondcamden
3 days ago

Interrogate Your PDFs with Chrome AI

Create an in-browser PDF question-and-answer system using PDF.js and Chrome's on-device Prompt API with client-side parsing and feature detection.
#javascript
fromVue.js Jobs
3 days ago

Frontend Developer at HICX - VueJobs

We're looking for a creative and self-sufficient Front-End Developer who loves building exceptional user experiences using the Vue ecosystem. You'll join a cross-functional team working on a complex, modular platform that combines SSR apps, embedded widgets, and AI-powered features. If you thrive in an environment where challenges appear daily - and you enjoy turning chaos into clarity - this is your place.
Web development
fromSitePoint Forums | Web Development & Design Community
11 years ago

IE will not read external stylesheet

After searching and searching, it seems that you and I are the only ones in the world who have this problem. In the F12 console, I found: SEC7113 "CSS was ignored due to mime type mismatch". Discussion here: MSDN. It seems that IE9 and above "sniff" the HTTP headers for the correct MIME type, and ignore JS and CSS that have the wrong header. When it fetches files from the local filesystem, it should disable this sniffing, since there aren't any real HTTP headers. But our two computers, (and nobody else's) are sniffing and ignoring headers.
Web development
#css
fromCSS-Tricks
3 days ago
Web development

How to Style the New ::search-text and Other Highlight-y Pseudo-Elements | CSS-Tricks

Web development
fromManuel Matuzovic
1 week ago

Lowering the specificity of multiple rules at once - Manuel Matuzovic

Anonymous @layer groups reset rules so normal unlayered author rules override them, preserving low specificity and improving readability.
Web development
fromCSS-Tricks
2 weeks ago

What's !important #3: Popover Context Menus, @scope, New Web Platform Features, and More | CSS-Tricks

CSS advancements like anchor positioning baseline and @scope enable scoped styling, improved popover context menus, and creative image-derived gradient border effects for modern web design.
fromCSS-Tricks
3 days ago
Web development

How to Style the New ::search-text and Other Highlight-y Pseudo-Elements | CSS-Tricks

fromCSS-Tricks
2 weeks ago
Web development

What's !important #3: Popover Context Menus, @scope, New Web Platform Features, and More | CSS-Tricks

Web development
fromInfoQ
4 days 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.
fromVue.js Jobs
3 days ago

Senior Frontend Engineer (m/f/d) - SCAYLE - onsite in Hamburg or Berlin at ABOUT YOU SE & Co. KG - VueJobs

SCAYLE is one of the fastest-growing enterprise commerce platforms worldwide, empowering leading B2C brands and retailers to create outstanding customer experiences with one unified backend. Our headless and composable architecture follows an API-first approach and is constantly extended with new features to stay ahead of industry standards. With a versatile tech stack including PIM, Shop-Management, Checkout, and OMS, as well as advanced capabilities like internationalisation, omnichannel, and marketplace enablement, SCAYLE offers everything modern commerce needs.
Web development
Web development
fromVue.js Jobs
4 days ago

Frontend Engineer at Consilium Safety - VueJobs

Consilium Safety Group builds safety-critical Safety Management System software; frontend engineer designs clear, reliable, and maintainable interfaces for operators in high-pressure environments.
#core-web-vitals
Web development
fromSmashing Magazine
2 weeks 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.
Web development
fromInfoWorld
5 days ago

Deno 1.38 features HTML documentation, hot module replacement

Deno 1.38 adds HTML documentation generation, hot module replacement, improved Node compatibility, and unstable NPM support; Fresh 1.5 adds HTML-based client-side Partials navigation.
Web development
fromVue.js Jobs
1 week ago

Front-End Website Developer at Scale Army Careers - VueJobs

Remote Front-End Developer role requires building responsive, high-performance VueJS, TailwindCSS, WordPress and jQuery websites while working U.S. business hours.
#wordpress
fromVue.js Jobs
6 days ago

Full-Stack WordPress/Laravel Developer at Elegant Themes - VueJobs

ElegantThemes.com is a leader in WordPress Theme & Plugin Development. We have been building the top premium WordPress themes and plugins for the past 12 years and we maintain the largest customer bases in the ecosystem. 767,154 users, freelance developers and web design agencies depend on our beautiful designs and we work hard everyday to make sure we are creating the best WordPress products on the web. Divi, our flagship theme and page builder plugin
Web development
#performance
fromWebKit
1 week ago

When will CSS Grid Lanes arrive? How long until we can use it?

Anytime an exciting new web technology starts to land in browsers, developers want to know "when in the world am I going to be able to use this?" Currently, the finalized syntax for Grid Lanes is available in Safari Technology Preview. Edge, Chrome and Firefox have all made significant progress on their implementations, so it's going to arrive sooner than you think. Plus, you can start using it as soon as you want to with progressive enhancement.
Web development
Web development
fromTalkpython
1 week ago

PyView: Real-time Python Web Apps

PyView brings Phoenix LiveView-style real-time, server-driven UI updates to Python using async WebSockets and server-side rendering to simplify modern web stacks.
#image-optimization
Web development
fromTechzine Global
1 week ago

New Relic brings observability to applications within ChatGPT

New Relic provides observability for applications running inside ChatGPT, restoring visibility into performance, reliability, and user behavior in sandboxed environments.
fromBusiness Matters
1 week ago

How to brief a web development agency for faster project delivery

Overlooking how important a brief is will start your collaboration with a web development agency in London off on the wrong foot. A brief not only communicates what you're looking to build, but it also aligns everyone's expectations, mitigates delays and limits the amount of revisions required. Whether it's an e-commerce site launch, a branding overhaul or tweaking a few pain points, the guidance you provide will directly influence your website from day one.
Web development
Web development
fromHowbrowserswork
1 week ago

How Browsers Work

Browsers convert address-bar input into normalized URLs or search queries, resolve domain names to IPs, send HTTP requests with headers, and fetch resources to render pages.
Web development
fromLogRocket Blog
1 week 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.
Web development
fromwww.jqueryscript.net
1 week ago

Weekly Web Design & Development News: Collective #640

jQuery 4.0 debuts alongside refreshed 2026 tech-stack lists, new UI libraries, AI developer tools, design freebies, and major industry moves like Cloudflare acquiring Astro.
Web development
fromJqueryscript
1 week ago

jQuery 4 vs. jQuery 3: A Technical Comparison

jQuery 4 modernizes internals, drops legacy browser support, adopts ES modules, shrinks file size, and disables automatic JSONP promotion.
#make-money-online
Web development
fromjQuery Script
2 weeks ago

Realistic Fireworks Animations Using Canvas - fireworks.js

fireworks.js generates realistic, configurable HTML5 canvas fireworks animations with multi-framework support and responsive, nonintrusive background placement.
Web development
fromMedium
2 weeks ago

The WCAG problem

Sharing raw WCAG links alone rarely enables teams to implement accessibility; practical, contextual guidance and support are necessary to drive meaningful accessibility improvements.
Web development
fromCSS-Tricks
2 weeks ago

HTTP Archive 2025 Web Almanac | CSS-Tricks

Widespread adoption of variable fonts and persistent accessibility failures (poor color contrast, removed focus styles, missing image alt text) characterize the current web.
Web development
fromInfoWorld
2 weeks ago

PHP language still relevant, advocate insists

PHP remains widely used and relevant in 2026, powering many websites and integrating well with modern tools and performance improvements.
Web development
fromeLearning
2 weeks ago

Add a Toggle Switch to Your Project - eLearning

A toggle switch can be added with HTML, styled with CSS, and its ON/OFF state read with JavaScript to control UI behavior.
fromTechCrunch
2 weeks ago

The rise of 'micro' apps: non-developers are writing apps instead of buying them | TechCrunch

It took Rebecca Yu seven days to vibe code her dining app. She was tired of the decision fatigue that comes from people in a group chat not being able to decide where to eat. Armed with determination, Claude, and ChatGPT, Yu decided to just build a dining app from scratch - one that would recommend restaurants to her and her friends based on their shared interests.
Web development
#css-grid-lanes
Web development
fromSubstack
2 weeks ago

9 Useful Chrome DevTools Features You Might Be Missing

Chrome DevTools includes underused accessibility tools—vision impairment simulation, contrast checks (including APCA), and accessibility panel details—to improve real-world UI accessibility testing.
Web development
fromCSS-Tricks
2 weeks ago

Playing With CodePen slideVars | CSS-Tricks

CodePen's slideVars auto-detects CSS variables and generates an editable UI with manual configuration for input types, ranges, units, and scope.
Web development
fromLogRocket Blog
2 weeks ago

Build a Next.js 16 PWA with true offline support - LogRocket Blog

Design Next.js 16 PWAs to function reliably offline by caching relevant assets, storing and syncing data locally, and handling flaky or absent network connectivity.
Web development
fromBusiness Matters
2 weeks ago

The List of Best Business Localization Tools

Practical localization tools—starting with a Translation Management System and website version control—are essential to manage multilingual websites and maintain consistent, timely translations.
fromCSS-Tricks
2 weeks ago

Postcard From Web Directions Dev Summit, 2025 | CSS-Tricks

When I was a kid, there used to be a Museum railway station in Melbourne, Australia. In 1995, it changed its name to match the shopping center above it - a microcosm of how the mentality of my home city has shifted - but Sydney still has a Museum station. The aesthetics of Sydney's Museum Station evoke London Underground vibes as my train from Sydney Airport stops under Hyde Park, the oldest public park in Australia and the first to be named after its more
Web development
fromDesignlab
2 weeks ago

Learn to Vibe Code | Vibe Coding Camp

AI-assisted coding is transforming how digital products get built. With the right tools, you can turn a static design into a functional prototype-complete with real data, interactions, and deployment-in a fraction of the time traditional development requires. Designers, PMs, and builders who understand this new workflow can experiment faster, collaborate more effectively with engineers, and bring ideas to life with unprecedented speed.In Vibe Coding Camp, you'll learn the modern AI-powered development stack-Cursor, GitHub, Vercel, Supabase, and Figma MCP-and use them together to build and ship a working web app from scratch.
Web development
Web development
fromRaymondcamden
3 weeks ago

Links For You (1/10/26)

URL parameters can degrade web page performance; GitHub's relative-time-element uses Intl for localized relative dates and should include a title attribute for exact times.
Web development
fromSubstack
3 weeks ago

Friday Links #33 - Fresh JavaScript Tools & Trends

ChatGPT Health provides integrated, privacy-focused personal health tools that analyze app and EHR data while the JavaScript ecosystem continues to produce new tools and releases.
Web development
fromVue.js Jobs
3 weeks ago

Sidestream Working Student Fullstack Typescript Developer F M D - VueJobs

Join Sidestream to do impactful full-stack development using modern technologies with mentorship, flexible remote-friendly work, and a collaborative, fun culture delivering production code.
Web development
fromSlicker
3 weeks ago

Tutorial: Mobile Shake Detection

Detect device shakes by measuring acceleration magnitude, requesting iOS motion permission on user interaction, and debouncing shake events to avoid repeats.
Web development
fromGitHub
3 weeks ago

GitHub - tonycarpenter21/audioq: Audio Channel Queue

Lightweight browser audio manager providing multi-channel queues, pause/resume, volume ducking, looping, priority queuing, TypeScript support, zero dependencies, and event callbacks.
Web development
fromMeyerweb
1 month ago

Targeting by Reference in the Shadow DOM

ShadowRoot.referenceTarget lets shadowed components expose internal elements as reference targets so attributes like for, popoverTarget, and ARIA can correctly target them.
fromkrasimirtsonev.com
3 weeks ago

Streaming JSON in just 200 lines of JavaScript

I was continueing my exploration of React server components when I stumbled upon on this article about progressive JSON. Dan Abramov describes a technique for streaming JSON from a server to a client in chunks, allowing the client to start rendering parts of the data before the entire payload has been received. This can significantly improve perceived performance, especially for large datasets.
Web development
#javascript-libraries
fromwww.jqueryscript.net
3 weeks ago
Web development

Weekly Web Design & Development News: Collective #638

Curated updates and tools provide modern JavaScript, CSS, AI, and design resources, plus Top 10 library audits and practical dev utilities for 2026.
fromwww.jqueryscript.net
1 month ago
Web development

Weekly Web Design & Development News: Collective #637

Updated Top 10 library lists for 2026; new UI liquid glass effects; serverless URL-based text editor; local AI watermark removal; many tools and freebies.
Web development
fromMedium
3 weeks ago

How the tools we use change the products we design

Design tools shape and constrain web design practices by influencing what designers create and how they create it.
Web development
fromjQuery Script
3 weeks ago

jQuery Image Gallery with Lightbox, Carousel, and Grid - VNS.Gallery

VNS.Gallery provides a responsive, touch-enabled jQuery gallery with carousel, lightbox, grid layouts, performance optimizations, and extensive customization.
fromeLearning
4 weeks ago

Carousel Widget - easily re-order pages - eLearning

Without having to recreate each page in my carousel widget - is there a way to reorder the pages? Specifically, I forgot to add the instruction at "page 1" and have added it at "page 4" ideally, I would love to just drag and drop page 4 to page 1. I looked up instructions that keep telling me to: I can't seem to locate said "Content" on the properties panel either. I would appreciate any help.
Web development
fromInfoQ
4 weeks ago

DuckDB's WebAssembly Client Allows Querying Iceberg Datasets in the Browser

DuckDB-Wasm enables browser-based, serverless end-to-end query, read, and write access to Iceberg REST catalogs and object storage without infrastructure setup.
#bot-detection
fromSpeckyboy Design Magazine
1 month ago

How to Choose the Best WordPress Agency Hosting - Speckyboy

When WordPress is your platform of choice, choosing the right hosting provider isn't just about uptime or page speed. It's about how well that hosting setup fits your workflow, your team, and your clients. Agencies don't need a one-size-fits-all solution. They need reliability, control, scalability, and smart tools that actually save time. Bad hosting wastes time. When your team is troubleshooting server issues, fixing plugin conflicts caused by caching layers, or manually restoring backups,
Web development
Web development
fromtempertemper Web Design
1 month ago

The final nail in the HTML5 document outline coffin

HTML5's document-outline algorithm intended modular sections to use h1 and let browsers compute heading levels, but browsers never fully implemented accessibility support.
Web development
fromPaolo Melchiorre
1 month ago

Looking Back at Python Pescara 2025

Python Pescara grew into a confident, connected community in 2025 through consistent meetups, local partnerships, experimentation, and links to the wider Python ecosystem.
Web development
fromMedium
1 year ago

SSE vs WebSockets

SSE and WebSockets offer real-time communication: SSE for uni-directional server-to-client streams and WebSockets for full-duplex, low-latency bidirectional channels.
Web development
fromRaymondcamden
1 month ago

year plus plus...

Ended a difficult year on a high note with a new job, steady health, consistent output, improved site metrics awareness, and plans to increase conference submissions.
Web development
fromInfoWorld
1 month ago

Builder CEO: Where JavaScript is headed is super interesting

Builder enables non-developers and developers to visually compose customized UI components, connect them to APIs and data stores, and manage workflows without sacrificing code-level control.
Web development
fromLogRocket Blog
1 month ago

Container queries in 2026: Powerful, but not a silver bullet - LogRocket Blog

Container queries enable components to adapt styling based on parent container context, allowing fine-grained responsive behavior beyond viewport-based media queries.
fromVue.js Jobs
1 month ago

Prozis Front End Developer - VueJobs

Prozis is a powerhouse product developing company. Every day we make new products. That is only possible because we developed our own proprietary technology that ensures that we bring you high quality, beautiful and fair priced products. We endure in our philosophy of a 4.0 vertical process, manufacturing in our own facilities or with the help of our super partners. We do everything: idea, concept, design, manufacturing, quality control, marketing, sales, logistics, printing, distribution, client support, software development, photo, video, 3D and philosophy.
Web development
Web development
fromThe JetBrains Blog
2 months ago

What Does Bad Code Mean To Developers | The Qodana Blog

Bad code reduces readability, maintainability, scalability, performance, and security, often caused by unclear naming, inconsistent style, poor documentation, bugs, and inefficiency.
Web development
fromLogRocket Blog
1 month ago

Frontend Wrapped 2025: The 10 storylines that defined the year - LogRocket Blog

TypeScript and Tailwind solidified dominant roles in 2025, AI reshaped workflows, and major updates set new directions for frontend development into 2026.
fromDEV Community
1 month ago

String3D: Forcing 3D to Obey CSS

Let's kill the magic expectations right now: String3D is not &quot;CSS 3D&quot;. There are no tricks here where the browser suddenly learned to render meshes natively. Under the hood, it's a standard 3D renderer in a canvas living above the page. The difference lies elsewhere. String3D synchronizes 3D objects with DOM elements every frame, but it takes its behavioral instructions from CSS custom properties. The DOM remains the DOM:
Web development
[ Load more ]