SASS: Оптимизируем media screen

Скрипты и советы | 2 апреля 2018

Уроки CSS на Хабрахабре, habrahabr.ru, Компиляторы

Приветствую!

Примерно месяц назад я написал статью, в которой выдвинул идею об оптимизации @media screen. Идея заключается в том, чтобы иметь возможность писать значения для всех экранов в одну строку. Более подробно можете почитать по ссылке. Большинство комментариев — это критика относительно реализации, к сожалению идей никто не подкинул. Но если посмотреть с другой стороны, из каждой критики можно вытащить идею, поэтому опираясь на мнение читателей, я поставил себе цель написать миксин, который:

легко читается (максимально повторяющий синтаксис sass/scss/css);

легко поддерживать (чтобы через год ты понимал, что там написано);

гибкий (поддержка максимального количества описаний @media);

Давайте посмотрим, что у меня вышло (репозиторий Github)!
Читать дальше →
[Из песочницы] Адаптивная верстка с помощью SCSS и Gulp

Доброго времени суток, коллеги! Давно задавался вопросом, как оптимизировать и сделать более удобным код используя...

Подробнее
13 вопросов, которые стоит задать себе, прежде чем опубликовать пост в блог

Какова основная цель написания этого поста? сделал ли я ее очевидной? На какие действия я хочу подтолкнуть своих...

Подробнее
Каскадные Таблицы Стилей / Вкусный CSS: Sass + Compass

Что такое Haml/Sass? Haml (xHTML Abstraction Markup Language) это язык разметки для упрощённой генерации xHTML. В свою...

Подробнее
Блог им. ralder / Пока Sape отдыхает…

Пока sape обновляла ПО и вводила новую систему биллинга, решил даром время не терять и разобраться в новой фишке биржи...

Подробнее
Введение в поисковую оптимизацию

В свете глобальной борьбы со спамом, пиаром, seo и прочей рекламой, многие стали боятся использовать эти инструменты во...

Подробнее
Машинный Парк - журнал в формате блога

«Машинный парк» — место, где живут знания о коммерческой технике, «М-Парк» — отраслевой портал в формате блога с...

Подробнее

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

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

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

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

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

https://t.me/tcsecms/

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