Привет!
В мире фронтенда активно всё меняется. Появляются одни инструменты, но только их выучишь — они устаревают, и нужно уже учить новые. Новые методы и API в JavaScript. Даже в HTML появляется что-то новое. И, конечно, CSS не отстаёт.
Рубрика «верстка сайтов»
Коллекция полезных CSS фишек, которые вы редко используете
2025-12-16 в 9:01, admin, рубрики: css, ruvds_статьи, верстка сайтов, лайфхаки, стилиКак сделать ужасный интерфейс для пользователя. Моя коллекция простых лайфхаков
2025-12-09 в 9:01, admin, рубрики: accessibility, ruvds_статьи, веб-разработа, верстка сайтов, интерфейсы, фронтенд
Привет!
Мне нравится рассказывать про красивые и удобные интерфейсы. Всю свою карьеру я старался делать всё, что мог для комфорта пользователя.
90% программистов совершают эти ошибки. Как писать на Angular грамотно
2025-11-28 в 13:01, admin, рубрики: angular, html, html-верстка, ruvds_статьи, web, верстка сайтов, ошибки, фронтенд, фронтенд-фреймворки
Привет!
Общаясь с коллегами, я заметил, что они незнакомы с последними возможностями CSS. Как обычно, у всех свои причины. У кого-то много повседневной рутины. Кому-то в принципе неинтересно, что нового происходит в CSS. А кто-то по привычке использует подходы десятилетней давности и ему норм.
Как фанату CSS, мне грустно. Сколько же прикольных вещей проходит мимо них. Да и их код может быть меньше, надёжнее и проще для понимания. В общем, я собрал несколько фрагментов кода, которые были популярны давным-давно, и переписал их с помощью новых возможностей CSS.
Давайте посмотрим, что я вам подготовил.
Как нарисовать квадрат 3 × 3 см на веб-странице*
2024-10-04 в 14:00, admin, рубрики: css, веб-дизайн, верстка сайтов, интерфейсы, типография, яндекс
Мои любимые вопросы о CSS с ответами. Версия 2023 года
2023-07-11 в 13:00, admin, рубрики: css, ruvds_статьи, Блог компании RUVDS.com, верстка сайтов, вопросы и ответы, гриды, Разработка веб-сайтов, свойства, селекторы
В 2020 году я поделился списком моих любимых вопросов о CSS, который стал довольно популярным, судя по просмотрам. Спустя 3 года CSS изменился, и я решил дополнить список, добавив вопросы про гриды, пользовательские свойства (CSS-переменные), новые селекторы и свойства.
Работая над вопросами, мне хотелось помочь вам в изучении новых возможностей CSS и тех моментов, которые многие разработчики упускают, судя по моей практике. Также вы можете использовать их, если проводите интервью. Я буду только рад этому. А теперь давайте начнём. Читать полностью »
Паттерны верстки. Как объединить верстальщиков и дизайнеров
2022-03-06 в 7:10, admin, рубрики: css, css grid, css3, scss, верстальщик, верстка, верстка сайтов, графический дизайн, дизайн, дизайнер, интерфейсы, Оболочки, паттерныДанная статья поможет улучшить взаимодействие между дизайнерами и верстальщиками для минимизации ошибок и повышения продуктивности работы.
Работа богата практическими примерами. Она будет полезна специалистам разного профиля.
Дизайн является основой качественной верстки и помогает успешно продолжить создание веб-приложения.
Критерии хорошего дизайна:
-
Стандартизированные свойства элементов дизайна (цвета, шрифты, размеры, отступы и т.д.)
41 термин в дизайне, полезный для UX-исследователя
2020-09-05 в 7:32, admin, рубрики: material design, UI, ui/ux дизайн, UX, web-разработка, wireflow, веб-дизайн, верстка, верстка сайтов, графический дизайн, дизайн, дизайн сайтов, дизайнеру, Разработка веб-сайтов
Работа с UX-дизайнерами и знакомство с их словарным запасом — это почти изучение нового языка. Давайте посмотрим на 41 часто используемый дизайнерский термин. Для лучшего взаимопонимания в команде.
Заметки верстальщика: Полезные расширения Google Chrome в 2019 году
2019-10-17 в 13:52, admin, рубрики: accessibility, chrome extensions, Google Chrome, html, pageliner, perfect pixel, tabsbook, user css, Wappalyzer, Web Developer, wireframily, Блог компании Wrike, верстка сайтов, Разработка веб-сайтов, Расширения для браузеровВ моем браузере установлено около 30 расширений, которые упрощают жизнь и работу в интернете. В этой статье я хочу поделиться 10 актуальными расширениями Google Chrome для верстальщика, которые постоянно использую при разработке сайтов.
Как подружить дизайнера, верстальщика и «Фигму» с помощью дизайн-системы, ломика и какой-то матери™
2019-08-20 в 11:02, admin, рубрики: figma, usability, БЭМ, веб-дизайн, верстка сайтов, дизайн, дизайн-системы, интерфейсы, модульная сетка, процесс разработки, Разработка веб-сайтов
Привет. Недавно я выпендрился в комментариях и пообещал подробно ответить на вопрос о том, как дизайн-система упрощает взаимоотношения и нейтрализует конфликты между дизайнерами и верстальщиками (разработчиками). Плюс рассказать о некоторых вариантах стандартизации именования слоёв. Вот и отвечаю. Подробно. Про сетки. Про компоненты. Про иконки. Про язык. Про БЭМ. Про «фигмин» слэш и её же плагины. Про артборды и вьюпорты. Про типографику. Про стили и палитры. Про эффекты. Про экспорт растра. Про «мультиплеер». Про распределение обязанностей. Ну и немножко «о жизни, вселенной и вообще». Осторожно, трафик: внутри много картинок, есть gif-анимации. А ещё много, действительно много нудного текста. Я предупредил.
Читать полностью »