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
Справа налево: как перевернуть интерфейс сайта под RTL? Вторая статья инженеров 2ГИС о практической стороне реализации RTL-интерфейсов → https://habr.com/p/416635/

Первая статья с необходимой теорией → https://habr.com/p/358148/
JSCost, сервис от Эдди Османи для оценки и визуализации стоимости загрузки, парсинга и выполнения вашего JS-кода на реальных устройствах → https://jscost.org/
JavaScriptures: запись 6 внутренних воркшопов для инженеров Artsy по фронтенд-технологиям компании: React, TypeScript, Styled Components, Relay, Babel и Webpack → https://www.youtube.com/playlist?list=PLKqXGUTH_9hrr5z97OnL31bmQDDnn2WlU
Сколько багов можно обнаружить, внедрив статическую типизацию?

Стивен Лашер на примере реального проекта за 30 минут внедрил Flow, рассказал его основы и исправил найденные баги → https://youtu.be/M1CR0l5xSHg
brutal.js, брутальная замена Реакта в 126 строк кода, использующая нативный синтаксис и не требующая подключения и настройки кучи инструментов для транспиляции и сборки → https://github.com/dosyago-coder-0/brutal.js
Модульное тестирование

Дмитрий Андриянов в ШРИ 2018 о том, почему необходимо писать модульные тесты, как изолировать внешние зависимости, как тестировать взаимодействие с другими модулями и какие приёмы использовать для написания поддерживаемых тестов → https://youtu.be/qaL70WegmaI
🎧
Свежие подкасты

Frontend Weekend №61, в гостях Андрей Мелихов: о работе в Яндекс.Деньгах, Ночном фронтенде и захвате власти в devSchacht → https://soundcloud.com/frontend-weekend/fw-61

«Ночной фронтенд» №41: в поисках хорошего кодревью → https://medium.com/p/2d6b462225c4

«Фронтенд-юность», в гостях Дэн Стешенко: о переезде в Берлин, про Elixir, Ruby, Ember.js, Ситника, Нигерию, Германию и Россию → https://soundcloud.com/frontend_u/berlin

«Фронтенд-юность» №56: вирус в eslint-scope, оборзевший мейнтейнер, токсичное CSS-сообщество, UI-фреймворк Primer, вложенность в CSS → https://soundcloud.com/frontend_u/e56

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

«Веб-стандарты» №129, в гостях Лера Зелёная: вирус в npm, зачем Feature Policy, случай в Atom, мёртвый код, разделение ответственности, стрелка или пальчик → https://medium.com/p/181a9ff222ae
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