Как быстро прототипировать приложения с CSS-сеткой и CSS-переменными

Скрипты и советы | 24 июля 2018

Уроки CSS на Хабрахабре, habrahabr.ru, Учебный процесс в IT

Как CSS-сетка, так и CSS-переменные представляют собой мощные инструменты для frontend-разработчиков. Первое позволяет значительно упростить создание макетов веб-сайта, в то время как второе дает всю мощь переменных таблицам стилей.

image

В этом материале я покажу вам, как использовать оба инструмента для того, чтобы быстро прототипировать дизайн приложений.
Читать дальше →
[Из песочницы] Аналоговые часы, CSS и ничего больше

Что здесь не так? Здравствуйте, недавно послушал новый выпуск Веб-стандартов и там был момент с обсуждением статьи...

Подробнее
[Перевод] Использование CSS-grid при проектировании пользовательских интерфейсов

CSS-grid — это отличный инструмент для создания макетов страниц контентно-ориентированных сайтов, включающих в себя...

Подробнее
5 возможностей LESS, о которых вы могли не знать

При разработке интерфейсов я уделяю значительное время работе со стилями, написанными на LESS или SCSS. И часто я...

Подробнее
[Перевод] CSS в JavaScript: будущее компонентных стилей

С помощью встроенных стилей можно получить все программные возможности JavaScript, что дает нам преимущества в виде...

Подробнее
Нативные переменные в CSS. Уже пора…

Всем привет, тема переменных в CSS давно ходит по интернету, однако не все знают о том, что это такое, да и сама...

Подробнее
[Перевод] Краткое руководство по переменным в CSS (причины использования, синтаксис и примеры)

Я уже достаточно давно экспериментирую с CSS-переменными. Если вы к ним еще не подступались, вы можете воспользоваться...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями