For Web — фронтенд, дизайн, программирование

Flexulator, интерактивная визуализация механизма расчёта размеров флекс-элементов на основе basis/shrink/grow → https://www.flexulator.com/

Как убедить команду начать использовать CSS-гриды? Практические советы от Мишель Баркер → https://css-irl.info/how-to-convince-your-team-to-adopt-grid/

Мэтью Стром делится опытом перехода на вариативный шрифт: реализация, влияние на производительность, оптимизация и выводы → https://matthewstrom.com/writing/variable-fonts.html

Упрощаем стилизацию с функциональным CSS: Гарри Николс сравнил традиционный и функциональный подходы к стилизации на примере клона Trello → https://rangle.io/blog/styling-with-functional-css/

Инженеры Spotify рассказали, зачем и как была разработана новая веб-версия их плеера → https://labs.spotify.com/2019/03/25/building-spotifys-new-web-player/

Feature policy playground, список фич и демонстрация работы Feature Policy, позволяющей отключать небезопасные для страницы/iframe фичи → https://featurepolicy.info/

Majestic, GUI к Jest для тех, кто не любит консольные интерфейсы → https://github.com/Raathigesh/majestic

У кого из Формулы-1 самый быстрый сайт? Джейк Арчибальд подробно разбирает лучшие практики и антипаттерны на реальных сайтах гоночных команд → https://jakearchibald.com/2019/f1-perf/

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

«Фронтенд-юность» №88: корпорации уничтожают OpenSource, посчитай свою зарплату, приведение типов в JS и магия, встроенные модули → https://soundcloud.com/frontend_u/e88

«Девшахта» №73: вопросы к стрелочным функциям и экспериментальные модули в Node.js → https://soundcloud.com/devschacht/nightly-73

ProConf №5, обзор re:develop → https://soundcloud.com/proconf/proconf-5-redevelop

ProConf №6, обзор bulbacon → https://soundcloud.com/proconf/proconf-6-bulbacon

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

dropcss, быстрый и простой в использовании инструмент для удаления мёртвого CSS-кода → https://github.com/leeoniya/dropcss

Как я стал лучше как программист: опыт и советы создателя Prettier и Nunjucks Джеймса Лонга → https://jlongster.com/How-I-Became-Better-Programmer

Фронтенд без JavaScript: Мэтт Райер об опыте отказа от JS-фреймворков в своём продукте в пользу классического подхода с минимумом JS → https://dev.to/winduptoy/a-javascript-free-frontend-2d3e

[Вакансия] Badoo, Москва

Только JavaScript, никакого дизайна и вёрстки! Работа-мечта: делать приложения для 400+ млн пользователей вместе с сильнейшими экспертами индустрии и наслаждаться комфортом в хорошей компании. Иногородним кандидатам — помощь с переездом!

Подробнее → http://bit.ly/frontend_badoo

Try GraphQL! Интерактивное руководство по основам GraphQL → https://trygql.com/

Uibook, витрина для React-компонентов с простой настройкой, живым редактированием текстов и средствами тестирования адаптивности → https://github.com/vrizo/uibook/

Руководство по разработке собственной бесплатной и приватной альтернативы Google-аналитике → https://www.pcmaffey.com/roll-your-own-analytics/

Little Virtual Computer: изучите основы работы компьютеров на примере симуляции крошечного компьютера на JavaScript → https://github.com/jsdf/little-virtual-computer

Как был разработан сайт Chrome Dev Summit: Сэм Торогуд с подробным рассказом о требованиях, технологиях и принятых решениях → https://dev.to/chromiumdev/the-chrome-dev-summit-site-case-study-15ng

lax.js, легковесная (~2 КБ) библиотека на чистом JS для анимирования элементов при прокрутке страницы → https://github.com/alexfoxy/laxxx

Почему нельзя изменить размер шрифта посещённых ссылок? Объяснение Джима Фишера → https://jameshfisher.com/2019/03/08/why-cant-i-set-the-font-size-of-a-visited-link/