For Web — фронтенд, дизайн, программирование
14.8K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Основы Вебпака за 15 минут: установка, настройка, модули и библиотеки, лоадеры — http://amp.gs/t3Ok
Разработка прогрессивного веб-приложения на основе Vue.js, инженеры Ele.me делятся опытом — https://medium.com/elemefe/2a446832e509
Microicons, коллекция SVG-иконок в виде микросервиса с настройкой заливки и вида иконки через URL — https://icon.now.sh/
Как обстоят дела с нативной валидацией форм, исследование Питера-Пола Коха в трёх частях — https://medium.com/samsung-internet-dev/native-form-validation-part-1-bf8e35099f1d
В Фейсбуке используется более 30 000 Реакт-компонентов. Как организован такой огромный проект? Ответ Дэна Абрамова — https://www.reddit.com/r/reactjs/comments/6al7h2/facebook_has_30000_react_components_how_do_you/dhgruqh/
В чём разница между Тайпскриптом и Flow и почему последний позволяет покрыть код типами намного быстрее — https://twitter.com/i/moments/863202076091961345
This media is not supported in your browser
VIEW IN TELEGRAM
Блоки во всю ширину экрана внутри контейнеров ограниченной ширины, решение задачи на CSS-гридах — https://cloudfour.com/thinks/breaking-out-with-css-grid-layout/
Помимо сообщества в ВК (vk.com/forwebdev) и странички в Твитере (twitter.com/forwebdev) у нас также есть общий Телеграм-чат, в котором можно общаться с коллегами на темы вокруг фронтенда. Присоединяйтесь — https://t.me/joinchat/AAAAAEIfDkEYdAKFyrBVLA
Редакс как сердце архитектуры Единой фронтальной системы Сбербанка — https://habrahabr.ru/p/328012/
Как стать фронтендером, бэкендером или девопсом в 2017 году, инфографика Квинси Ларсон в переводе Нетологии — https://habrahabr.ru/p/328426/
This media is not supported in your browser
VIEW IN TELEGRAM
Как в Chromium внедряли новый CSS-селектор :focus-within, перевод заметки Мануэля Рего о процессе и результате — https://habrahabr.ru/company/mailru/blog/328478/
speedracer, аналог тест-раннеров, но для измерения производительности JS-приложений и библиотек — https://github.com/ngryman/speedracer
Большой обзор способов и инструментов тестирования JavaScript-приложений в 2017 году — https://medium.com/powtoon-engineering/a-complete-guide-to-testing-javascript-in-2017-a217b4cd5a2a
Как сделать бесконечный тоннель на Three.js, руководство и несколько крутых демок — https://tympanus.net/codrops/2017/05/09/infinite-tubes-with-three-js/
Learn Anything, большая карта материалов для изучения по множеству тем от математики и информатики до дизайна — https://my.mindnode.com/KdeMPbxs8KPixsa5YUq5cphqJnQg81vpHaXcDX2i
Moments of Happiness, серия милых демок с животными на WebGL, Three.js и GSAP — https://moments.epic.net/
Многоликость JavaScript-функций: обзор и сравнение существующих синтаксисов для объявления функций — https://bocoup.com/blog/the-many-faces-of-functions-in-javascript
A11Y Style Guide, рекомендации по разработке доступных интерфейсов в виде стайлгайда: типографика, цвета, формы и другие примеры — http://a11y-style-guide.com/style-guide/