I built a complete DJ console in a single HTML file using Web Audio API
Hey dev community! I want to share a project I just launched: MasterDJ AI — a professional DJ platform that runs entirely in the browser. What is it…
Latest News
⚑ Report a ProblemTech news from the best sources
All topics
- игры
AI
Gear
News
Tech
agents
ai
api
architecture
automation
beginners
career
database
devops
javascript
llm
machinelearning
mcp
opensource
performance
productivity
programming
python
react
security
showdev
testing
tutorial
typescript
webdev
Your Grid Has Invisible Columns: auto-fill vs auto-fit
You wire up a card grid with the one-liner everyone reaches for: .cards { display : grid ; grid-template-columns : repeat ( auto-fill , minmax ( 240…
A Practical Core Web Vitals Checklist for Service Business Websites
Service websites often look simple but load like large applications. A hero video, several font files, tracking scripts, chat widgets, sliders, maps…
CSS задачи на 200 IQ
У вас бывает такое чувство, когда вы при выполнении работы упёрлись в какую-то проблему и что-то внутри подсказывает, что не может такого быть, чтоб…
Decorative Text on the Web: Unicode, Grapheme Clusters, and Platform Compatibility
Decorative text looks simple. Copy a few symbols, add them to a username or bio, and paste the result into a profile. Done. Until the platform rejec…
Сколько зарабатывают разработчики в 2026 году и куда пойти учиться
Разработчик — традиционно самая высокооплачиваемая специализация в IT. По данным исследования Хабр Карьеры за первое полугодие 2026 года, медиана дл…
storage_size.js Module in WebForms Core
What is WebForms Core? WebForms Core is a modern technology from Elanat , introduced in 2024, that provides a two-way communication model between se…
Building Better Property Platforms: 5 UX Details That Matter
Property platforms often serve two very different types of users. One person wants to find a home. Another wants to publish a property and find the…
Front-end Integrative Project – Animalia
Animalia This is an initial academic project that I am developing with the purpose of helping and providing greater knowledge about the local fauna…
Anthropic's frontend-design skill names the three cliché "AI looks", hex codes included
Anthropic ships an official Claude Code skill whose whole job is stopping your agent from designing the same page every other agent designs. It is c…
useFieldArray is not updating across steps — and why it can't
If you have a wizard where step two appends to items and step four also appends to items, and the two steps never see each other's data — you have n…
Stop Installing Libraries: 13 Native APIs That Went Baseline in 2026
TL;DR: The browser caught up while you weren't looking. As of 2026, all 13 of these APIs are Baseline — supported across every major browser — so yo…
Fast CLI static site generator I've been working on
Pannonico is a static site generator I have been building around the way I actually want to work on static sites. For many years I have been using P…
Three small design decisions in a "toggle effects via CSS class" library, and the tradeoffs behind them
Three small design decisions in a "toggle effects via CSS class" library, and the tradeoffs behind them I built halloween.js, a small library that a…
How to View an SVG File in the Browser
You can open any SVG file directly in Chrome, Firefox, Edge, or Safari by dragging it onto the browser window or using File > Open. Modern browse…
UI Resilience: React State Machine Architecture ⚙️
The "Impossible State" Crisis in React Building complex User Interfaces in React often leads to a phenomenon known as "State Spaghetti." When develo…
How Does the Browser Turn Code Into Pixels?
When you build a website, you write code like this: <h1> Welcome </h1> <p> This is my website. </p> <button> Get Start…
Frontend Backend Correlated Logging: Browser Fetch Request IDs and Server Logs
Short answer: give each browser fetch a request ID, carry it to the backend in a standard HTTP header, and emit that same ID in structured logs on b…
Morphing Feature in WebForms Core 2.1
WebForms Core 2.1 is coming soon from Elanat . The new version introduces a collection of capabilities designed to further expand the server-driven…
The Audit's Blind Spot: I Weighed the Build, Not the Page
I published a post called "I Audited My Own Portfolio and Found 20 Problems" . It was an inventory: I went through my own site — a React 19 + Vite S…
No signup. No card. Free GPT & Claude.
Just go to: https://Duck.ai Duck.ai (by DuckDuckGo ) lets you chat with several AI models for free. Your requests are anonymized, and chats aren’t s…
3 Free CSS Generators That'll Save You From Fighting box-shadow, gradient, and border-radius Syntax
If you've ever spent 20 minutes nudging box-shadow offsets, or hand-writing a linear-gradient() only to get the angle wrong three times in a row, yo…
Building a Countdown Timer Without External Dependencies: A Vanilla JS Journey
There's something oddly satisfying about building a tool that thousands of people might use daily, especially when you decide to do it with zero dep…
What Makes a Good Design System in Frontend Engineering
A good design system is a product that has a roadmap, ownership, documentation, versioning, and feedback loops. What is a design system? A desi…
Static Forms in Astro: Handling Submissions Without a Server
Static Forms in Astro: Handling Submissions Without a Server with onsubmit.dev (form backend) Astro is a great fit for content-heavy sites that ship…
How to build an FSCSS module like st-core.fscss
To build an FSCSS module like st-core.fscss , create a stylesheet of reusable @define mixins, expose a small public API, and compile/test it with th…
CSS Grid vs Flexbox: The Matrix of Layouts
The Quest Begins (The "Why") I still remember the first time I tried to build a responsive photo gallery. I had a design mockup that looked gorgeous…
Your job title is worth €45,000. We surveyed 106 design engineers to find out.
There is no honest public number for what a design engineer earns in Europe. Search for one and you will find plenty of figures. PayScale puts the G…
17 free, dependency-free JS/PHP components for your next project
I maintain a small library of standalone components: no npm, no bundler, no framework. Each one is a single file that encapsulates its own CSS (and…