For Web — фронтенд, дизайн, программирование
14.5K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Презентация на основе свойства content и 🌈 кот, Виталий Зюзин раскрывает возможности дискретной анимации в CSS — https://medium.com/p/80bbcc3c739d
Чем крут проект «Гудини» и как начать использовать CSS Paint API, Уилл Бойд с введением и примерами — https://codersblock.com/blog/say-hello-to-houdini-and-the-css-paint-api/
Юнит-тестирование скриншотами: преодолеваем звуковой барьер, расшифровка доклада Романа Дворнова об оптимизации скриншотных тестов в Avito — https://habr.ru/p/350604/
Результаты Stack Overflow Developer Survey 2018: демография, опыт, возраст, образование, технологии, зарплаты, инженерные практики, рабочие ценности и много другой статистики — https://insights.stackoverflow.com/survey/2018/
Мы пишем CSS так же, как в девяностые, и это глупо! Йенс Майерт предлагает навести порядок, сортируя правила и селекторы и избавляясь от дублирования — https://alistapart.com/article/we-write-css-like-we-did-in-the-90s-and-yes-its-silly
Build your own React, серия статей о разработке собственного аналога Реакта с нуля до реализации нового алгоритма Fiber — https://engineering.hexacta.com/51007984e5c5
Driver, легковесная библиотека без зависимостей для интерактивной демонстрации интерфейса с пояснениями — https://kamranahmed.info/driver
Rough.js, библиотека для отрисовки фигур в стиле эскизов на канвасе и SVG, работает с D3 — https://github.com/pshihn/rough
UX поиска на мобильных

Подробное исследование в трёх частях от инженеров Algolia (их поисковый движок, например, используются в документации Реакта).

8 проблем мобильного поиска → https://blog.algolia.com/mobile-search-ux-8-obstacles/

Основные составляющие интерфейса поиска → https://blog.algolia.com/mobile-search-ux-part-two-deconstructing-mobile-search/

Оформление поисковой выдачи → https://blog.algolia.com/mobile-search-ux-part-three-seach-results-display/
Async Clipboard API

В Chrome 66 появится замена устаревшему document.execCommand. Новый API для работы с буфером обмена более простой, асинхронный (основан на промисах) и безопасный (для работы требует получения разрешения от пользователя).

Джейсон Миллер с обзором и примерами на Google Developers → https://developers.google.com/web/updates/2018/03/clipboardapi
Крис Койер на примере своего проекта https://thepowerofserverless.info/ рассказал, зачем и как разработать статический сайт с применением компонентного подхода, но без хайповых JS-библиотек вроде Реакта или Вью → https://www.smashingmagazine.com/2018/03/static-site-with-nunjucks/
«Мы вам перезвоним», канал с подробными разборами задач, встречающихся на собеседованиях по фронтенду — t.iss.one/callforward
Как определить, кто написал твит — Трамп или Кардашьян? С помощью нейронной сети! Очень простое руководство по написанию такой нейронки на JavaScript → https://itnext.io/e63e12713a3
Preact vs Glimmer

Что выбрать для разработки максимально лёгкого и производительного веб-приложения, Preact или Glimmer?

Вместо споров инженеры LinkedIn запилили на обеих библиотеках прототип своей ленты новостей и замерили разницу. Результаты эксперимента и выводы → https://engineering.linkedin.com/blog/2018/03/how-we-built-the-same-app-twice-with-preact-and-glimmerjs