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
Hacker101, бесплатный курс по веб-безопасности с видеолекциями и практическими заданиями — https://www.hacker101.com/
This media is not supported in your browser
VIEW IN TELEGRAM
Изучите дрэг'н'дроп на JavaScript на примере разработки небольшой игры про парковку — https://css-tricks.com/creating-a-parking-game-with-the-html-drag-and-drop-api/
О чём нужно знать, если вы решили вести технический блог своей компании, опыт Стефани Морилло — https://www.stephaniemorillo.co/single-post/2018/03/05/Building-Up-A-Company-Engineering-Blog
Как атрибут sizes у изображений может упростить плагин для зума картинок, рассказывает Скотт Йель — https://www.filamentgroup.com/lab/sizes-swap/
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/