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
Свежие подкасты
«Веб-стандарты» №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
Подробный обзор инженерных принципов Khan Academy → https://docs.google.com/document/d/1PW4NYn9pYNam2EuGEsTN9pTgwTfFnT_R9OZLJJICWQU
Введение в 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
Свежие подкасты
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