For Web — фронтенд, дизайн, программирование
14.4K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Web Code Tools, коллекция генераторов кода для типовых задач: CSS-анимация, opengraph-разметка и тому подобное — https://webcode.tools/
Зачем нужен БЭМ и насколько он востребован вне Яндекса? Разбирается Вадим Макеев в свежем выпуске «HTML-шортов» — https://youtu.be/lQPs20b3Ey8
Введение в философию Webpack: зачем он нужен и как им пользоваться — https://medium.com/devschacht/d12415cc8594
18F Method Cards, коллекция подробно описанных практик для проектирования, ориентированного на пользователей — https://methods.18f.gov/
Плагин для PostCSS, вырезающий ненужные части Normalize.css на основе вашего списка поддерживаемых браузеров — https://github.com/jonathantneal/postcss-normalize
Styled Components 2.0, появился новый сайт с интерактивной демкой и документацией — https://www.styled-components.com/
В первую очередь объявляйте обязательные параметры функции, а опциональные объединяйте в один параметр options — https://github.com/andrew--r/ui-developer-tips#Объявление-параметров-функций
Как работают JS-движки, что такое JIT-компиляция и как писать дружественный к движку код, доклад Франциски Хинкельман на JSConf EU — https://youtu.be/p-iiEDtpy6I
Эдди Османи на JSConf EU о способах заставить страницу загружаться практически моментально — https://youtu.be/7vUs5yOuv-o
Вышел npm 5.0.0 со новым механизмом фиксации версий зависимостей (package-lock.json) и скоростью, близкой к yarn — https://github.com/npm/npm/releases
Микросервисы на Node.js по-простому: практическое пособие для начинающих — https://medium.com/@dashersw/f41bb2be2d3c
«Пятиминутка React» №18: pnpm и npm 5, официальный форум React.js, HTML-шорты — http://5minreact.ru/18-pnpm/
a11y.css, сборник распространённых ошибок и букмарклет для проверки страниц на доступность — http://ffoodd.github.io/a11y.css
Frontend Optimization Handbook, бесплатная книга от O'Reilly об инструментах, процессе и культуре оптимизации фронтенда (PDF, 13 МБ) — http://www.oreilly.com/web-platform/free/files/hpe-frontend-optimization-handbook.pdf
Birdview, обзор всей страницы «с высоты птичьего полёта» с возможностью перехода в любое место — http://achrafkassioui.com/birdview/
Большое пособие по различным видам рекурсии и их оптимизации в JavaScript — http://lucasfcosta.com/2017/05/08/All-About-Recursion-PTC-TCO-and-STC-in-JavaScript.html
Инфографика с обзором семи наиболее популярных JS-фреймворков — https://hackernoon.com/c8db6b85f1d0
Очень показательная история XSS-уязвимости в сервисе Tweetdeck — https://dev.to/ben/my-all-time-favorite-demonstration-of-a-cross-site-scripting-attack