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
16 докладов с FrontTalks 2017 на английском и русском языках: производительность, доступность, валидация, wasm, serverless, переключение мозгов и другие темы — https://events.yandex.ru/events/fronttalks/2017/
«Фронтенд-юность» № 26: во всём виноват Джейк Арчибальд, переход на 3-часовой рабочий день, хорошим программистам неинтересно учить людей — https://soundcloud.com/frontend_u/e26
Как сверстать простую сетку на гридах с фолбеками с помощью директивы supports, Чэнь Хуэй Цзин в переводе CSS-Live — http://css-live.ru/articles/verstka-prostoj-setki-s-folbekami-ispolzuyushhimi-direktivu-supports-feature-queries.html
Frontend Weekend №27, в гостях Денис Радин из Evolution Gaming: обо всей правде жизни разработчика за границей — https://soundcloud.com/frontend-weekend/fw-27
«Веб-стандарты» №94, в гостях Михаил Колосков из Яндекс.Денег: WSD в Москве, KharkivFrontend, Node.js 8 LTS, типографика и CSS, интервенции Chrome, дизайн в Деньгах — https://soundcloud.com/web-standards/episode-94
This media is not supported in your browser
VIEW IN TELEGRAM
Как заанимировать превращение из звезды в сердечко на SVG и JavaScript, руководство Аны Тюдор на CSS-Tricks — https://css-tricks.com/creating-star-heart-animation-svg-vanilla-javascript/
Отладка Node.js-приложений, десятая глава Node Hero в переводе devSchacht — https://medium.com/p/60b08a3a2f82
Вышел Firefox Quantum, часть внутренностей которого переписана на Rust для большей производительности и меньшего потребления памяти, Лин Кларк с подробностями — https://hacks.mozilla.org/2017/11/entering-the-quantum-era-how-firefox-got-fast-again-and-where-its-going-to-get-faster/
Really Good UX, коллекция иллюстрированных примеров хорошего UX из реальных приложений и сервисов — https://www.reallygoodux.io/
Как легко добавлять вариации компонентов с помощью CSS-переменных, руководство Джонатана Харрелла с примерами — https://jonathan-harrell.com/component-variants-scoped-css-variables
Безопасность: как защитить приложение на Node.js от распространённых видов атак, 11 глава Node Hero в переводе devSchacht — https://medium.com/p/c35c590f518e
Как улучшить UX перехода по ссылкам? Явно показывать пользователю, откроется ссылка в текущей или в новой вкладке — https://augustin-riedinger.fr/en/resources/thoughts-on-target-blank/
Teletype, режим совместного редактирования в текстовом редакторе Atom — https://teletype.atom.io/
Live Share, режим совместного редактирования для редактора Visual Studio Code — https://code.visualstudio.com/blogs/2017/11/15/live-share
Как делать на SVG заглушки для тяжёлых изображений, обзор техник — https://medium.freecodecamp.org/bed1b810ab2c
FCP, FMP, TTI и другие метрики загрузки страницы: что они все означают? Объясняет Артём Денисов в блоге «Веб-стандартов» — https://medium.com/p/ff23c213164e
Цена использования JavaScript: из-за чего тормозят странички на мобильных и как это оптимизировать, подробный рассказ Эдди Османи — https://medium.com/p/84009f51e99e