For Web — фронтенд, дизайн, программирование
14.7K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
🎧
Свежие подкасты

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
Оставьте расчёты в CSS! Крис Койер призывает не бояться применять calc() и CSS-переменные, чтобы избавиться от магических чисел и сделать стили понятнее → https://css-tricks.com/keep-math-in-the-css/
По словам разработчика из команды Edge, одной из причин отказа Microsoft от EdgeHTML оказалась недобросовестная конкуренция со стороны Google → https://news.ycombinator.com/item?id=18697824

«Google постоянно вносит в свои сайты изменения, ломающие другие браузеры. Например, недавно на YouTube был добавлен скрытый div поверх видео, который предотвращал включение аппаратного ускорения в Edge, на тот момент работающего лучше, чем в Chrome. Сразу после этого Google начал рекламировать превосходство Chrome над Edge в расходовании ресурсов при проигрывании видео.»
Часто разработчики в проектах на React/Redux используют bindActionCreators и отдельную функцию mapDispatchToProps. Есть более простой способ: в connect вторым аргументом можно передать обычный объект с экшенами, не привязывая их к dispatch — это сделает сам connect.
Коллекция матриц компетенций и фреймворков профессионального развития из реальных компаний → https://www.progression.fyi/
This media is not supported in your browser
VIEW IN TELEGRAM
Предиктивное поведение веб-интерфейса: Александр Прозоров с исследованием и примером реализации умного интерфейса, предсказывающего намерения пользователей → https://habr.com/post/433564/
Скот Йель разобрался, можно ли в 2019 году кроссбраузерно стилизовать select с постепенной деградацией для старых браузеров → https://www.filamentgroup.com/lab/select-css.html
Дискуссия о веб-перформансе с экспертами из Авито, Яндекса, Mail.ru и Тинькофф: из-за чего появляются просадки и как их устранять, как правильно собирать метрики, как искать места для оптимизации и многое другое → https://youtu.be/1h-ZRi7J69E
Какие хакерские атаки возможны через NPM-пакеты, как восстановить работоспособность взломанного сайта и как предотвратить потенциальные атаки: размышления Джейка Арчибальда → https://jakearchibald.com/2018/when-packages-go-bad/
Как замокать GraphQL-запросы для тестирования React-компонентов: инженеры Stripe о своём подходе → https://medium.freecodecamp.org/1ef49de3d491
Фолбек для битых изображений с помощью сервис-воркера: необычное решение от Ире Адеринокун → https://bitsofco.de/handling-broken-images-with-service-worker/
Основы шифрования данных с GPG, OpenSSH, OpenSSL и Keybase: как устроено современное шифрование, зачем нужны ключи и сертификаты, как их создавать и как ими пользоваться с помощью перечисленных инструментов → https://www.integralist.co.uk/posts/security-basics/
Пишем собственную виртуальную DOM с нуля: запись и расшифровка лайвкодинга от Джейсона Ю → https://dev.to/ycmjason/building-a-simple-virtual-dom-from-scratch-3d05
Почему ответы API Фейсбука начинаются с бесконечного цикла? Подробное объяснение Энтони Гаранда → https://dev.to/antogarand/why-facebooks-api-starts-with-a-for-loop-1eob
Бережливое тестирование, или почему юнит-тесты переоценены: призыв подходить к тестам с экономической точки зрения и не зацикливаться на одном виде тестирования → https://blog.usejournal.com/b6500139a009
Архитектура, управляемая фичами: Олег Исонен с обзором проблем и принципов построения масштабируемых приложений → https://youtu.be/BWAeYuWFHhs
🎧
Свежие подкасты

Пилотный выпуск {Minsk} JSON: вайтивайти, условия трудоустройства в компании, обсуждение последних новостей → https://soundcloud.com/minsk-json/minsk-json-show-podcast-0

RadioJS №54, предновогодний: Svelte, Vue, новости и тренды → https://radiojs.ru/2018/12/radiojs-54/

Frontend Weekend №84, в гостях Павел Черторогов: об одержимости GraphQL и состоянии IT-индустрии в Алматы → https://soundcloud.com/frontend-weekend/fw-84

«Новости 512» от CSSSR №32: обзор новостей, релизов и интересных публикаций → https://soundcloud.com/csssr/news512_032

«Девшахта» №62, в гостях Юлия Волкова: чем фронтендер может помочь девопс-продукту → https://medium.com/p/5f53e79f0c95

«Пятиминутка React» №51: 18 фактов о Vue.js по итогам 2018 года → https://5minreact.ru/51-vuejs-18-facts-in-2018/

«Фронтенд-юность» №76, в гостях Дмитрий Махнёв: как прокачать фронтенд-сообщество → https://soundcloud.com/frontend_u/e76/

«Фронтенд-юность» №77: npm package permissions, Pornhub Insights, паттерн Overrides, все сайты в России должны быть заблокированы, уроки русского с Бирманом, токсичность → https://soundcloud.com/frontend_u/e77/
Generic first CSS: Аластер Ходжсон предлагает логичный и чистый подход к стилизации, выросший из mobile first CSS → https://www.smashingmagazine.com/2018/12/generic-css-mobile-first/
Детали реализации Spotify Wrapped 2018, персонализованных итогов года от Spotify: 3D-эффекты, типографика и цвета, анимированные переходы, быстродействие, интернационализация и другие задачи и их решения → https://medium.com/p/5b7cfb7e9d3a
speedy web compiler, супербыстрая альтернатива Babel на Rust (в активной разработке) → https://github.com/swc-project/swc