Building a static repository for print-perfect PDFs
Most print-ready websites are slow, bloated, and covered in ads. I wanted to build a clean directory for paper templates that loads instantly and prin…
Open Source
⚑ Report a ProblemLatest Open Source news from Tech News
All topics
AI
agents
ai
api
architecture
automation
aws
beginners
career
claude
database
devchallenge
devops
javascript
linux
llm
machinelearning
mcp
opensource
performance
productivity
programming
python
react
security
showdev
softwareengineering
tutorial
typescript
webdev
Tailwind CSS4: Why Those Inline Styles Are Actually More Scalable - A Senior CSS Developer's Guide
So you have heard about the Tailwind CSS and want to incorporate into your new project. But those inline styles look so polluted - they look similar t…
Why AI-Generated UIs Look 'Off' — and the One Principle That Fixes It
You've seen it. You ask an AI to build a dashboard, and it returns something that's… fine? Every component is individually competent. The button is a …
How I Built a Cinematic Portfolio with React and Framer Motion
Hi, I'm Akshay Bhawar, a Full Stack Developer from Maharashtra, India. Recently, I decided to completely redesign my portfolio. Instead of going with …
5 heuristic bugs that made my design-token tool call a bright cream page "dark and moody"
i maintain a small cli called brandmd . it points a headless browser at any url, reads the computed css, and writes a DESIGN.md that AI coding agents …
An Itty Bitty Aster Plotter problem...
Eight years ago (a geological epoch or two ago in Internet terms) Nicholas Jitkoff released itty.bitty.site - a website which could render whole websi…
How to Add Living Photo Effects to Your Web Portfolio
Static portfolios blend together. Every designer's site has the same grid of JPEGs. We wanted something different for our own product pages at Inithou…
10 Things I Learned in My First Week of Learning HTML and CSS
10 Things I Learned in My First Week of Learning HTML and CSS A week ago, I opened my code editor with excitement and a little fear. I had heard that …
CSS Animations & Transitions: A Visual Guide (2026)
CSS Animations & Transitions: A Visual Guide (2026) CSS animations and transitions are the secret sauce that makes interfaces feel alive. No JavaS…
CSS box-shadow: The Complete Guide to Multi-Layer Shadows
The box-shadow property is one of the most underused tools in CSS. Most developers use it for a single subtle drop shadow and stop there — but the ful…
CSS 'overscroll-behavior' rubber banding: the right color behind the page when you pull it
I think you all know the overscroll rubber-banding effect: when you scroll past the end of a page, or pull past the top, the content bounces back. It …
Color Contrast Failures: The Number One Accessibility Issue and How to Fix It
Color contrast failures are the single most common accessibility issue on the web. The WebAIM Million study found them on 83.6% of home pages tested. …
Styling and Color
Prologue A while ago, I decided to develop a fully accessible main navigation component in React and write a series of articles documenting the steps …
Я устал от Electron, Tauri и Neutralino — и случайно сделал… лучше?
Webnative - фреймворк для разработки нативных приложений на языках веба с использованием нативных webview компонентов. Читать далее
How I made cssnano ~30% faster
Introduction In 2025 I started contributing to cssnano , the CSS minifier that runs at the end of a lot of build pipelines. If you use PostCSS, there'…
Как заставить AI-ассистента верстать премиальные интерфейсы вместо унылых серых шаблонов
Разбираем концепцию правил визуального вкуса (taste rules) и как вайбкодить фронтенд со вкусом. Настраиваем физику анимаций, цветоую палитру и правиль…
Fix: node-sass is end-of-life — migrate to Dart Sass in one command
node-sass has been officially deprecated since 2022 and is now end-of-life. It breaks on every new Node.js version upgrade with the error: "Node Sass …
CSS: Decoupling Behaviors
A press effect, shadow on rest, lifted on hover, depressed on active, is not central to buttons. It can be used on cards, image gallery photos, and ot…
CSS if(): Inline Conditionals for Smarter Styling
Originally published on danholloran.me There's a moment every CSS developer knows: you want to tweak a single property based on some condition — a vie…
Как выжать из HTML/CSS динамику, или создание IRC клиента без JS
Когда возникает идея создать браузерный IRC-клиент без JavaScript, приходится сталкиваться с классической проблемой фронтенда: все насколько привыкли …
How I Built an Age Calculator Using HTML, CSS and JavaScript
How I Built an Age Calculator Using HTML, CSS and JavaScript I recently built a simple Age Calculator web application using HTML, CSS and JavaScript. …
Why we still hand-code marketing sites in 2026 (GSAP, no page builder)
Page builders won. Wix, Squarespace, Webflow, and Framer cover most small business needs in an afternoon. So why would anyone still hand-code a market…
Frontend Status: свежий дайджест фронтенда и AI — 04.06.2026
Привет! Это 17 выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Страница отрисована, а интерфейс всё ещё «оживает»: отложе…
Premium micro-interactions in React 19 (without the jank)
There's a specific kind of bad animation I notice immediately: the count-up stat that stutters as it ticks, the progress bar that lags a frame behind …
Stop flattening your typography tokens: Preserving bound aliases in W3C exports
I was looking at a pull request last Monday. The marketing team had just rolled out a massive rebrand. We swapped our primary typeface from Inter to a…
HTML TAGS & CSS PROPERTIES
What are HTML Tags? HTML documents consist of a series of elements, and these elements are defined using HTML tags. HTML tags are essential building b…
Why I stopped fighting the browser
A while ago I was about to install another dropdown library. I'd already added one for modals and one for tooltips. Somewhere between npm install and …
I replaced GSAP DrawSVG with 4.4 KB (and it uses native CSS where it can)
The setup You know the pattern. You have an SVG — a logo, a path, a hand-drawn illustration — and you want it to draw itself as the user scrolls. It l…
Why your React tournament bracket breaks in Safari (and a 4 KB pure-CSS fix)
You build a tournament bracket with a popular React library. In Chrome it's perfect — neat columns, clean connector lines. Then you open it on an iPho…
Sass isn't dead, but native CSS just replaced its biggest use case. We can finally write reusable, type-safe functions directly in the browser, with zero build tools. I wrote up a practical guide on Dev.to explaining exactly how native `@function` works.
CSS @function - DEV Community CSS just got its biggest quality-of-life upgrade since custom properties. For years, if you wanted... dev.to