For Web — фронтенд, дизайн, программирование
14.7K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Спорные Web API: обзор новых API, о внедрении которых не могут договориться браузеры по причинам вроде нарушения приватности → https://webapicontroversy.com
Погружаемся в тени: теория и практика применения теней в веб-дизайне → https://css-tricks.com/getting-deep-into-shadows/
This media is not supported in your browser
VIEW IN TELEGRAM
git-notify, инструмент для оповещения коллег о важных изменениях в кодовой базе прямо в терминале после git pull → https://github.com/jevakallio/git-notify
В Google Fonts появилось 2 000+ бесплатных иконок Material Design в пяти стилях и различных форматах для веба, iOS и Android → https://fonts.google.com/icons
Подробное введение в Streams API, позволяющий поточно обрабатывать большие данные: декодировать изображения, применять эффекты к видео на лету и многое другое → https://web.dev/streams/
Постепенное внедрение GraphQL и Apollo в legacy-приложение: реальный опыт фронтендеров Trello → https://www.atlassian.com/engineering/a-look-at-trello-adopting-graphql-and-apollo-in-a-legacy-application
Как разрабатывается фронтенд в Lyft: от инструментов и инфраструктуры до коммуникации и оргструктуры → https://eng.lyft.com/frontend-at-lyft-an-overview-f934c1524370
Изучаем внутреннее устройство компьютеров, разрабатывая 16-битную виртуальную машину на JavaScript: 15 подробных видеоуроков → https://www.youtube.com/playlist?list=PLP29wDx6QmW5DdwpdwHCRJsEubS5NrQ9b
Вавилонская башня из миллиона печенек на TypeScript, React и MobX : фронтендеры KTS об опыте разработки и оптимизации мобильной игры к 5-летию Oreo в России → https://habr.com/p/546388/
Гамбит килобайта: попробуйте обыграть шахматный движок, уложенный в 1024 байта JavaScript-кода → https://vole.wtf/kilobytes-gambit/
Исследуем CSS-директиву property: обзор новой директивы, позволяющей сообщить браузеру, как анимировать CSS-переменные → https://css-tricks.com/exploring-property-and-its-animating-powers/
Смерть Node.js-процесса: Томас Хантер с исчерпывающим обзором причин, по которым процесс может быть остановлен → https://thomashunter.name/posts/2021-03-08-the-death-of-a-nodejs-process
Plaiceholder, инструмент для генерации размытых изображений-заглушек на время загрузки оригинала: поддерживает CSS, SVG, base64 и другие форматы → https://plaiceholder.co
Дорожная карта начинающего фронтенд-разработчика: что и в каком порядке изучать + ссылки на полезные материалы → https://frontendmasters.com/guides/learning-roadmap/
Как разрабатывать доступные графики на D3 на примере колец активности Apple → https://fossheim.io/writing/posts/apple-dataviz-a11y-tutorial/
Отрисовка больших логов в GitHub Actions: фронтендеры GitHub об опыте отрисовки 50 000 строк текста без ущерба для быстродействия и UX → https://github.blog/2021-03-25-how-github-actions-renders-large-scale-logs/
Предотвращаем межсайтовый скриптинг (XSS) с помощью Content-Security Policy: руководство по настройке строгой CSP для предотвращения возможных атак → https://web.dev/strict-csp/
simple-git-hooks, легковесная и простая в использовании альтернатива husky для использования git-хуков → https://github.com/toplenboren/simple-git-hooks
[Вакансия, Москва или удалёнка]
Фронтенд-разработчик в Авито

Авито — самый популярный сервис объявлений в Европе с ежемесячной аудиторией более 47 миллионов человек. Мы находимся на третьем месте в рейтинге самых дорогих российских интернет-компаний. У нас вы будете работать над продуктом, которым пользуются все вокруг — друзья, семья, знакомые.

Ищем фронтендера в команду Trust & Safety, отвечающую за доверие и безопасность пользователей на площадке. Команда занимается защитой профилей от взломов и угонов, рефакторингом сценариев аутентификации, доработкой рейтинговой системы и многими другими задачами.

Откликнуться на вакансию → https://www.avito.ru/company/job/frontdevtns
Размер шрифта бесполезен; давайте это исправим! Никита Прокопов разбирается, что не так с привычным способом измерения шрифтов и какая есть альтернатива → https://tonsky.me/blog/font-size/