Здравствуйте, товарищи! Сегодня у нас будет нетехническая статья. Я расскажу об одном нестандартном кейсе из своей практики, суть которого отражена в заголовке.
Рубрика «Tailwind»
Я нанял джуна в свой 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.
Читать полностью »