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


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

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

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

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

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

Давайте посмотрим, что у меня вышло (репозиторий Github)!
Читать дальше →


Уважаемые посетители,
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.



Похожие публикации

[Из песочницы] Адаптивная верстка с помощью SCSS и Gulp

Доброго времени суток, коллеги! Давно задавался вопросом, как оптимизировать и сделать более удобным код используя @media screen. Ибо код body{font-size: 1em;}@media screen and (max-width: 1024px){... читать далее

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

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

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

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

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

Пока sape обновляла ПО и вводила новую систему биллинга, решил даром время не терять и разобраться в новой фишке биржи ссылок setlinks.ru — определялке позиций в поисковиках, так как давно... читать далее

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

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

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

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

Прокомментировать


@

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

Архив сайта

Реклама на сайте annabeth drawing portrait on BJ Ambis Art