Web development

[ follow ]
fromLogRocket Blog
1 hour ago

Remix 3 ditched React: Should you stick with it? - LogRocket Blog

Remix 3 is here, and it feels like a framework teleported from an alternate timeline - one where React Hooks never happened. It's a complete rewrite of the Remix web framework that abandons React entirely in favor of a simpler, imperative programming model built on web standards. It's not a version bump; it's a ground-up rewrite that swaps React for a fork of Preact.
Web development
fromSmashing Magazine
16 hours ago

Smashing Animations Part 6: Magnificent SVGs With And CSS Custom Properties - Smashing Magazine

Since I wrote that explanation, I've designed and implemented new Magnificent 7 animated graphics across my website. They play on the web design pioneer theme, featuring seven magnificent Old West characters. View this animated SVG on my website. (Large preview) <symbol> and <use> let me define a character design and reuse it across multiple SVGs and pages. First, I created my characters and put each into a <symbol> inside a hidden library SVG:
Web development
#view-transition-api
fromFrontendmasters
2 days ago

The Weird Parts of position: sticky;

Using position: sticky; is one of those CSS features that's incredibly useful, seemingly simple, and also, frequently frustrating. The premise is simple: you want to be able to scroll your page's content, but you want something to "stick" at the top (or anywhere). Frequently, this will be some sort of header content that you want to always stay at the top, even as the user scrolls, but it could be any sort of content (and stick edges other than the top, and at any offset).
Web development
fromSpeckyboy Design Magazine
1 day ago

Should Freelancers Advertise Their Pricing? - Speckyboy

Freelancers can choose their own business policies. We can determine how we work, when we work, and how much we charge. That last one can be difficult, to say the least. Pricing has confounded many a small business owner. Choosing what to charge for your service is only one part of the equation, however. You must also decide how to communicate those figures with others.
Web development
#javascript
#bot-detection
#wordpress
fromSpeckyboy Design Magazine
2 days ago
Web development

Tips for Building a Performant WordPress Website - Speckyboy

Optimizing WordPress performance requires choosing a capable host, allocating sufficient resources, using server-level caching and CDNs, and building sites with performance in mind.
fromSpeckyboy Design Magazine
2 weeks ago
Web development

How to Resolve Pain Points in Your Client's WordPress Workflow - Speckyboy

Design and development choices in WordPress significantly affect client workflows, so prioritize streamlined backend workflows and integrated plugins to reduce friction.
#ai-assisted-development
fromTestdriven
2 days ago
Web development

Cursor vs. Claude for Django Development

Claude integrates into PyCharm while Cursor is an AI editor on VSCode; both can generate Django apps but behaved differently with iterative non-technical prompts.
fromSpeckyboy Design Magazine
2 days ago
Web development

Use AI to Enhance - Not Replace - Your WordPress Expertise - Speckyboy

Balance AI convenience with developer judgment to avoid unmaintainable, insecure code and continued reliance on cut-and-paste workflows.
Web development
fromThe JetBrains Blog
2 days ago

10 Smart Performance Hacks For Faster Python Code | The PyCharm Blog

Optimize Python with efficient data structures, low-level techniques, profiling, and benchmarks to significantly reduce performance bottlenecks and speed execution.
#css
Web development
fromTechzine Global
2 weeks ago

CSS finally gets support for if() function

CSS now includes if() and else() functions, enabling conditional styling directly in stylesheets using variables, style/media/feature queries for logical decisions.
Web development
fromCSS-Tricks
4 weeks ago

We Completely Missed width/height: stretch | CSS-Tricks

The stretch value sets an element's margin-box width or height to match its containing block, ignoring padding and preventing padding-caused overflow.
Web development
fromVue.js Jobs
2 days ago

Senior Software Engineer, Full-stack at BRAZE - VueJobs

Braze seeks passionate, collaborative engineers who set high standards, prioritize autonomy and accountability, and build scalable TypeScript/Vue.js web interfaces within a supportive culture.
fromLogRocket Blog
3 days ago

