For Web — фронтенд, дизайн, программирование
14.6K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Доступность для продуктовых команд

Правительство США поделилось рекомендациями по внедрению практик доступности в работу продуктовых команд. Прочитайте сами и поделитесь с менеджерами, дизайнерами и редакторами → https://accessibility.digital.gov/
Чем WebAssembly значительно отличается от Flash и Java Applets, несмотря на их кажущееся сходство? Объяснение Стива Клэбника → https://words.steveklabnik.com/is-webassembly-the-return-of-java-applets-flash
Как одна строчка JavaScript-кода замедлила ft.com в десять раз, или почему нужно быть аккуратным с сериализацией и десериализацией JSON в Node.js → https://medium.com/p/5afb02bfd93f
ReportingObserver

Браузеры периодически помечают некоторые API как устаревшие (например, синхронный XMLHttpRequest), а иногда и вовсе ломают их в угоду себе или пользователю. О таких случаях браузеры сообщают предупреждениями в консоли, но программно эти предупреждения перехватить нельзя.

ReportingObserver позволит отслеживать использование устаревших и сломанных браузерами API. Подробнее о его пользе и применении в обзоре Эрика Бидельмана → https://developers.google.com/web/updates/2018/07/reportingobserver
Как опубликовать NPM-пакет и оформить его репозиторий, простое руководство Джонатана Вуда → https://medium.freecodecamp.org/2881d4307f78
Руководство инженера по опционам

Сотрудникам стартапов иногда предлагают опционы (право на приобретение доли в компании в будущем). Алекс МакКоу объяснил, как опционы устроены, как их обналичить и какие есть подводные камни → https://blog.alexmaccaw.com/an-engineers-guide-to-stock-options
Как спроектировать хороший GraphQL API

Инженеры Shopify выложили в открытый доступ своё внутреннее руководство, основанное на их трёхлетнем опыте использования GraphQL → https://gist.github.com/swalkinshaw/3a33e2d292b60e68fcebe12b62bbb3e2
Основы JavaScript-движков: структуры и инлайновые кеши

Подробный иллюстрированный рассказ Матиаса Байненса о том, как JS-движки хранят объекты и массивы, как структуры и инлайновые кеши помогают оптимизировать операции над ними и как разработчику на практике применить эти оптимизации → https://mathiasbynens.be/notes/shapes-ics
Как написать свой плагин для ESLint и зачем это может понадобиться → https://frontendmayhem.com/writing-your-own-eslint-plugins/

Как добавить в этот плагин поддержку автоматического исправления ошибок → https://frontendmayhem.com/writing-your-own-eslint-plugin-autofix-code/
23 главные рекомендации по защите приложений на Node.js в переводе на Хабре → https://habr.com/p/419719
Solved with CSS!

Серия статей Юны Кравец о задачах, решаемых современными возможностями CSS:

Раскрашивание SVG-иконок, используемых как background-image → https://css-tricks.com/solved-with-css-colorizing-svg-backgrounds/

Доступные выпадающие меню → https://css-tricks.com/solved-with-css-dropdown-menus/

Стилизация на основе количества элементов → https://css-tricks.com/solved-with-css-logical-styling-based-on-the-number-of-given-elements/
Beaker, экспериментальный p2p-браузер на основе протокола dat://, призванный сделать веб по-настоящему децентрализованным и вывести его из-под контроля корпораций → https://beakerbrowser.com/
This media is not supported in your browser
VIEW IN TELEGRAM
Доступность — это не сложно

Пабло Стенли делится семью простыми рекомендациями, которые сделают ваш сайт гораздо доступнее → https://uxdesign.cc/c04cc4779d94