For Web — фронтенд, дизайн, программирование

Архитектура, управляемая фичами: Олег Исонен с обзором проблем и принципов построения масштабируемых приложений → https://youtu.be/BWAeYuWFHhs

Бережливое тестирование, или почему юнит-тесты переоценены: призыв подходить к тестам с экономической точки зрения и не зацикливаться на одном виде тестирования → https://blog.usejournal.com/b6500139a009

Почему ответы API Фейсбука начинаются с бесконечного цикла? Подробное объяснение Энтони Гаранда → https://dev.to/antogarand/why-facebooks-api-starts-with-a-for-loop-1eob

Пишем собственную виртуальную DOM с нуля: запись и расшифровка лайвкодинга от Джейсона Ю → https://dev.to/ycmjason/building-a-simple-virtual-dom-from-scratch-3d05

Основы шифрования данных с GPG, OpenSSH, OpenSSL и Keybase: как устроено современное шифрование, зачем нужны ключи и сертификаты, как их создавать и как ими пользоваться с помощью перечисленных инструментов → https://www.integralist.co.uk/posts/security-basics/

Фолбек для битых изображений с помощью сервис-воркера: необычное решение от Ире Адеринокун → https://bitsofco.de/handling-broken-images-with-service-worker/

Как замокать GraphQL-запросы для тестирования React-компонентов: инженеры Stripe о своём подходе → https://medium.freecodecamp.org/1ef49de3d491

Какие хакерские атаки возможны через NPM-пакеты, как восстановить работоспособность взломанного сайта и как предотвратить потенциальные атаки: размышления Джейка Арчибальда → https://jakearchibald.com/2018/when-packages-go-bad/

Дискуссия о веб-перформансе с экспертами из Авито, Яндекса, Mail.ru и Тинькофф: из-за чего появляются просадки и как их устранять, как правильно собирать метрики, как искать места для оптимизации и многое другое → https://youtu.be/1h-ZRi7J69E

Скот Йель разобрался, можно ли в 2019 году кроссбраузерно стилизовать select с постепенной деградацией для старых браузеров → https://www.filamentgroup.com/lab/select-css.html

Предиктивное поведение веб-интерфейса: Александр Прозоров с исследованием и примером реализации умного интерфейса, предсказывающего намерения пользователей → https://habr.com/post/433564/

Коллекция матриц компетенций и фреймворков профессионального развития из реальных компаний → https://www.progression.fyi/

Часто разработчики в проектах на React/Redux используют bindActionCreators и отдельную функцию mapDispatchToProps. Есть более простой способ: в connect вторым аргументом можно передать обычный объект с экшенами, не привязывая их к dispatch — это сделает сам connect.

По словам разработчика из команды Edge, одной из причин отказа Microsoft от EdgeHTML оказалась недобросовестная конкуренция со стороны Google → https://news.ycombinator.com/item?id=18697824

«Google постоянно вносит в свои сайты изменения, ломающие другие браузеры. Например, недавно на YouTube был добавлен скрытый div поверх видео, который предотвращал включение аппаратного ускорения в Edge, на тот момент работающего лучше, чем в Chrome. Сразу после этого Google начал рекламировать превосходство Chrome над Edge в расходовании ресурсов при проигрывании видео.»

Оставьте расчёты в CSS! Крис Койер призывает не бояться применять calc() и CSS-переменные, чтобы избавиться от магических чисел и сделать стили понятнее → https://css-tricks.com/keep-math-in-the-css/

🎧
Свежие подкасты

Frontend Weekend №83, в гостях Илья Климов: как и зачем был создан образовательный проект JavaScript.Ninja → https://soundcloud.com/frontend-weekend/fw-83

«Девшахта» №61, в гостях  Андрей Старовойт: TypeScript и его поддержка в IDE от JetBrains → https://soundcloud.com/devschacht/devschacht-61

«Веб-стандарты» №151, в гостях Иван Новиков и Илья Лесик: события и сообщество в Твери, Firefox, скролбары и движки, Quicklink и Resource Hints, аутлайны, формы и таблицы → https://medium.com/p/f6407051d257

«Фронтенд-юность» №75: Edge на Chromium, tits on keyboard, Chrome 71, CraSSh, где Express → https://soundcloud.com/frontend_u/e75

Remote Talk №3, в гостях Алексей Волков и Олеся Козлова из UNIT6: долгий путь в мир IT, появление UNIT6, найм разработчиков, технологии, плюсы и минусы жизни в Челябинске, хобби и польза широкого кругозора → https://soundcloud.com/csssr/remote-talk-03

Дизайнеры StackOverflow подробно рассказали о том, как им удаётся эффективно работать удалённо → http://www.tedgoas.com/blog/distributed-design

Введение в Phoenix LiveView, библиотеку для разработки интерактивных realtime-интерфейсов полностью на бэкенде без выделенной фронтенд-части (например, полноценный автокомплит реализуется в 35 строк бэкенд-кода) → https://dockyard.com/blog/2018/12/12/phoenix-liveview-interactive-real-time-apps-no-need-to-write-javascript

Minimal Analytics, легковесная альтернатива полному скрипту Google-аналитики в ~1.4 КБ вместо 73 КБ для тех, кто отслеживает только просмотры страниц → https://minimalanalytics.com/

Инлайн ресурсов в Base64, несмотря на свою популярность, плохо влияет на быстродействие, объясняет Даг Силларс → https://calendar.perfplanet.com/2018/performance-anti-patterns-base64-encoding/