Рубрика «верстка»
Как я воссоздал веб-сайт 1996 года при помощи Claude
2025-12-10 в 13:01, admin, рубрики: claude code, playwright, ruvds_перевод, верстка, ии-агенты, кодинг-агенты
Этот CSS пора оставить в прошлом
2025-11-25 в 9:01, admin, рубрики: css, ruvds_статьи, верстка, лайфхаки, создание сайтов
Привет!
В беседах с коллегами я всё чаще замечаю, что многие не в курсе последних фишек CSS. Конечно, у каждого свои причины. Кто-то погряз в повседневной рутине. Кому-то просто неинтересно, что там нового происходит в мире CSS. А кто-то годами сидит на десятилетних подходах и чувствует себя прекрасно.Читать полностью »
Я нанял джуна в свой open source проект. Вот что получилось
2025-11-01 в 13:57, admin, рубрики: Atomic CSS, css, html, mlut, open source, sass, Tailwind, верстка
Здравствуйте, товарищи! Сегодня у нас будет нетехническая статья. Я расскажу об одном нестандартном кейсе из своей практики, суть которого отражена в заголовке.
Мой список вопросов о CSS для собеседования в 2025 году
2025-10-07 в 9:01, admin, рубрики: css, ruvds_статьи, верстка, вопросы с собеседований
Ко мне обращаются проверить знание CSS у разработчиков. Это может быть при найме или для составления плана обучения сотрудника.
HTML и CSS осенью 2025. Эти новые фичи я рекомендую изучить прямо сейчас
2025-09-02 в 9:01, admin, рубрики: css, html, ruvds_статьи, верстка, сайты
Привет!
Общаясь с фронтендерами, я заметил, что многие не знают новые классные возможности HTML и CSS. Мне от этого грустно. Надо это исправлять!
HTML- и CSS-советы для джуниор фронтенд-разработчиков
2025-08-24 в 13:01, admin, рубрики: css, html, ruvds_статьи, верстка, советы
Привет!
Я начинал изучать вёрстку в 2010 году. Я не знал английский, поэтому у меня был ограниченный набор материала. Кто помнит видеоуроки Попова?
«Великолепный» CSS. Коллекция странностей CSS, на которые я потратил кучу времени
2025-08-19 в 9:01, admin, рубрики: css, ruvds_статьи, верстка, сайты, фронтенд
Привет!
CSS часто преподносит сюрпризы, способные запутать даже опытных разработчиков. Я понимаю их раздражение. Тут всё закономерно.
CSS-медиазапросы без min- и max-. Как работает новый синтаксис и стоит ли переходить?
2025-07-21 в 10:15, admin, рубрики: css, css3, media queries, postcss, адаптивная вёрстка, верстка, диапазоны css, медиазапросыMedia Queries Level 4: эволюция синтаксиса, которую сложно игнорировать — и сложно внедрить без оглядки.
Адаптивная вёрстка — основа современного фронтенда. Долгое время в CSS было всего два способа задать условия ширины: min-width и max-width. Они отлично справлялись со своей задачей, но имели свои особенности.
С выходом спецификации Media Queries Level 4 в CSS появился новый, более интуитивный синтаксис для написания диапазонов, приближённый к привычной математике:
@media (width < 900px) { ... }
@media (600px <= width <= 900px) { ... }Как сделать ужасный для пользователя интерфейс. Коллекция HTML-CSS лайфхаков
2025-06-03 в 9:01, admin, рубрики: css, ruvds_статьи, верстка, вредные советы
Привет!
Я в течение нескольких лет рассказываю вам, как сделать интерфейс лучше для пользователя. Например, в прошлом месяце я поделился простыми HTML и CSS лайфхаками, которые помогают сделать интерфейс дружелюбнее к пользователю.
А недавно я подумал: а вдруг есть фронтендеры, которые хотят сделать ужасный интерфейс? Ну не любят они пользователей. Или хотят сделать пакость работодателю, который их обидел. Где им взять советы?
Надо помочь! Я собрал вредные HTML и CSS техники. Они супер простые, но очень действенные. Я уверен на сто процентов, что благодаря им интерфейс вашего проекта заставит пользователя вспомнить несколько «ласковых» слов.
Давайте посмотрим, что я вам подготовил.
ChatGPT vs Гик. Сможет ли AI заменить опытного верстальщика?
2025-05-20 в 9:01, admin, рубрики: chatgpt, ruvds_статьи, верстка, нейросети, создание сайтов
Привет.
Моя подруга постоянно читает новости о том, что искусственный интеллект заменит какую-то профессию. Тестировщик, программист, дизайнер, писатель и т. д. А сможет ли он заменить опытного верстальщика?
Мне стало интересно, сможет ли ChatGPT написать код, как я. Чтобы мог сказать: «Да, вот это мы допускаем в продакшен».
Добиваться этой цели я буду на примере нескольких популярных паттернов. Я уверен, что фронтендеры постоянно верстают их из проекта в проект. Ещё я честно признаюсь, что у меня мало опыта работы с такими системами. Я новичок. Так что тоже учитывайте это при чтении.
Давайте посмотрим, что в итоге получилось.