For Web — фронтенд, дизайн, программирование
14.3K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Поддержка 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
Свежий выпуск журнала Increment посвящён фронтенду: архитектура, дизайн и UX, микрофронтенды, CSS, фреймворки, опыт реальных компаний и лидеров индустрии → https://increment.com/frontend/
Пишем игру «Сапёр» на чистом JavaScript: видеоурок Ани Кубов → https://youtu.be/rxdGAKRndz8
Rough Notation, библиотека для добавления на страницу анимированных пометок в тексте в стиле «от руки» → https://roughnotation.com/
Дизайн для пальцев, прикосновений и людей: как люди пользуются сенсорными экранами и как спроектировать удобный тач-интерфейс? Подробнейшее исследование Стивена Губера в трёх частях → https://www.uxmatters.com/mt/archives/2017/03/design-for-fingers-touch-and-people-part-1.php
Хорош ли Svelte для реализации виджета? Дмитрий Усов из Ситимобила об опыте реализации виджета заказа такси на Svelte → https://habr.com/p/504270/
Как инженеры Quarkly решили проблемы сторонних реализаций атомарного CSS в своей библиотеке Atomize: удобная адаптивность, темизация, поддержка любых псевдоклассов → https://habr.com/p/504064/

Конкурс: создайте или адаптируйте полезный React-компонент под Atomize и получите от $50 до $100 (или даже больше) → https://quarkly.io/contest-ru

#реклама
Возможно, вам не нужен Electron: обзор возможностей веба, удовлетворяющих потребности десктопных приложений → https://youmightnotneedelectron.com
neo.mjs, экспериментальный фреймворк, работающий в веб-воркерах для максимальной отзывчивости интерфейса → https://github.com/neomjs/neo
Обзор Amazon Web Services: список всех сервисов AWS с кратким и доступным описанием их предназначения → https://adayinthelifeof.nl/2020/05/20/aws.html