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
CSS и производительность сети: подробное руководство Гарри Робертса в переводе CSS-Live → https://css-live.ru/articles/css-i-proizvoditelnost-seti.html
React и БЭМ, официальная коллаборация: Антон Виноградов о предпосылках и сложностях перехода поиска Яндекса на React → https://habr.com/p/438598/
Рендеринг в вебе, от SSR до CSR: обстоятельный обзор существующих подходов и их преимуществ/недостатков от Эдди Османи и Джейсона Миллера → https://developers.google.com/web/updates/2019/02/rendering-on-the-web
UI второстепенен: почему лучше разделять бизнес-логику и UI и почему фичи UI-библиотек (вроде хуков и контекста в React) не очень хороши для управления состоянием приложения? Объясняет создатель MobX Мишель Вестстрате → https://michel.codes/blogs/ui-as-an-afterthought
Ryanair, JavaScript и теория графов: Джонлука де Каро рассказал, как он собрался с друзьями в путешествие и применил свои навыки для поиска оптимального маршрута с дешёвыми авиабилетами → https://blog.jonlu.ca/posts/ryan-air
EME, CDM, DRM, CENC и другие непонятные аббревиатуры, или что нужно, чтобы сделать собственный видеоплеер в браузере? Запись и расшифровка доклада Себастьяна Голаша о технологиях защиты видеоконтента в браузерах → https://habr.com/p/426727
🎧
Свежие подкасты

«Веб-стандарты» №160, в гостях Юля Бухвалова: перевод документации React, статьи про вёрстку, логический CSS, SVG-фильтры, цветные шрифты, полезные инструменты → https://medium.com/p/79bb0f67e2bd

«Новости 512» от CSSSR №37: обзор новостей и интересных публикаций → https://soundcloud.com/csssr/novosti-512-vypusk-37-2-fevralya-8-fevralya
Современная карусель изображений на основе CSS scroll snap с плавной прокруткой и поддержкой pinch-zoom: Нолан Лоусон об опыте разработки карусели для сайд-проекта → https://nolanlawson.com/2019/02/10/building-a-modern-carousel-with-css-scroll-snap-smooth-scrolling-and-pinch-zoom/
This media is not supported in your browser
VIEW IN TELEGRAM
@pika/pack, новый инструмент для публикации NPM-пакетов, автоматизирующий большинство оптимизаций и нюансов, о которых вы могли и не знать → https://www.pikapkg.com/blog/introducing-pika-pack/
formee, легковесная (~0.5КБ) универсальная библиотека для валидации и получения данных с форм → https://github.com/lukeed/formee
Следующий шаг в эволюции CSS: новые логические свойства, облегчающие вёрстку мультиязычных сайтов. Обзор Элада Шехтера в переводе Алёны Батицкой → https://medium.com/p/c5046c563640
The State of CSS 2019, первый ежегодный опрос о состоянии и трендах CSS и его экосистемы → https://stateofcss.com/
instant page, крошечный скрипт для ускорения переходов между страницами, применяющий предзагрузку прямо перед кликом пользователя по ссылке → https://instant.page/
Введение в Node.js за 90 минут: что это и что лежит в основе, когда стоит применять, обзор основных встроенных модулей, написание и деплой сервера с нуля → https://youtu.be/fBNz5xF-Kx4
Введение в WebBluetooth API: Нильс Линхир с обзором возможных применений и технических деталей → https://www.smashingmagazine.com/2019/02/introduction-to-webbluetooth/
Ускоритель Google Fonts: микроскрипт от Ивана Акулова, ускоряющий отрисовку текста на 1—2 секунды в медленной сети → https://googlefonts.3perf.com/
Важные новости и материалы первой половины февраля: рендеринг в вебе, React в Яндекс.Поиске, состояние CSS, ускоритель Google Fonts, новые логические свойства в CSS, публикация NPM-пакетов, CSS и производительность сети, релиз lit-html и LitElement → https://forwebdev.ru/digest/2019-02-15/
Всё, что нужно знать об async/await: циклы, порядок выполнения, ограничения. Перевод Стаса Багрецова → https://medium.com/p/76dde2cb6949
🎧
Свежие подкасты

Frontend Weekend №88, в гостях Сергей Попов: что изменилось за год, о создании «Лиги А» и проблеме фронтендеров без опыта → https://soundcloud.com/frontend-weekend/fw-88

«Фронтенд-юность» №83, «Пересядь на звёздный стек»: bem-jsx, форматирование кода, хукин оверхайп, новая эра в Японии, Реакт в терминале, дефолтные экспорты → https://soundcloud.com/frontend_u/e83

«Девшахта» №69: Я Frontend → https://medium.com/p/8712a103464d

«Веб-стандарты» №161, в гостях Артём Поликарпов: Chrome 73 и CSS 2019, SVG, таблицы, гриды и кнопки, будущее Фоторамы → https://medium.com/p/2a243ce8546d

«Новости 512» от CSSSR №38: обзор новостей и интересных публикаций → https://soundcloud.com/csssr/novosti-512-vypusk-38-0902-1502

«Сделайте мне красиво» №7: Будущее JS, влияние параллакса на UX, PWA в Play Store и фронтенд за 100 дней → https://soundcloud.com/begebot/ep7
Как ускорить кодревью: Тим Маринин применяет теорию ограничений и приводит практические рекомендации → https://marinintim.com/2019/codereview/