Майкл Шарналь опросил своих читателей в Твитере и собрал коллекцию часто используемых CSS-сниппетов: клирфикс, стилизация выделения текста, центрирование по всем осям и многое другое → https://justmarkup.com/log/2018/03/collection-of-css-snippets/

💎РАБОТА В ЛУЧШЕМ ИЗДАНИИ ПРО ВАШИ ДЕНЬГИ! 💎

Тинькофф-журнал ищет фронтенд-разработчика. Подробности и контакты: https://journal.tinkoff.ru/team/front/

Янош Паштор на собственном примере рассказал, почему коммерческие CDN могут не подойти и как в таком случае запилить своё решение — https://pasztor.at/blog/building-your-own-cdn

Загрузка скриптов и defer/async

Флавио Копс рассказал, как атрибуты defer/async влияют на загрузку скриптов и какой способ загрузки наиболее эффективный с точки зрения быстродействия → https://flaviocopes.com/script-async-defer/

Обзор существующих решений для реализации алгоритмов машинного обучения на JavaScript с поддержкой вычислений на GPU → https://towardsdatascience.com/195d6f8e69ef

Под капотом адаптивных изображений

Как браузер на основе дескрипторов w и sizes решает, какое изображение загрузить? Иллюстрированное объяснение с интерактивными примерами от Эрика Портиса → https://beta.observablehq.com/@eeeps/w-descriptors-and-sizes-under-the-hood

Виртуальная DOM и производительность Реакта

Как устроена виртуальная DOM в Реакте, как Реакт отрисовывает интерфейс, как диагностировать проблемы производительности отрисовки и избежать распространённых проблем? Алексей Иванов и Энди Барнов из Злых Марсиан с подробным объяснением → https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained

JavaScript за 14 минут, интерактивное руководство по основам языка от Джереми Томаса → https://jgthms.com/javascript-in-14-minutes/

Как реализовать доступную, адаптивную и удобную в использовании для всех таблицу, новое руководство Хейдона Пикеринга на Inclusive Components → https://inclusive-components.design/data-tables/

🎧
Свежие подкасты

«Фронтенд-юность» №43: как понять, что ты лох, если ты тупой → https://soundcloud.com/frontend_u/e43

«Ночной фронтенд» №28: рассказ о первом дне CodeFest 2018 → https://medium.com/p/f01cc7b6f6b7

Frontend Weekend №46, Виталий Грин про React в Яндексе и эксперимент Альфа Лаборатории → https://soundcloud.com/frontend-weekend/fw-46

«Разбор полётов» №156, Владислав Козуля про JavaScript и мемы → https://razbor-poletov.com/2018/03/episode-156.html

«Веб-стандарты» №114: Safari 11.1 и 20 лет Mozilla, спеки CSS и доверие к W3C, нюансы display: contents, выравнивание текста, ES-модули уже здесь, новинки WebStorm, React v16.3.0, V8 и веб-сокеты в Node.js, картина отрасли → https://medium.com/p/3eb58186b97b

Анатомия сорсмапов

Зачем нужны карты кода и как они устроены? Детальный разбор с примерами от Бена Гурли → https://blog.bugsnag.com/source-maps/

Cloudflare и APNIC запустили 1.1.1.1, более быструю (зависит от местоположения) и безопасную альтернативу стандартным DNS-серверам. Обзор пробем существующих DNS-серверов и технические подробности в блоге Cloudflare → https://blog.cloudflare.com/announcing-1111/

Headless Chrome для серверного рендеринга

Как реализовать серверный рендеринг SPA с минимальными затратами? Эрик Бидельман на основе безголового Хрома пишет базовую реализацию SSR и показывает, какие тонкости нужно учесть и что можно оптимизировать → https://developers.google.com/web/tools/puppeteer/articles/ssr

Как онлайн-песочницу Codesandbox переписывали с redux на cerebral: мотивация, процесс, выводы и обзор преимуществ и недостатков mobx-state-tree, redux и cerebral на основе реального опыта. Рассказ Кристиана Альфони → https://medium.com/p/40e9a5646281