A Jarvis for everyone: AI agents as new interfaces - LogRocket Blog

Imagine a world where you no longer need to juggle tabs, fill out forms, or click through endless menus. Instead, you simply tell a digital assistant, "Transfer this amount, draft an email with these subjects, send me a summary, and update my calendar." That vision is no longer science fiction; it marks a profound shift in how we think about user interfaces.
Web development
Web development
fromwww.jqueryscript.net
4 days ago

Weekly Web Design & Development News: Collective #629

Affinity suite and Perplexity's Comet are now free; AI coding agents will arrive in GitHub Copilot; many new JavaScript, CSS, AI, and design tools released.
Web development
fromMedium
1 week ago

Top Replit Alternatives for Composable App Development

Composability and modular AI app builders enable scalable, versioned, testable projects that avoid the limitations of Replit's flat structure.
Web development
fromCSS-Tricks
1 week ago

Pure CSS Tabs With Details, Grid, and Subgrid | CSS-Tricks

Accessible CSS-only tab interfaces can be implemented using <details> elements combined with CSS Grid and Subgrid for layout and panel control.
Web development
fromMedium
7 months ago

5 Top Lovable Alternatives in 2025

Alternatives to Lovable offer greater flexibility, component reuse, and composable architectures; HopeAI provides modular, maintainable development that scales with project growth.
fromVue.js Jobs
1 week ago

Senior Fullstack Developer PHP & Vue (f/m/d) at Arsys - VueJobs

Develop, maintain, and optimize frontend and backend applications following best engineering practices. Build reusable and responsive UI components using Vue3, Bootstrap, TypeScript, HTML, and CSS. Develop robust backend services using PHP 8, ORMs (Eloquent, Doctrine), SQL Server, and MySQL. Design and implement RESTful APIs and microservices in asynchronous environments using RabbitMQ or other message brokers. Ensure high code quality through TDD, unit testing, and compliance with PSR-12, Psalm, and PHPStan standards. Apply DDD, Hexagonal Architecture, OOP, SOLID principles, and design patterns throughout all developments.
Web development
fromMedium
2 weeks ago

A Practical Guide to Prompting Fully Featured Platforms in single prompt

The outcome is not a prototyping code, but production-grade scalable code with reusable components. You can actually turn your prototype into real application using Hope AI and Bit Cloud
Web development
fromThe JetBrains Blog
1 week ago

The State of Django 2025 | The PyCharm Blog

Welcome to the highlights and key takeaways from the recently released Django Developers Survey. Now in its fourth year, this annual collaboration between the Django Software Foundation and PyCharm tabulates responses from over 4,600 Django developers worldwide. If you work with Python and the web more broadly, there's a lot to learn from what's happening in the vibrant Django ecosystem. My name is Will Vincent, and I'm a longtime contributor to the Django community as well as a Developer Advocate at PyCharm.
Web development
Web development
fromExchangewire
5 days ago

Axeptio Supports Ladybird to Advance a Standards-Driven, Independent Open Web

Independent, standards-first browsers are essential to preserve an open web and protect access, trust, privacy, and developer stability against unilateral platform changes.
Web development
fromThe Verge
1 week ago

You can tell Adobe Express's new AI assistant to edit your designs for you

Adobe Express adds an AI Assistant that lets users create and edit visual designs through natural-language prompts, leveraging Adobe Firefly, fonts, and stock images.
Web development
fromTheregister
1 week ago

Automattic accuses WP Engine of false advertising, deception

Automattic accuses WP Engine of trademark abuse, false advertising, and deceptive practices after a contentious dispute over WordPress hosting, leading to litigation and counterclaims.
fromBram.us
2 weeks ago

Solved by CSS Scroll State Queries: hide a header when scrolling down, show it again when scrolling up.

