Основное

Дайджест свежих материалов из мира фронтенда за последнюю неделю №352 (11 — 17 февраля 2019)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →...

18 февраля 2019 0 148 Уроки CSS на Хабрахабре habrahabr.ru CSS

Удобный БЭМ

Приветствую. В этой статье я расскажу, как можно изменить БЭМ, сохранив лучшие его черты и избавившись от худших. Читать дальше →...

17 февраля 2019 0 145 Уроки CSS на Хабрахабре habrahabr.ru CSS

[Перевод] Эффекты фильтрации SVG. Часть 4. Двухцветные изображения при помощи feComponentTransfer

Эта четвертая статья серии об SVG-фильтрах, в которой Sara Soueidan покажет вам, как использовать feComponentTransfer для создания эффекта двухтонового фильтра. Предлагаемая серия статей "Эффекты фильтрации SVG" Sara Soueidan, внештатного разработчика UI/UX интерфейса и автора многих технических...

15 февраля 2019 0 158 Уроки CSS на Хабрахабре habrahabr.ru CSS

[Перевод] Эффекты фильтрации SVG. Часть 3. Эффект постеризации изображения при помощи feComponentTransfer

В третьей части серии вы узнаете, как работает feComponentTransfer и как можно постеризовать изображения при помощи этого мощного примитива SVG-фильтра. Читать дальше →...

12 февраля 2019 0 158 Уроки CSS на Хабрахабре habrahabr.ru CSS

Дайджест свежих материалов из мира фронтенда за последнюю неделю №351 (4 — 10 февраля 2019)

11 февраля 2019 0 144 Уроки CSS на Хабрахабре habrahabr.ru CSS

[Перевод] Эффекты фильтров SVG. Часть 2. Контурный текст при помощи feMorphology

Предлагаемая серия статей "Эффекты фильтрации SVG" Sara Soueidan, внештатного разработчика UI/UX интерфейса и автора многих технических статей, проживающей в Ливане, посвящена работе фильтров SVG и состоит из следующих статей: Эффекты фильтрации SVG Эффекты фильтрации SVG. Часть 1. SVG фильтры 101....

10 февраля 2019 0 139 Уроки CSS на Хабрахабре habrahabr.ru CSS

[Перевод] SVG фильтры 101

Это первая статья в серии об SVG фильтрах. Это руководство поможет понять, что это такое, и покажет, как использовать их для создания собственных визуальных эффектов. CSS в настоящее время предоставляет нам способ применения цветовых эффектов к изображениям, таких как насыщенность, яркость и...

7 февраля 2019 0 156 Уроки CSS на Хабрахабре habrahabr.ru CSS

[Из песочницы] Типичная ошибка сетки (Bootstrap Grid), или почему дизайнер и верстальщик не понимают друг друга

Сталкивались ли вы с ситуацией, когда текст и блоки, которые прекрасно вмещаются в макете фотошопа, почему-то упрямо не хотят слушаться в верстке – не вмещаются в заданную макетом ширину? При этом и дизайнер, и верстальщик используют одинаковую сетку, например, сетку Bootstrap 3. Просмотрев...

5 февраля 2019 0 193 Уроки CSS на Хабрахабре habrahabr.ru CSS

Дайджест свежих материалов из мира фронтенда за последнюю неделю №350 (28 января — 3 февраля 2019)

4 февраля 2019 0 162 Уроки CSS на Хабрахабре habrahabr.ru CSS

[Из песочницы] Кастомный виджет googleTranslate для сайта

Перед тем как преступить к написанию данной статьи, я решил посетить страницу где генерируется Google Translate Widget, чтобы узнать о возможных изменениях и увидел данное сообщение: Получить доступ к переводчику сайтов больше нельзя. Это никак не отразится на тех, кто уже установил соответствующий...

2 февраля 2019 0 218 Уроки CSS на Хабрахабре habrahabr.ru HTML

[recovery mode] SEO и контекст: что выбрать, и нужно ли выбирать?

Все последние обновления алгоритмов поисковых машин (особенно Яндекса) приводят представителей SEO-индустрии к одному и тому же неутешительному выводу: поисковики намеренно и планомерно коммерциализируют первую страницу результатов, навязывают контекст и отодвигают органику все ниже и ниже....

30 января 2019 0 189 SEO на Хабрахабре seo habrahabr.ru Поисковая оптимизация