For Web — фронтенд, дизайн, программирование
14.5K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Element.matches()

Для проверки активности элемента часто используется что-то вроде node.classList.contains('active'). В спецификации DOM есть более удобный и универсальный метод для проверки элемента на соответствие селектору — node.matches('.active').

Поддержка браузерами приличная, но для Edge 14- и IE нужен полифил.

Больше советов → https://github.com/forwebdev/ui-developer-tips
Химия CSS-гридов: Илья Стрельцын демонстрирует мощь гридов, верстая адаптивную периодическую таблицу Менделеева → https://css-live.ru/css/ximiya-css-gridov.html
Школа разработки интерфейсов Яндекса пройдёт с 29 сентября по 23 декабря в Москве, Санкт-Петербурге и Симферополе, приём тестовых заданий закончится между 13 и 31 августа. Подробности и регистрация → https://yandex.ru/promo/academy/shri2018
Большая подборка материалов для изучения CSS, разделённых по темам от основ до архитектуры и методологий → https://zendev.com/ultimate-guide-to-learning-css.html
Удаление неиспользуемых стилей с помощью PurgeCSS, опыт Сары Даян → https://frontstuff.io/how-i-dropped-250-kb-of-dead-css-weight-with-purgecss
vim.wasm, порт текстового редактора vim на WebAssembly: исходники, объяснение реализации и демо → https://github.com/rhysd/vim.wasm
Технический директор Gusto Эдвард Ким рассказал, как менялась его роль по мере роста компании от трёх до ста человек → https://engineering.gusto.com/how-my-role-as-cto-has-changed-as-weve-grown-to-100-engineers/
24 доклада с YGLF 2018 Kyiv: CSS-трюки, AR/VR, WASM, Kotlin, Parcel, GraphQL, криптовалюты в браузере и другие темы → https://www.youtube.com/playlist?list=PLII-CO3Ff0qaXCf7RgN7bulEmwZB_ngZG
Инженеры Airbnb поделились своим опытом оптимизации серверного рендеринга на Node.js → https://medium.com/p/c5ba718acfc9
Интеграционные тесты

Зачем нужны интеграционные тесты, чем они отличаются от модульных и как их внедрить в существующий проект, лекция Евгения Гаврюшина в ШРИ 2018 → https://youtu.be/dflmpqh_oRc
Как в Windows настроить быстрый bash-терминал на основе подсистемы Linux, опыт Николая Громова → https://nicothin.pro/page/windows-subsystem-for-linux
Коллекция экспериментов и примеров использования API Гудини: кастомные анимации, раскладки и многое другое → https://css-houdini.rocks/
Как устроен фронтенд Google Photos: сетка фотографий на всю ширину экрана без дыр, работа с большими данными, 60 FPS и быстрая подгрузка → https://medium.com/p/45b714dfbed1
immersive linear algebra, первая в мире книга по линейной алгебре с интерактивными иллюстрациями → https://immersivemath.com/ila/
Elements of AI

Бесплатный курс по искусственному интеллекту от Хельсинкского университета и компании Reaktor. Что такое ИИ, какие задачи он может решать, что такое машинное обучение и нейронные сети и как всё это применять в жизни  → https://www.elementsofai.com/
Инженеры Skillshare рассказали, почему выбирая библиотеку для управления состоянием они предпочли MobX Редаксу → https://medium.com/p/a05442279a2b
Аня Павлова поделилась впечатлениями от перехода на Vue после трёх лет работы с Реактом → https://medium.com/p/3d36d53abbd6