Привет!
Сегодня фронтендеры любят подход атомарных классов, в частности Tailwind. Я не имею ничего против этого подхода. Каждый волен выбирать сам, с чем ему работать.
Рубрика «Tailwind»
Мои любимые CSS-трюки для фронтендеров, которые не используют Tailwind
2026-08-18 в 7:01, admin, рубрики: css, Tailwind, верстка, лайфхакиБэкдор вместо тестового
2026-05-10 в 9:15, admin, рубрики: Tailwind, безопасность, бэкдор, информационная безопасность, тестовое, тестовое заданиеTL;DR:
В GitHub-репозитории для тестового задания был вредоносный код, спрятанный в tailwind.config.js. Сначала файл выглядел как обычный Tailwind-конфиг, но в конце была длинная обфусцированная JS-строка. При загрузке конфига код подключал fs, os, request, path, node:process и child_process, связывался с C2 на 78.142.218.26:1244 или 66.235.168.17:1244, отправлял минимальный фингерпринт машины, скачивал второй payload в ~/.vscode/f.js, создавал ~/.vscode/package.json, выполнял npm install и запускал payload в фоне через node/nohup. Иными словами, это был не обычный тестовый проект, а loader/downloader, замаскированный под frontend-задание.
Социальная часть
shadcn-glass-ui: Glassmorphism поверх shadcn-ui без миграции
2025-12-21 в 13:37, admin, рубрики: glassmorphism, React, shadcn, Tailwind, TypeScript, UIПривет! Представляю shadcn-glass-ui — React-библиотеку с glassmorphism-эффектами, которая устанавливается поверх существующих shadcn/ui проектов за 2 команды. Никакой миграции, никакого переписывания кода — просто добавьте glass-варианты ваших компонентов.
TL;DR
Читать полностью »Я нанял джуна в свой open source проект. Вот что получилось
2025-11-01 в 13:57, admin, рубрики: Atomic CSS, css, html, mlut, open source, sass, Tailwind, верстка
Здравствуйте, товарищи! Сегодня у нас будет нетехническая статья. Я расскажу об одном нестандартном кейсе из своей практики, суть которого отражена в заголовке.
Скриншоты сайта в адаптивную Tailwind верстку
2025-08-17 в 12:19, admin, рубрики: chatgpt, screenshot, Tailwind, tailwindcssЯ знаю, что существует 100500 способов перекинуть картинку в готовую вёрстку.
Но когда у меня дошло до дела, результат оказался так себе.
То ли я криворукий, то ли все эти инструменты ещё далеки от совершенства.
В итоге понял, что мне проще накидать свой собственный велосипед — скрипт на Python (~200 строк).
Решил выложить, может, кому-то пригодится.
Скрипту можно скормить три скриншота сайта:
-
Десктоп-версия
-
Планшет
-
Мобильная версия
На выходе получим одну HTML-адаптивную вёрстку (десктоп, планшет, мобила) с использованием Tailwind CSS.
Результаты работы
HabrЧитать полностью »
Пилим стартап, часть 2.5. Мини-гайд по Claude Code, причесываем UI
2025-08-01 в 6:00, admin, рубрики: Tailwind, tauri, typeormДа, я убрал из заголовка "за выходные", потому что проект чутка растянулся. Но идёт весело!
У него и веб-версия теперь есть: https://mini.qyp.ai
Напомню: я давно хотел пощупать Tauri v2, и новомодные фреймворки для построения AI-агентов (Читать полностью »
Костыли из 90-х и принцип HTML First
2024-02-26 в 9:00, admin, рубрики: alpine, css, gsap, html, HTML First, hyperscript, JS, JSSS, Netscape Navigator, pwa, React, ruvds_статьи, svg, Svija Vibe, Tachyons, Tailwind, wasm, webassembly, костыли, чистый код
Кадр из презентации Frontmania 2022: Kilian Valkhof — Stop using JavaScript for that
Недавно на Хабре публиковался перевод статьи «Вам не нужен для этого JavaScript» с примерами, где код JS легко заменить на HTML.
На самом деле возврат к основам HTML, простым сайтам и читаемому коду без сложных фреймворков — довольно популярная идея. Сейчас всё больше сайтов создаётся по принципу HTML First.
Читать полностью »