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
This media is not supported in your browser
VIEW IN TELEGRAM
Container units, надёжный подход к реализации сеток в CSS: обзор Рассела Бишопа → https://www.smashingmagazine.com/2019/03/robust-layouts-container-units-css/
Пошаговая визуализация алгоритма нестрого сравнения (==) с приведением типов в JavaScript → https://felix-kling.de/js-loose-comparison/
Звёздный рейтинг ⭐️⭐️⭐️⭐️⭐️: Вадим Макеев пошагово показывает, как реализовать доступный компонент рейтинга c поддержкой IE11+ → https://youtu.be/EbajTYI-gg8
Пишем простой сервер с кластеризацией на Node.js: Андрей Мелихов объясняет, как использовать модуль cluster для создания отказоустойчивого сервера, способного выдерживать большие нагрузки → https://youtu.be/YHPWG23cS4c
This media is not supported in your browser
VIEW IN TELEGRAM
Обзор малоизвестных возможностей CSS в гифках: element(), @media (shape), motion-path, конические градиенты, scroll snap, вертикальный ритм, счётчики → https://medium.com/p/966a143497ba
Sketch + Node.js: генерируем иконки для множества платформ и брендов. Инженеры Badoo делятся опытом автоматизации:

Часть 1 → https://habr.com/p/441898/
Часть 2 → https://habr.com/p/442886/
Важные новости и материалы первой половины марта 2019: вложенные CSS-селекторы, встроенные в браузер модули, асинхронная замена localStorage, PWA на десктопе, генерация иконок, высокие нагрузки и Node.js, управление кешем, Git без внутренних деталей → https://forwebdev.ru/digest/2019-03-15
Благодаря опенсорс-сообществу официальная документация React теперь доступна на русском языке → https://ru.reactjs.org
Firefox Send, новый сервис от Mozilla для безопасного обмена файлами до 2,5 ГБ → https://send.firefox.com/

Проект опенсорсный, исходники доступны на Гитхабе (в том числе версия для Android, работающая через вебвью) → https://github.com/mozilla/send
Стажёр Вася и его истории об идемпотентности API: какие проблемы могут возникнуть, если не учитывать идемпотентность распределенных систем в своем проекте, и как эти проблемы решать → https://habr.com/p/442762/
🎧
Свежие подкасты

«Веб-стандарты» №165, в гостях Андрей Мелихов: Chrome 73, React Native 0.59, CSS Nesting, KV Storage, ARIA Live Regions, веб-компоненты, условные ES-модули → https://medium.com/p/42323bfcf1e8

HardcodeFM №9 с Романом Лютиковым: как строится фронтенд на ClojureScript → https://hardcode.fm/2019/03/17/episode009.html

«Фронтенд-юность» №87: классы не нужны, западня JavaScript, молодые сеньоры, Google сломал себе Youtube → https://soundcloud.com/frontend_u/e87

«Сделайте мне красиво» №10, в гостях Артур Кенжаев: дизайн-система, reshadow и проблемы snapshot-тестов → https://soundcloud.com/begebot/ep10

«Сделайте мне красиво» №11, в гостях Артур Кенжаев: React hooks со всех сторон, будущее паролей и & в CSS → https://soundcloud.com/begebot/ep11

«Новости 512» от CSSSR №42: обзор новостей и интересных публикаций → https://soundcloud.com/csssr/novosti-512-vypusk-42-1103-1503
Вышел Sublime Text 3.2 со встроенной поддержкой Git → https://www.sublimetext.com/blog/articles/sublime-text-3-point-2
Почему не стоит использовать moment.js и какие есть альтернативы → https://inventi.studio/en/blog/why-you-shouldnt-use-moment-js
Почему нельзя изменить размер шрифта посещённых ссылок? Объяснение Джима Фишера → https://jameshfisher.com/2019/03/08/why-cant-i-set-the-font-size-of-a-visited-link/
This media is not supported in your browser
VIEW IN TELEGRAM
lax.js, легковесная (~2 КБ) библиотека на чистом JS для анимирования элементов при прокрутке страницы → https://github.com/alexfoxy/laxxx
Как был разработан сайт Chrome Dev Summit: Сэм Торогуд с подробным рассказом о требованиях, технологиях и принятых решениях → https://dev.to/chromiumdev/the-chrome-dev-summit-site-case-study-15ng
Little Virtual Computer: изучите основы работы компьютеров на примере симуляции крошечного компьютера на JavaScript → https://github.com/jsdf/little-virtual-computer
Руководство по разработке собственной бесплатной и приватной альтернативы Google-аналитике → https://www.pcmaffey.com/roll-your-own-analytics/
This media is not supported in your browser
VIEW IN TELEGRAM
Uibook, витрина для React-компонентов с простой настройкой, живым редактированием текстов и средствами тестирования адаптивности → https://github.com/vrizo/uibook/
Try GraphQL! Интерактивное руководство по основам GraphQL → https://trygql.com/