JAMStack, альтернативный подход к разработке сайтов: фокус на фронтенде, лучшая производительность, масштабируемость и безопасность — https://jamstack.org/
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/
Подробное исследование в трёх частях от инженеров 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
В Chrome 66 появится замена устаревшему document.execCommand. Новый API для работы с буфером обмена более простой, асинхронный (основан на промисах) и безопасный (для работы требует получения разрешения от пользователя).
Джейсон Миллер с обзором и примерами на Google Developers → https://developers.google.com/web/updates/2018/03/clipboardapi