Latest News
⚑ Report a ProblemTech news from the best sources
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…
Как я написал простой HTML-сайт, который избавляет от ручного поиска и конвертации бренд-иконок
Каждый раз, когда верстаешь новый проект, лендинг или дэшборд, Дизайнер просит поставить на плашки ссылки со свежими логотипами сервисов, соцсетей и…
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…
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…
Beyond CSS-in-JS: From Element Styles To Component Themes
This is part of my Building Fluentic Style series, where I’m writing down the design decisions, tradeoffs, and small surprises from building Fluenti…
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…
MAGA: Less Framework, More Platform
When I started building Aura Router, I thought I was solving a routing problem. I wasn't. I had an HTML and Web Components application that needed c…
How Particle Effects Improve Game Feel in HTML5 Games
A game can be mechanically correct and still feel flat. The button works. The enemy loses health. The coin counter increases. The level completes. E…
Ryker: In-Browser Visual Editor for HTML and Markdown with agent-ready change exports
HTML has become an increasingly useful format for working with large language models. Models can generate complete HTML documents very quickly, but…
🌐 I Took APIC From Desktop to the Browser
When I started building APIC (Advanced Image Processing Center), the idea was simple: Make everyday image processing less annoying. The desktop vers…
HTML, CSS and Bootstrap Interview Questions
HTML Interview Questions 1. What is HTML? HTML stands for HyperText Markup Language. It is used to create the structure of a webpage. We use HTML to…
Rendering Custom Fonts to a 2048px PNG with Canvas
A browser preview can look correct while the downloaded image is wrong. The usual failure is timing: CSS eventually applies the custom font to the p…
Does React Break HTML Rules? Let's Find Out
Can React create HTML that the browser itself wouldn't allow? Sounds wrong, right? That's what I thought too. But while experimenting with React, I…
Day-5 as Full Stack Intern: Responsive Images & CSS methodologies
3. Responsive Images — srcset and <picture> What are Responsive Images? Responsive images are images that adapt to the user's device, viewport…
3 хорошие привычки начинающего фронтендера
Привет, Хабр! Давно я не писал статей для начинающих фронтендеров. Сейчас им приходится знать ещё больше, чем раньше, но есть и хорошая новость. В в…
Modern CSS Deleted My Layout JavaScript: Field Notes on Container Queries, :has(), and Subgrid
Headline: Four CSS features — container queries, :has() , subgrid , and cascade layers — let me delete most of the JavaScript I used to write for la…
Tutorial: Text fixed at initial card
Devlog — PR #84: "Tutorial: Text fixed at initial card." URL: https://github.com/weirdcodesofficial/MOKSHA/pull/84 In a nutshell This PR fixes the t…
CSS Selectors
CSS Selectors CSS selectors are used to select HTML elements and apply styles to them. We already know basic selectors like class , id , and element…
How I Built a Candlestick Recognition Game with JavaScript
How I Built a Candlestick Recognition Game with JavaScript Learning technical analysis can be difficult for beginners. Reading about candlestick pat…
#Responsive Web Design
Responsive Web Design is a way of creating websites that can adjust according to the screen size of the device. Nowadays, websites are opened on dif…
Тест локальных MOE моделей
Я тут решил решил чуток заморочиться и протестировать локальные MOE модели на кодинг. Кодинг громко сказано - мои задачи исключительно игры причем н…
WordPress Ate My && — Making a WordPress.com Blog Multiplayer with playhtml
My site, dhseadev.online , runs on WordPress.com. Managed hosting, block theme, no server code of my own. It is the least likely candidate for real-…
freshbite
🍔 FreshBite – Building an Online Food Ordering Website In today's digital world, online food ordering has become a convenient way for people to disc…
So You Want to Learn Web Development? Here's Where to Actually Start
Okay, real talk — if you've ever tried to Google "how to start web development," you already know the chaos that follows. Fifty different roadmaps,…
I made a 100% offline dev toolkit in one HTML file - no dependencies, no ads
🧰 DevUtils – The toolkit for developers that you never knew you needed I was getting really tired of having to open a lot of different websites just…
You built your modal with a `<div>` and a focus trap library. The native `<dialog>` does all of that.
Building a modal from scratch means writing the same boilerplate every time: a <div> with role="dialog" , an aria-modal attribute, a tabindex=…
Don't Use A Class For That!
Developers love classes. They sprinkle them everywhere: .hidden , .loading , .active ... But HTML already gives us attributes that do the job better…
Semantic Tags in HTML
What are Semantic Tags? When we create a webpage, we don't just want it to look good. We also want the browser and other developers to understand wh…
Fixed issue #47 | Kripa not get autosamarpita if chetanaJagrita
मोक्ष Devlog #47 — गुरु-दीक्षा: Building a Vedic Tutorial System Without a Tutorial Framework "उद्धरेदात्मनात्मानं नात्मानमवसादयेत्।" — Bhagavad Git…