Recording of the demo, recorded in Chrome Canary. There's a new type of CSS scroll-state query coming: scrolled Unlike the scrollable scroll-state queries, scrolled remembers the last direction you scrolled into, which you can use to build &quot;hidey bars&quot;: when scrolling down (or having scrolled down), the hidey bar hides itself. When then scrolling back up, the hidey bar reveals itself.
Web development
Web development
fromJim-nielsen
1 week ago

Don't Forget These Tags to Make HTML Work Like You Expect

Include <!doctype html>, html lang, and <meta charset='utf-8'> in HTML files to ensure consistent rendering, accessibility, and correct character display.
fromVue.js Jobs
1 week ago

Senior Frontend Developer at ITRS - VueJobs

At ITRS, we make society's critical technology work. Our mission is to deliver automated and holistic IT observability solutions that safeguard critical applications and enable innovation. We are the only monitoring and observability platform designed for the most demanding and regulated industries - trusted by 90% of Tier 1 capital markets firms. We believe when our team thrives, so do our customers.
Web development
fromSitePoint Forums | Web Development & Design Community
1 week ago

Permission issue when accessing page content in a Firefox extension

I'm working on a Firefox extension that analyzes web page structure - somewhat similar in functionality to what SEO tools like RankingsFactor or SEO Minion do. However, I'm facing a permission issue when trying to access page content using the tabs and activeTab permissions. The same code works fine in Chrome but fails in Firefox with a "Permission denied" error when reading DOM elements.
Web development
fromSitePoint Forums | Web Development & Design Community
1 week ago

Could someone please help check my url string to page output code is safe?

<script type=&quot;text/javascript&quot;&gt; function sanitize(input) { return input .replace(/([^a-z\d\s]+)/gi, ' ') .replace(/(\s+)/gi, ' '); } // Parse the URL parameter function getParameterByName(name, url) { if (!url) url = window.location.href; name = name.replace(/[\[\]]/g, &quot;\\$&amp;&quot;); var regex = new RegExp(&quot;[?&amp;]&quot; + name + &quot;(=([^&amp;#]*)|&amp;|#|$)&quot;), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, &quot; &quot;)); } // Give the parameter a variable name and sanitize var dynamicContent = sanitize(getParameterByName('donor')); var dynamicContent2 = sanitize(getParameterByName('amount')); //Output the text to the page document.getElementById(&quot;formText&quot;).innerText = dynamicContent document.getElementById(&quot;formText2&quot;).innerText = dynamicContent2 &lt;/script&gt;
Web development
fromIbrahim Diallo Blog
2 weeks ago

The TikTok Model is the Future of the Web

On TikTok, you don't surf the web. You don't think of an idea and then research it. Instead, based entirely on your activity in the app, their proprietary algorithm decides what content will best suit you. For their users, this is the best thing since sliced bread. For the tech world, this is the best way to influence your users.
Web development
Web development
fromRaymondcamden
1 week ago

Links For You (10/25/25)

Curated links highlight practical developer-relations tactics, Eleventy performance tips, AbortController insights, and the WindowSwap video project.
#css-animations
Web development
fromLogRocket Blog
2 weeks ago

The different ways to use CSS :has(), with examples - LogRocket Blog

:has() allows CSS to select parents or preceding siblings based on child state, enabling declarative, JS-free state-driven styling across modern browsers.
Web development
fromMedium
3 weeks ago

Automating Massive Refactors with Parallel Agents

Parallel orchestration of specialized AI agents can decompose and execute massive codebase refactors by coordinating many autonomous subtasks.
Web development
fromLogRocket Blog
2 weeks ago

Kombai AI: The AI agent built for frontend development - LogRocket Blog

Kombai automates conversion of Figma designs into high-quality, component-based frontend code optimized for readability, responsiveness, and modern frameworks.
Web development
fromThe JetBrains Blog
2 weeks ago

Why Performance Matters in Python Development | The PyCharm Blog

