How to Keep Your Website Fast When Using Custom Fonts
Custom fonts look great, but they can easily slow down your website if they aren't optimized. Large font files increase loading times and cause unexpe…
Latest Web news from Tech News
All topics
AI
Tech
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
tutorial
typescript
webdev
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…
How ESLint Actually Works: The Quality Gate Behind Modern JavaScript
A few days ago, I shared an article: You Don't Need Another Agent. You Need a Linter. Then I did what I do with anything I write: shared it around — a…
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…
Stop Declaring Tools Dead — lucide-react is Still Fine
Every few months, a post goes viral: "Please stop using [perfectly good tool]." This time it's lucide-react. And honestly? The take is lazy What's the…
Sync State Across Browser Tabs: Master BroadcastChannel in React ⚡
The Cross-Tab Desync Problem In modern SaaS web environments at Smart Tech Devs, enterprise power-users frequently operate with multiple browser tabs …
Frontend Testing in 2026: The Problems That Actually Break Your UI
Frontend testing has become weirdly broad. A few years ago, a lot of teams treated it as "write some Cypress tests" or "run Selenium in CI." That was …
Micro-Frontends vs. Monoliths in 2026: A Real-World Performance Teardown
The architectural pendulum of frontend engineering has spent the last decade swinging violently. We watched the industry consolidate around massive mo…
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 …
Kilua: просим Kotlin сделать вид, что он React
Посмотрим на Kilua — новый Kotlin-фреймворк для web-frontend. Честно о том: где радует, где мешает, и почему один вопрос всё равно остается открытым Ч…
BurnLink: An Open-Source End-to-End Encrypted File Sharing Platform
Executive Summary I built BurnLink, an open-source file sharing service that prioritizes privacy through client-side encryption and zero-knowledge arc…
The Day I Broke Production Because of an Icon
I'm a big fan of aviation, and one lesson from aviation safety has always stuck with me: accidents rarely happen because of a single mistake. Instead,…
Защита от фишинга: Passkey, WebAuthn/FIDO2 и беспарольный вход в компании
Когда пользователи используют отпечаток пальца или вход по faceid, это часто воспринимается как «моя биометрия отправляется в сервис». На практике все…
Navigating With Tabs
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 …
Building a Fast Utility Website: What I Learned Creating 20+ Frontend Tools
Most utility websites today feel overloaded. Too many ads. Too many popups. Slow loading. Confusing layouts. So I started building a small side projec…
60fps Real-Time Graphics: OffscreenCanvas in Next.js ⚡
The Interactive Dashboard Bottleneck Modern enterprise platforms at Smart Tech Devs demand high-density data visualizations. We build tracking spaces …
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…
A crude workaround for fixing stale static asset caching
A while back, I used Nginx reverse proxy caching for static files, and found that after deployment, clients were still pulling old files. Later, I use…
[FOR HIRE] Front-End Developer | 4.5+ Years Experience | Next.js /React / TypeScript / JavaScript | Open to Full-Time/PartTime Remote Positions
Hey everyone! I'm a Front-End developer with over 4.5 years of hands-on experience building scalable, performant web applications. I'm currently looki…
Хороший код, но плохая архитектура
Представьте ситуацию: вы открываете какой-нибудь файл в проекте, которому уже года три (чаще всего это форма). И в голове всплывает мысль: «А чт…
Cut Network Latency: Optimize Next.js with Brotli ⚡
The Overlooked Bandwidth Tax When optimization is discussed in modern frontend development, developers frequently focus on component code-splitting or…
What I Learned After Building a Signal System from Scratch
Recap At this point, this series on Signals and fine-grained reactivity is temporarily coming to an end. This article will not introduce new technical…
I wrote this while refactoring my invoice app and trying to sort out where frontend “business logic” should actually live. Curious how others draw the line between components, hooks, use cases, and domain helpers in real React apps.
Clean Architecture on the Frontend: Beyond Smart and Dumb Components djblackett djblackett djblackett Follow Jun 7 Clean Architecture on the Frontend:…
Почему $mol?
У $mol реактивность, локальное хранилище, оффлайн и темы приезжают одним пакетом. Минусы есть, но они почти все про коммьюнити и тулинг, не про сам ко…
Clean Architecture on the Frontend: Beyond Smart and Dumb Components
For a long time, frontend architecture meant one thing to me: split components into smart and dumb. Smart components fetch data, hold state, call muta…
JavaScript Proxy: One more way to use it I wish I’d known 3 years ago
In our everyday work, we do a lot of data shuffling. We work with heavily loaded data grids. We have built our own RevoGrid for this matter hence mark…
Roast my portfolio
I finished building my first portfolio. I want everyone to give their honest opinion on it. No need to hold back. waliimran.vercel.app Thanks you!
Code smell or not - useEffect with extra dependecies?
I recently came across a piece of React code that caught my attention (new project, new codebase and this pattern is used quite a lot). Imagine you ha…
KODE.market: Как я написал первый в мире поисковик по GitHub и GitLab + P2P-раздатчик open-source кода
KODE.market: Как я написал первый в мире поисковик по GitHub и GitLab + P2P-раздатчик open-source кода + Антивирус. Без модерации, комиссий и SEO-мусо…
Lottie Animations in Gatsby.js: A Complete Guide
Gatsby's static site generation requires specific patterns for Lottie — animations need to be excluded from SSR, JSON imports need proper webpack co…