Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «бэм»
[Из песочницы] Организация адаптивной верстки в БЭМ с SCSS 2017-04-06 15:11:44
... при использовании методологии БЭМ в CSS — это ...
+ развернуть текст сохранённая копия
Одна из главных сложностей возникающая у многих фронтенд-разработчиков при использовании методологии БЭМ в CSS — это способ организации адаптивной вёрстки. Как известно блоки и элементы должны быть независимы друг от друга, а также от контекста в котором они находятся, значит и от устройства на котором выводятся. При этом в разных разрешениях экрана блок фактически может иметь разное отображение. Речь пойдет о том как организовать адаптивность таких представлений, при этом сохранив возможность использовать каждое из них независимо от каких либо внешних факторов и друг от друга.
Читать дальше →
Тэги: bem, css, frontend, scss, бэм, веб-сайтов, верстка, разработка, фронтенд
[Перевод] Эволюция CSS: от CSS, SASS, BEM и CSS–модулей до styled-components 2017-01-20 12:24:55
< ...
+ развернуть текст сохранённая копия
С самого начала истории интернета мы нуждались в стилях для наших сайтов. Многие годы нам для этого служил CSS, развивавшийся в своём темпе. И здесь мы рассмотрим историю его развития.
Думаю, все согласятся с таким определением: CSS используется для описания представления документа, написанного на языке разметки. Также ни для кого не будет новостью, что за время развития CSS стал довольно мощным средством и что для использования в команде нужны дополнительные инструменты.
Читать дальше →
Тэги: css, group, it-стандарты, mail.ru, reactjs, sass, блог, бэм, веб-сайтов, вёрстка, компании, разработка, теги, читает
Как обучают в Школе разработки интерфейсов Яндекса, и чему там научился я 2017-01-17 16:50:12
Меня зовут Павел Гринченко. Я был одним из участников Школы разработки интерфейсов Яндекса в ...
+ развернуть текст сохранённая копия
Меня зовут Павел Гринченко. Я был одним из участников Школы разработки интерфейсов Яндекса в Симферополе. Когда-то давно я посмотрел видеозаписи самой первой Школы 2012 года и почерпнул из них очень много полезной информации. Затем я узнал, что в моём городе пройдёт новая Школа, и решил обязательно поучаствовать.
 Чтобы попасть в Школу, требовалось заполнить анкету и сделать два тестовых задания. Одно из них — по вёрстке, довольно простое. Звучало оно так: сверстать список ачивок, но максимально гибко и реюзабельно (например, используя СSS counters). Второе задание оказалось посложнее: написать обфускатор CSS-классов без использования сторонних библиотек. На входе — массив классов, на выходе — их обфусцированная версия. Но вот пара нюансов:
- Длина результирующих классов должна была получиться минимальной.
- Наиболее часто встречающиеся классы должны были занимать наименьший объём.
3 июля, сделав задания, я отправил заявку и забыл про Школу, а 26 июля мне пришло письмо о том, что я принят. Сегодня хочу рассказать вам о том, как проходил процесс обучения, какие инструменты разработки я открыл для себя и какие задачи нам приходилось с интересом решать. Читать дальше →
Тэги: css, javascript, node.js, блог, бэм, веб-сайтов, интерфейсов, компании, разработка, фронтенд, шри, яндекс
[Из песочницы] Конец эры глобального CSS 2016-02-02 13:15:56
Все CSS-селекторы живут в глобальной области видимости.
Каждому, кто когда-либо имел ...
+ развернуть текст сохранённая копия
Все CSS-селекторы живут в глобальной области видимости.
Каждому, кто когда-либо имел дело с CSS, приходилось мириться с этой глобальной особенностью. Модель, некогда созданную для стилизации академических документов, сейчас едва ли можно назвать удобным инструментом для создания современных веб-приложений.
Абсолютно каждый селектор потенциально может вступить в борьбу с другим селектором или стилизовать «посторонний» элемент. В этой «глобальной» борьбе селектор может даже полностью проиграть, в итоге не применив к странице ни одного из своих правил.
Каждый раз модифицируя css-файл, необходимо хорошо подумать о глобальной среде, в которой будут существовать наши стили. Ни одна другая технология веб-разработки не требует столько усилий только для того, чтобы обеспечить коду минимальный уровень поддерживаемости.
Так не должно быть. Пора оставить позади эру глобальных стилей. Наступило время закрытого CSS.
Читать дальше →
Тэги: css, javascript, webpack, бэм, веб-разработка, изоляция, модульность, перевод, ресурсов, сборки, системы
БЭМ — методология развешивания костылей 2015-11-03 13:58:13
... проекты уже внедрили БЭМ, а некоторые новые ... обязательной разработки по БЭМ. То есть профессиональные ...
+ развернуть текст сохранённая копия
Впервые я узнал о БЭМ лет 5 назад. В то время все ненавидели IE6, ждали возможности полноценно использовать CSS2 и благополучно забывали табличную верстку. В то время казалось, что когда исчезнет IE6, жизнь верстальщика станет увлекательной и беззаботной. Именно IE6 был основной причиной костылей в верстке. Кто бы мог подумать, что во времена HTML5 и CSS3, когда нет особых проблем с развитием популярных браузеров, ситуация станет еще хуже.
Недавно я обнаружил, что многие существующие проекты уже внедрили БЭМ, а некоторые новые проекты требуют от верстальщика обязательной разработки по БЭМ. То есть профессиональные разработчики уже ставятся перед фактом и не имеют выбора. Раз ситуация складывается таким образом, давайте попробуем разложить все по полочкам без рекламы и приукрашивания. Читать дальше →
Тэги: css, html, бэм, веб-разработка, верстка, говнокод, костыли, семантическая, табличная
Главная / Главные темы / Тэг «бэм»
|
Взлеты Топ 5
Падения Топ 5
|