Python's interpreted execution and the GIL cause performance bottlenecks; applying proven optimization techniques improves speed, scalability, and resource efficiency.
Web development
fromInfoWorld
2 weeks ago

How to use keyed services in ASP.NET Core

Use keyed dependency injection in ASP.NET Core to select specific service implementations at runtime, enabling loose coupling and simplified service selection.
Web development
fromMedium
2 weeks ago

Claude For Code: How to use Claude to Streamline Product Design Process

Claude excels at converting UI designs into HTML/TailwindCSS prototypes, enabling rapid design-to-code prototyping for UI designers.
fromFrontendmasters
4 weeks ago

CSS Counters in Action

Let's say we wanted a React component that renders a few lines of text, where the number of lines is received as a prop. But we also want to display line numbers next to each line, and we want to use CSS to do so. That last assumption might seem silly, but bear with me; we'll look at a real-world use case at the end.
Web development
fromSpeckyboy Design Magazine
2 weeks ago

Best Practices for Your WordPress Theme's functions.php File - Speckyboy

Yes, there are different approaches. However, all themes share at least one common file: functions.php Developers can use functions.php to add custom code snippets. You can enable or disable specific WordPress features, or change how they work. The same goes for plugins like WooCommerce. Some themes include custom functions, which you can also edit via a child theme's version of the file.
Web development
fromO'Reilly Media
2 weeks ago

The Java Developer's Dilemma: Part 2

Many AI projects fail. The reason is often simple. Teams try to rebuild last decade's applications but add AI on top: A CRM system with AI. A chatbot with AI. A search engine with AI. The pattern is the same: "X, but now with AI." These projects usually look fine in a demo, but they rarely work in production. The problem is that AI doesn't just extend old systems. It changes what applications are and how they behave.
Web development
Web development
fromGeeky Gadgets
2 weeks ago

New Chrome Devtools MCP Makes AI Web Development Even Easier

Chrome DevTools MCP is a free AI-powered Chrome tool that automates workflows, enables real-time debugging, DOM manipulation, and precision performance analysis for web developers.
Web development
fromCSS-Tricks
2 weeks ago

Building a Honeypot Field That Works | CSS-Tricks

Honeypot fields remain effective in 2025 when disguised, not hidden inline, and given realistic names and class names to avoid bot detection.
Web development
fromPyImageSearch
2 weeks ago

Running SmolVLM Locally in Your Browser with Transformers.js - PyImageSearch

Run SmolVLM in-browser using Transformers.js, Next.js, and Tailwind CSS to create a local multimodal chatbot that understands images and text simultaneously.
Web development
fromClickUp
2 weeks ago

13 Best Algolia Alternatives for Fast & Flexible Search in 2025

Multiple search platforms provide flexible, affordable, and feature-rich alternatives to Algolia, offering typo tolerance, AI capabilities, and open-source control.
Web development
fromCSS-Tricks
3 weeks ago

Masonry: Watching a CSS Feature Evolve | CSS-Tricks

CSS Masonry's competing proposals reveal how browser implementers, the CSS Working Group, and developers negotiate technical, compatibility, and political trade-offs in CSS standards.
fromLogRocket Blog
3 weeks ago

I tried Shadcn CLI 3.0 - here's what I learned - LogRocket Blog

I'll detail out these additions to Shadcn CLI 3.0 - namespaced registries, private registry, enhanced search and discovery, and MCP server integration. Let's get right into it. What are registries? Think of a registry as a component library store. It's a place where UI components (like buttons, forms, cards) are stored and can be downloaded. Before 3.0, Shadcn only had one &quot;store&quot; (the default Shadcn registry). Now you can have multiple stores.
Web development
Web development
fromVue.js Jobs
3 weeks ago

Senior Full-Stack Developer (Laravel,React,Vue) at Seatlab/Laracle - VueJobs

Full-stack developer role emphasizing frontend modernization, UI/UX refinement, and building scalable web and mobile features using Laravel, Vue/React, and MySQL.
fromLogRocket Blog
3 weeks ago

