SASS: Оптимизируем media screen
Примерно месяц назад я написал статью, в которой выдвинул идею об оптимизации @media screen. Идея заключается в том, чтобы иметь возможность писать значения для всех экранов в одну строку. Более подробно можете почитать по ссылке. Большинство комментариев — это критика относительно реализации, к сожалению идей никто не подкинул. Но если посмотреть с другой стороны, из каждой критики можно вытащить идею, поэтому опираясь на мнение читателей, я поставил себе цель написать миксин, который:
легко читается (максимально повторяющий синтаксис sass/scss/css);
легко поддерживать (чтобы через год ты понимал, что там написано);
гибкий (поддержка максимального количества описаний @media);
Давайте посмотрим, что у меня вышло (репозиторий Github)!
Читать дальше →
Источник:
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.
Похожие публикации
[Из песочницы] Адаптивная верстка с помощью SCSS и Gulp
Доброго времени суток, коллеги! Давно задавался вопросом, как оптимизировать и сделать более удобным код используя @media screen. Ибо код body{font-size: 1em;}@media screen and (max-width: 1024px){... читать далее
13 вопросов, которые стоит задать себе, прежде чем опубликовать пост в блог
Какова основная цель написания этого поста? сделал ли я ее очевидной? На какие действия я хочу подтолкнуть своих читателей? Написал ли я что-либо полезное? Написал ли я что-либо уникальное? То, что я... читать далее
Каскадные Таблицы Стилей / Вкусный CSS: Sass + Compass
Что такое Haml/Sass? Haml (xHTML Abstraction Markup Language) это язык разметки для упрощённой генерации xHTML. В свою очередь эквивалент Haml для css — это Sass (Syntactically Awesome StyleSheets).... читать далее
Блог им. ralder / Пока Sape отдыхает…
Пока sape обновляла ПО и вводила новую систему биллинга, решил даром время не терять и разобраться в новой фишке биржи ссылок setlinks.ru — определялке позиций в поисковиках, так как давно... читать далее
Введение в поисковую оптимизацию
В свете глобальной борьбы со спамом, пиаром, seo и прочей рекламой, многие стали боятся использовать эти инструменты во благо. С другой стороны большое количество пользователей (в том числе авторов... читать далее
Машинный Парк - журнал в формате блога
«Машинный парк» — место, где живут знания о коммерческой технике, «М-Парк» — отраслевой портал в формате блога с понятной структурой, mpark.pro — ресурс, которым удобно пользоваться. Разработка... читать далее
Прокомментировать
Облако тегов
angular css CSS es6 frontend habrahabr.ru HTML html html5 JavaScript javascript js react ReactJS seo SEO на Хабрахабре vue Блог компании RUVDS.com Веб-дизайн Интернет-маркетинг Поисковая оптимизация Программирование Разработка веб-сайтов Уроки CSS на Хабрахабре автомобильный сайт блог браузеры верстка вёрстка дайджест интернет-магазин информационный ресурс корпоративный сайт модуль мы рекомендуем портфолио разработка ссылки фронтенд
Реклама на сайте
Веб-студия https://hover.com.ua/ в Киеве