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
This media is not supported in your browser
VIEW IN TELEGRAM
Примененяем Web Animations API для создания эффекта фейерверка при нажатии на кнопку → https://css-tricks.com/playing-with-particles-using-the-web-animations-api/
Quickref, экспериментальный поисковик для разработчиков от Рахима Давлеткалиева: только релевантные сайты, категории (блоги/форумы/репозитории/документация), приватность → https://quickref.dev
Эффективность Brotli в реальном мире: Гарри Робертс разбирается, какие результаты может дать переход от Gzip к Brotli → https://csswizardry.com/2020/04/real-world-effectiveness-of-brotli/
Красота прогрессивного улучшения: Мануэль Матузович делится примерами прогрессивного улучшения, благодаря которым его проект работает в IE11 и на современной версии Nokia 3310 → https://www.matuzo.at/blog/beauty-of-progressive-enhancement
Анализ быстродействия Notion: Иван Акулов подробно исследует слабые места приложения и предлагает практические оптимизации → https://3perf.com/blog/notion/
Как устроена локализация приложений Badoo: процесс, особенности, контроль качества, релизы и версионирование → https://habr.com/p/485138
Конец инди-браузеров: Сэмюэль Мэддок рассказывает, как W3C, Google, Microsoft и Netflix пошли против открытого веба и практически закрыли вход на рынок браузеров → https://blog.samuelmaddock.com/posts/the-end-of-indie-web-browsers
Git наизнанку: иллюстрированный пошаговый обзор внутреннего механизма работы Git → https://codewords.recurse.com/issues/two/git-from-the-inside-out
Диагностика приложений на Node.js: исчерпывающий обзор API и инструментов для поиска ошибок и проблем.

Часть 1 → https://nodesource.com/blog/diagnostics-in-NodeJS-1
Часть 2 → https://nodesource.com/blog/diagnostics-in-NodeJS-2
Часть 3 → https://nodesource.com/blog/diagnostics-in-NodeJS-3
Humaaans, бесплатная коллекция иллюстрированных персонажей с возможностью кастомизации → https://www.humaaans.com
Поддержка IE11 для обычных пользователей прекращается уже в октябре этого года → https://www.swyx.io/writing/ie11-eol

Крупные компании уже отказываются от поддержки IE в своих продуктах, в их числе YouTube, GitHub, Atlassian, Yahoo, Zendesk, Spotify и другие.
Reactivue, новый фреймворк, реализующий лучшее из мира React и Vue → https://reactivue.com
NanoPop, движок для позиционирования привязанных к другим элементам попапов (более простая и лёгкая альтернатива Popper) → https://github.com/Simonwep/nanopop
Опыт интеграции веб-компонентов на сайт Леруа Мерлен: Валентин Федяков о мотивации, процессе и результатах → https://habr.com/p/488648/
Великая миграция с CoffeeScript на TypeScript в 2017: инженеры Dropbox спустя три года рассказали историю переноса сотен тысяч строк кода на TypeScript → https://dropbox.tech/frontend/the-great-coffeescript-to-typescript-migration-of-2017
Что я не знал о CSS-свойстве content: Мануэль Матузович о малоизвестных значениях и возможностях content → https://www.matuzo.at/blog/heres-what-i-didnt-know-about-content/
NPM стал помечать пакеты заброшенными спустя сутки без коммитов → https://forweb.dev/news/2020-npm-abandoned-packages/
Ask About Company: список вопросов, которые вам стоит задать компании на собеседовании → https://askabout.company
Как разрабатывают фронтенд в макретплейсе Etsy

Localizing Logically for a Global Marketplace (21 октября 2011)
Multilingual User Generated Content and SEO (2 декабря 2011)
Measuring Front-end Performance With Real Users (29 ноября 2012)
Responsive emails that really work (13 марта 2014)
Transitioning to SCSS at Scale (2 февраля 2015)
Rebuilding the Foundation of Etsy’s Seller Tools (5 февраля 2015)
How Etsy Formats Currency (19 апреля 2016)
SEO Title Tag Optimization at Etsy: Experimental Design and Causal Inference (25 октября 2016)
Optimizing Meta Descriptions, H1s and Title Tags: Lessons from Multivariate SEO Testing at Etsy (25 января 2017)
Reducing Image File Size at Etsy (30 мая 2017)
How Etsy Localizes Addresses (26 сентября 2018)
Developing in a Monorepo While Still Using Webpack (6 апреля 2020)
The journey to fast production asset builds with Webpack (3 февраля 2020)

Опыт разработки фронтенда в других компаниях → https://github.com/andrew--r/frontend-case-studies
Первый взгляд на записи и кортежи в JavaScript: Аксель Раушмайер в переводе на Хабре с обзором инициативы по добавлению в JS новых иммутабельных типов данных → https://habr.com/p/504092/
SVG Path Visualizer, интерактивная визуализация и аннотация SVG-путей → https://svg-path-visualizer.netlify.app