AI has an accessibility problem: What devs can do about it - LogRocket Blog

AI is able to build things in minutes or even seconds that would take humans hours to do. But its biggest strength is also its biggest flaw. AI is, at its core, a tool used to imitate human knowledge in an advanced capacity. So while it's able to produce work faster, it also inherits all our biases. It's important to address these biases when building products to ensure that what we're developing can be used by everyone.
Web development
fromblog.logrocket.com
3 weeks ago

Stop Writing REST APIs From Scratch in 2025 - LogRocket Blog

Great developer experience feels amazing, until your design system starts breaking down. Here's why good DX isn't enough and what makes teams scale successfully. Peter Aideloje Oct 14, 2025 9 min read Discover what's new in React 19.2, which features long-awaited features like the Activity API and the useEffectEvent Hook.
Web development
Web development
fromDEV Community
1 month ago

Evolving Our UI Library: From Custom Components to a Hybrid Radix Approach

Subito moved from building fully custom UI components to a Radix-centered hybrid approach after Tailwind experiments due to accessibility, browser inconsistencies, performance, and maintenance costs.
#ai-models
Web development
fromClickUp
3 weeks ago

15 Best Asana Website Project Template for Seamless Launches

Using website project templates organizes tasks, assigns responsibilities, sets timelines, and supports quality content to improve website visibility and project efficiency.
Web development
fromFortune
3 weeks ago

Browser wars, a hallmark of the late 1990s tech world, are back with a vengeance-thanks to AI | Fortune

AI is transforming web browsers from navigation tools into assistants that answer questions and perform tasks, igniting a renewed market battle.
Web development
fromClickUp
4 weeks ago

10 Best Builder.io Alternatives for No-Code Building I ClickUp

Choose a headless CMS or visual editor that scales with team workflows, offering flexibility, integrations, collaboration, security, and customization without added complexity.
fromCybercultural
1 month ago

What the Internet Was Like in 2000

In 2000, Flash websites proliferate, blogging expands, social news sites like Slashdot gain influence - all of this while the dot-com bubble slowly deflates and Napster dominates headlines. After the hype and fear of Y2K (a.k.a. the Millenium bug) quickly faded in January 2000, the internet continued its mostly joyful rise in the culture. Sure, the dot-com bubble got pricked in March and then slowly deflated, but the web itself didn't stop growing.
Web development
fromMedium
1 month ago

Understanding Accumulator in Play Framework (Scala)

🔹 What is an Accumulator? In Play, an Accumulator represents a streaming computation that consumes incoming request body chunks and eventually produces a result. Its type is: Accumulator[E, A] E: the type of incoming chunks (often ByteString) A: the final result once the stream completes (often a Result) Think of it as a pipe: It gathers chunks of request data → processes them asynchronously → produces a final response.
Web development
fromMedium
1 month ago

An easy way to turn any live website into editable code

Imagine being able to take any live website and instantly transform it into clean, editable code - ready for you to experiment with or build upon. No manual recreations and no starting from scratch. Just paste a link, and watch the site turn into a working codebase in seconds. Sounds like magic, right? But we actually have a solution for this on the market, and it's called Anima Web To Code.
Web development
Web development
fromIT Pro
1 month ago

Enterprise browsers: the new standard for security?

Enterprise browsers with enhanced security and access controls are gaining traction and could reach substantial organizational adoption by 2028.
fromjsdevspace.substack.com
1 month ago

Friday Links 29: Your JS Week in 5 Minutes

Welcome to Friday Links #29. This week we spotlight pragmatic React 19 patterns, sharp TypeScript techniques, and productivity-boosting DX utilities. Expect bite-size performance lessons, a few opinionated hot takes, and copy-paste snippets you can ship today. NPM Security Best Practices Spec-driven development: Using Markdown as a programming language when building with AI How to build with Nano Banana: Complete Developer Tutorial
Web development
[ Load more ]