For Web — фронтенд, дизайн, программирование
14.6K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Что такое абстракция и косвенность, как они выражаются в коде и как и когда их применять → https://www.silasreinagel.com/blog/2018/10/30/indirection-is-not-abstraction/
Is It Blocked In Russia? Простой способ проверить, заблокирован ли сайт в России → https://isitblockedinrussia.com/
Every Layout, практический учебник по вёрстке композируемых и надёжных UI-компонентов: от примитивов до сложных раскладок с примерами и объяснениями задач и решений → https://every-layout.dev/
Периодическая таблица HTML-элементов с распределением по семантическим группам → https://www.madebymike.com.au/demos/html5-periodic-table/
Цена JavaScript в 2019: Эдди Османи о том, как JS влияет на перформанс и где основные бутылочные горлышки → https://v8.dev/blog/cost-of-javascript-2019
Elix, коллекция готовых к использованию и кастомизируемых веб-компонентов, реализующих распространённые UI-паттерны вроде каруселей, диалогов, меню и многого другого → https://component.kitchen/elix
​​[Вакансия, Москва]
Фронтендер в ivi.ru

Мы делаем самый крупный онлайн-кинотеатр в России с 50 млн пользователей ежемесячно. Ищем в команду JavaScript-разработчика, который будет вместе с нами делать классный продукт и пилить большие стратегические фичи.

У нас React/Redux/TypeScript/Node.js, своя дизайн-система, юнит-тесты, налаженные CI и CD, понятные Agile-процессы. Мы плотно работаем с новыми сотрудниками: погружаем в проект, составляем индивидуальный план развития, проводим регулярные встречи для развития и обратной связи.

Предлагаем белую зарплату от 150 до 200 тысяч на руки, ДМС после испытательного срока, помощь с релокацией, свободный график и демократичную атмосферу без бюрократии.

Подробнее о технологиях, команде и задачах → https://hh.ru/vacancy/30454370

Резюме присылайте [email protected].
Интернет-проект security.txt: знакомство с ещё одним .well-known файлом → https://habr.com/p/456910/
Track THIS, новая технология от Mozilla для защиты от таргетированной рекламы → https://blog.mozilla.org/firefox/hey-advertisers-track-this/
Антипаттерн reduce ({...spread}): Рич Снэп подробно объясненяет вред этого подхода и призывает избегать его → https://www.richsnapp.com/blog/2019/06-09-reduce-spread-anti-pattern
Почему шрифты без засечек лучше использовать в вебе, а с засечками — в печати? Марвин Даниг с объяснением → https://www.freecodecamp.org/news/to-serif-or-not-to-sans-serif/
Библиотеки для рисования финансовых графиков от TradingView: бесплатная и опенсорсная для простых графиков и проприетарная для теханализа → https://www.tradingview.com/HTML5-stock-forex-bitcoin-charting-library/
Зак Лезерман делится опытом разработки надёжной стратегии загрузки шрифтов для сайта CSS-Tricks → https://www.zachleat.com/web/css-tricks-web-fonts/
Роман Камушкин делится подходом к организации компонентов с разными состояниями в Figma на примере аватарки пользователя → https://habr.com/p/442494/
Важные материалы второй половины июня: состояние CSS в 2019, дизайн-система ivi, замена Gulp от Microsoft, сервис-воркер в поиске Google, учебник по вёрстке, вопросы для собеседований, комбинаторы промисов, цена JavaScript в 2019 → https://forwebdev.ru/digest/2019-06-30/
GraphQL: The Documentary. Документальный фильм об истории создания и развития GraphQL → https://youtu.be/783ccP__No8
Version Museum, визуальная история технологий: как с годами менялся интерфейс популярных сайтов, ОС и игр → https://www.versionmuseum.com/
Зачем писать свой React Data Grid в 2019: Александр Шутов о мотивации, процессе и проблемах разработки сложного компонента для отображения больших списков данных → https://habr.com/p/457504/
Когда нужно использовать веб-воркеры? Всегда! Александр Сурма рассказывает, зачем разгружать UI-тред от вычислений, как это давно делают разработчики мобильных приложений → https://dassur.ma/things/when-workers/
Какой самый производительный способ передачи состояния с сервера в браузер при серверном рендеринге? Хенрик Йортег с исследованием и неочевидным выводом → https://joreteg.com/blog/improving-redux-state-transfer-performance