This week we issue a really huge selection of all the essential news you might have missed on Front-end development. Make sure to check the latest updates on CSS, HTML, and JavaScript.
Рубрика «css» - 40
Frontend Weekly Digest (25 Feb – 3 Mar 2019)
2019-03-03 в 21:43, admin, рубрики: angular, css, digest, ES6, html, html5, javascript, JS, links, React, vue, Разработка веб-сайтовДайджест свежих материалов из мира фронтенда за последнюю неделю №353 (17 — 24 февраля 2019)
2019-02-24 в 22:09, admin, рубрики: cssПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Дайджест свежих материалов из мира фронтенда за последнюю неделю №352 (11 — 17 февраля 2019)
2019-02-17 в 21:45, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, подкасты, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Удобный БЭМ
2019-02-17 в 10:10, admin, рубрики: css, html, html5, web-разработка, БЭМ, верстка сайтов, методологии разработки, Разработка веб-сайтов
Приветствую. В этой статье я расскажу, как можно изменить БЭМ, сохранив лучшие его черты и избавившись от худших.
Читать полностью »
Эффекты фильтрации SVG. Часть 4. Двухцветные изображения при помощи feComponentTransfer
2019-02-15 в 15:19, admin, рубрики: css, svg, веб-дизайнЭта четвертая статья серии об SVG-фильтрах, в которой Sara Soueidan покажет вам, как использовать feComponentTransfer для создания эффекта двухтонового фильтра.
Предлагаемая серия статей "Эффекты фильтрации SVG" Sara Soueidan, внештатного разработчика UI/UX интерфейса и автора многих технических статей, проживающей в Ливане, посвящена работе фильтров SVG и состоит из следующих статей:
Эффекты фильтрации SVG
- Эффекты фильтрации SVG. Часть 1. SVG фильтры 101
- Эффекты фильтрации SVG. Часть 2. Контурный текст при помощи feMorphology
- Эффекты фильтрации SVG. Часть 3. Эффект постеризации изображения при помощи feComponentTransfer
- Эффекты фильтрации SVG. Часть 4. Двухцветные изображения при помощи feComponentTransfer.
Еще не переведена
SVG Filter Effects: Conforming Text to Surface Texture with
В предыдущей статье этой серии я познакомила вас с примитивом feComponentTransfer, и мы использовали его для ограничения количества цветов изображения, чтобы создать эффект постеризации. В этой статье мы рассмотрим, как этот примитив можно использовать для создания эффекта duotone, подобно Photoshop. Мы также научимся использовать его для управления интенсивностью и контрастностью цветов изображения.
Дайджест свежих материалов из мира фронтенда за последнюю неделю №351 (4 — 10 февраля 2019)
2019-02-10 в 21:48, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, подкасты, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Frontend Weekly Digest (4 – 10 Feb 2019)
2019-02-10 в 21:28, admin, рубрики: angular, css, digest, ES6, html, html5, javascript, JS, links, React, vue, Разработка веб-сайтовThis week we issue a really huge selection of all the essential news you might have missed on Front-end development. Make sure to check the latest updates on CSS, HTML, and JavaScript.
Эффекты фильтров SVG. Часть 2. Контурный текст при помощи feMorphology
2019-02-10 в 11:00, admin, рубрики: css, svg, веб-дизайнПредлагаемая серия статей "Эффекты фильтрации SVG" Sara Soueidan, внештатного разработчика UI/UX интерфейса и автора многих технических статей, проживающей в Ливане, посвящена работе фильтров SVG и состоит из следующих статей:
Эффекты фильтрации SVG
- SVG фильтры 101.
- Эффекты фильтрации SVG: контурный текст при помощи feMorphology
Еще не переведены
Во второй части серии об SVG-фильтрах Sara Soueidan знакомит нас с фильтром feMorphology и приводит несколько примеров его использования для создания интересных эффектов.
У дизайнера новая идея? Что может быть проще
2019-02-06 в 8:39, admin, рубрики: css, html, javascript, svelte, SvelteJs, Программирование, Разработка веб-сайтовПривет, хабровчанин! Дизайнеры люди идейные, а заказчики с их бизнес-требованиями, тем более.
Представь, что ты сваял свой самый лучший UIkit на свете на самом крутом %вставить свое% JS фреймворке. Казалось бы, там есть все, что нужно проекту. Теперь-то ты сможешь пить кофе, а все новые задачи закрывать накидыванием компонентов на страницу. Еще лучше, если ты нашел такой UIkit на помойке на просторах NPM и он идеально соответствует текущему UX/UI и его потребностям. Фантастика!
И действительно… кого я обманываю? Твое счастье, скорее всего, будет недолгим. Ведь когда дизайнер прибежит с талмудом новых UI-решений для очередной страницы или «спец-проекта», что-то по-любому пойдет не так.
В этот момент перед разработчиком встает вопрос «DRY или не DRY»? Стоит ли как-то кастомизировать существующие компоненты? Да еще так, чтобы не отхватить регрешн на существующих кейсах. Или же действовать по принципу «работает — не трогай» и написать новые компоненты с нуля. При этом, раздувая UIkit и усложняя поддержку.
Если ты, как и многие, бывал в такой ситуации, загляни под кат!
Telegram опять раздаёт деньги за разработку простых шаблонов CSS
2019-02-05 в 5:54, admin, рубрики: css, html, instant view, telegram, конкурс, Системы обмена сообщениями, Софт
Павел Дуров объявил о втором конкурсе Template Competition 2.0, всем участникам которого платят по $100 за каждый шаблон HTML/CSS для предпросмотра сайта СМИ в мессенджере. А также $2 за каждую ошибку, найденную в чужом шаблоне (сумма вычитается из гонорара автора).
Сделать Instant View для предпросмотра очень легко. Например, победители прошлого конкурса написали по 40 штук. Они получили по 40×100 долларов гонорара (минус штраф за ошибки) и вдобавок разделили главный приз $10 000. Свои кошельки пополнило около 370 других участников, преимущественно из России.
Читать полностью »