![[Перевод] Эффекты фильтрации SVG. Часть 6. Создание текстуры с помощью feTurbulence](https://habrastorage.org/webt/eq/sn/t8/eqsnt8noyajxh4ljl8xf8l1j8vw.png)
Узнайте, как использовать мощный примитив SVG-фильтра feTurbulence для создания собственных текстур и эффектов искажений. Предлагаемая серия статей "Эффекты фильтрации SVG" Sara Soueidan, внештатного разработчика UI/UX интерфейса и автора многих технических статей, проживающей в Ливане, посвящена работе фильтров SVG и состоит из следующих статей: Эффекты фильтрации SVG Эффекты фильтрации SVG. Часть 1. SVG фильтры 101 Эффекты фильтрации SVG. Часть 2. Контурный…
Подробнее![[recovery mode] Сбалансированные показатели сайта. Часть 1: Стратегия](/uploads/habrahabr_logo.png){kind=logo}
Этой статьей я хотел бы открыть небольшой цикл, посвященный той парадигме продвижения, которую я вывел за многие годы работы и которую в данный момент активно применяю в работе с клиентскими проектами и собственными проектами моей компании. Материал будет полезен, прежде всего, владельцам бизнеса, планирующим SEO-продвижение своими силами или с привлечением профессионалов, а коллегам, возможно, пригодится для объяснения принципов поискового продвижения заказчикам. Я эту концепцию активно…
Подробнее![[Перевод] Эффекты фильтрации SVG. Часть 5. Соответствие текста текстуре поверхности при помощи feDisplacementMap](https://habrastorage.org/webt/xj/9l/0c/xj9l0cyq8fwcm6q94ap6u9cxf1c.png)
В очередной статье серии об SVG фильтрах Sara Soueidan покажет как сделать текст соответствующим текстуре поверхности с помощью примитива feDisplacementMap. Предлагаемая серия статей "Эффекты фильтрации SVG" Sara Soueidan, внештатного разработчика UI/UX интерфейса и автора многих технических статей, проживающей в Ливане, посвящена работе фильтров SVG и состоит из следующих статей: Эффекты фильтрации SVG Эффекты фильтрации SVG. Часть 1. SVG фильтры 101 Эффекты…
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее
Приветствую. В этой статье я расскажу, как можно изменить БЭМ, сохранив лучшие его черты и избавившись от худших. Читать дальше →
Подробнее![[Перевод] Эффекты фильтрации SVG. Часть 4. Двухцветные изображения при помощи feComponentTransfer](https://habrastorage.org/webt/l4/8c/px/l48cpx7wkxo3h-jkug7wk4z9ff8.png)
Эта четвертая статья серии об SVG-фильтрах, в которой Sara Soueidan покажет вам, как использовать feComponentTransfer для создания эффекта двухтонового фильтра. Предлагаемая серия статей "Эффекты фильтрации SVG" Sara Soueidan, внештатного разработчика UI/UX интерфейса и автора многих технических статей, проживающей в Ливане, посвящена работе фильтров SVG и состоит из следующих статей: Эффекты фильтрации SVG Эффекты фильтрации SVG. Часть 1. SVG фильтры 101 Эффекты…
Подробнее![[Перевод] Эффекты фильтрации SVG. Часть 3. Эффект постеризации изображения при помощи feComponentTransfer](https://habrastorage.org/webt/zp/i_/hs/zpi_hskjpsgk8murhscv9mz3r-s.png)
В третьей части серии вы узнаете, как работает feComponentTransfer и как можно постеризовать изображения при помощи этого мощного примитива SVG-фильтра. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[Перевод] Эффекты фильтров SVG. Часть 2. Контурный текст при помощи feMorphology](https://habrastorage.org/webt/pt/1l/yq/pt1lyq3deuk69mcyf2ax_yt9_tc.png)
Предлагаемая серия статей "Эффекты фильтрации SVG" Sara Soueidan, внештатного разработчика UI/UX интерфейса и автора многих технических статей, проживающей в Ливане, посвящена работе фильтров SVG и состоит из следующих статей: Эффекты фильтрации SVG Эффекты фильтрации SVG. Часть 1. SVG фильтры 101. Эффекты фильтрации SVG. Часть 2. контурный текст при помощи feMorphology Эффекты фильтрации SVG. Часть 3. Эффект постеризации изображения при помощи feComponentTransfer. …
Подробнее![[Перевод] SVG фильтры 101](https://habrastorage.org/webt/_8/ka/is/_8kaisnavnh_qmr3tvdsxofq0ii.png)
Это первая статья в серии об SVG фильтрах. Это руководство поможет понять, что это такое, и покажет, как использовать их для создания собственных визуальных эффектов. CSS в настоящее время предоставляет нам способ применения цветовых эффектов к изображениям, таких как насыщенность, яркость и контрастность, среди других эффектов, с помощью свойства filter и его функций, поставляющихся с ним. Теперь у нас есть 11 функций фильтра в CSS, которые выполняют ряд эффектов от…
Подробнее
Сталкивались ли вы с ситуацией, когда текст и блоки, которые прекрасно вмещаются в макете фотошопа, почему-то упрямо не хотят слушаться в верстке – не вмещаются в заданную макетом ширину? При этом и дизайнер, и верстальщик используют одинаковую сетку, например, сетку Bootstrap 3. Просмотрев существенное число сайтов, пришел к выводу, что в среду дизайнеров и верстальщиков закралась одна банальная ошибка. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее