Рубрика «верстка сайтов»
Как нарисовать квадрат 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-анимации. А ещё много, действительно много нудного текста. Я предупредил.
Читать полностью »
Sublime Text 3 для верстки сайтов. Настройка внешнего вида и установка плагинов. Руководство для начинающих
2019-06-30 в 12:28, admin, рубрики: sublime text 3, верстка сайтов, Программирование, Разработка веб-сайтовСегодня расскажу о редакторе кода, которым пользуюсь для верстки сайтов уже много лет. Быстрый, удобный и полностью настраиваемый Sublime Text 3.
Мы с нуля настроем его внешний вид, а также применим плагины AutoFileName, BracketHighliter, ColorHighliter, Emmet, GotoCSSDeclaration и Tag, которые существенно помогут нам при верстке сайтов! Ну что ж, от слов к делу!
Читать полностью »
Инструменты для создания адаптивного сайта без доступа к сайту
2019-03-27 в 14:24, admin, рубрики: css, html, sass, vscode, верстка сайтов, инструменты разработчика, Расширения для браузеров, юзерскриптыЕсть сайт у которого нет мобильной версии и нужно с минимальными затратами времени сделать мобильным пользователям этот сайт приятнее в использовании.
Я расскажу о том как ускорить внесение изменений на сайт и рассмотрю инструменты для быстрой верстки на живом сайте не имея доступа для его редактирования.
Можно пойти обычным путем – скопировать сайт и доработать его на своей машине или же, писать все прямо на работающий сайт (так лучше не делать).
Но тут на помощь приходят юзерскрипты, livereload, sass или другие препроцессоры. С этим набором время адаптирования сайта сокращается в несколько раз.
Читать полностью »
Удобный БЭМ
2019-02-17 в 10:10, admin, рубрики: css, html, html5, web-разработка, БЭМ, верстка сайтов, методологии разработки, Разработка веб-сайтов
Приветствую. В этой статье я расскажу, как можно изменить БЭМ, сохранив лучшие его черты и избавившись от худших.
Читать полностью »
Верстаем flex-календарик
2018-04-17 в 12:12, admin, рубрики: css, css3, flexbox, vue.js, vuejs, верстка сайтовИдет 2018 год, модные пацаны давно уже верстают на grid, а я все на третьем бутстрапе сижу с col-md кочерячусь, мельком поглядывая на четвертый.
Решил я, что это не дело, и стоит немного знания освежить, но у grid вроде как поддержка пока хромает, а вот flex технологию уже даже утюги поддерживают.
Вот и решил его освоить. И процессом усвоения с вами поделится. В общем, будем верстать календарик на весь год.