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

Под капотом компонентов: токены как базовые примитивы. Алекс Пейт о том, как сделать дизайн-систему более универсальной и гибкой → https://alexpate.uk/journal/theme-driven-design-systems/

Непопулярное мнение: статические ресурсы лучше хранить у себя, а не на сервисах вроде публичных CDN. Гарри Робертс с обоснованием → https://csswizardry.com/2019/05/self-host-your-static-assets/

For Web ищет соавтора! Нужно оформлять публикации для соцсетей на основе заранее составленного списка материалов. Подробности → https://www.notion.so/For-Web-7e1e7df7154b424ab300d809ecf5593c

html-only-chat, вдохновлённая css-only-chat реализация real-time чата без JS → https://github.com/iwonz/html-only-chat

Важные новости и материалы второй половины мая: W3C и WHATWG помирились, ускорение скриптов с Binary AST, асинхронное программирование, генератор раскладки на CSS-гридах, система цветов и тёмная тема VK, управление монорепозиториями → https://forwebdev.ru/digest/2019-05-31/

[Вакансия, Санкт-Петербург]
Fullstack-разработчик в Timeweb

Хостинг-провайдер Timeweb работает с 2006 года, помогает более чем 150 000 клиентам и обслуживает более 420 000 сайтов. У нас сильный отдел разработки, автономные команды и развитая инженерная культура (unit-тесты, кодревью, сервисная инфраструктура, CI/CD в GitLab). Мы ищем в команду Fullstack-разработчика на PHP/JS, вместе с которым мы будем развивать процессы и продукты от идеи до реализации.

Предлагаем белую зарплату от 120 000₽ на руки, зелёный и просторный офис в шаговой доступности от м. Московские ворота, оплачиваемые обеды на любой вкус (от вегетарианских до домашней кухни), компенсацию спортивных занятий, ДМС после года работы и другие приятности.

У нас много возможностей для развития: система обучения, открытые семинары, видеоконференции, библиотека профессиональной литературы. Интересные задачи + успешная работа = профессиональный и карьерный рост 🤘

Присылайте резюме Анастасии на hr@timeweb.ru.

Визуализатор CSS-свойства transform для лучшего понимания работы 2D и 3D-трансформаций → https://css-transform.moro.es

Пишем собственное правило для ESLint: Дмитрий Мананников с практическим примером → https://slonoed.net/ru/custom-eslint-rule/

Визуальный генератор раскладки на CSS-гридах от Сары Дрэснер → https://cssgrid-generator.netlify.com/

Fabulous, сайдбар с визуальным редактором стилей для VS Code → https://github.com/Raathigesh/fabulous

Как инженеры eBay применили WebAssembly для реализации сканера штрих-кодов в вебе: подробный рассказ с техническими и продуктовыми деталями → https://habr.com/p/453712/

W3C и WHATWG наконец договорились объединить свои спецификации HTML и DOM и работать над ними совместно! Илья Стрельцын с подробностями → https://css-live.ru/vecssti-s-polej/w3c-i-whatwg-neuzheli-dolgozhdannyj-mir.html

Популярный инструмент pm2 вот уже четыре года регулярно ломается из-за зависимости, код которой состоит из одного вызова console.log → https://github.com/Unitech/pm2/issues/4289

Как устроен Continuous integration в Яндексе: масштаб кодовой базы, монорепозиторий, процессы, решаемые задачи и технические детали → https://habr.com/p/428972/

Как спроектировать сложную таблицу: исчерпывающее руководство Славы Шестопалова по всем аспектам таблиц в вебе, от отображения данных до их редактирования и доступности → https://www.smashingmagazine.com/2019/02/complex-web-tables/

Как сделать регулярные выражения пригодными для чтения и понимания? Эмили Шэфер предлагает подход к их документированию → https://nasamuffin.github.io/regex/documentation/2019/05/08/documenting-regex.html

Основы Three.js: коллекция статей, советов и рецептов с интерактивными примерами → https://threejsfundamentals.org/

hacker laws, коллекция законов, принципов и наблюдений, полезных программистам → https://github.com/dwmkerr/hacker-laws

cross platform node guide, руководство по нюансам адаптации Node.js-приложений к работе на разных платформах вроде Windows или Linux → https://github.com/ehmicky/cross-platform-node-guide

Полный курс по асинхронному программированию от Тимура Шемсединова с видеолекциями и примерами кода → https://habr.com/p/452974/