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
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/
Конвертируем строку в число в JavaScript: Number, parseFloat, isNaN и Number.isNaN. Валерий Карпов рассказывает, как не выстрелить себе в ногу → https://thecodebarbarian.com/convert-a-string-to-a-number-in-javascript.html
Как правильно сверстать кастомные чекбоксы? Показывает Вадим Макеев в 14 выпуске видеоблога → https://youtu.be/E6kLaaQFctU
Make frontend “backend” again: как эволюционировал подход к разработке бэкенда и что из него могут позаимствовать фронтендеры, чтобы разрабатывать интерфейсы эффективнее → https://youtu.be/XBfi3Q74BnE
Наглядный генератор mailto-ссылок → https://mailtolink.me/