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
Введение в Native File System API, новый API для работы с локальными файлами → https://developers.google.com/web/updates/2019/08/native-file-system
Открыт набор на бесплатный курс «Основы программирования» от Тимура Шемсединова: фундаментальные темы, лекции и код на YouTube и GitHub, опциональные экзамены. Старт занятий 3 сентября → https://habr.com/p/464023/
Когда "Zoë" !== "Zoë": Алессандро Сегала о нюансах представления Unicode-строк и способе избежать багов с помощью нормализации → https://withblue.ink/2019/03/11/why-you-need-to-normalize-unicode-strings.html
7 моих заблуждений как junior-разработчика: Моника Лент о том, как поменялся её взгляд на промышленное программирование за 10 лет работы → https://monicalent.com/blog/2019/06/03/absolute-truths-unlearned-as-junior-developer/
🎧
Свежие подкасты

Frontend Weekend Remote №1, в гостях Никита Дубко: конференции, синдром самозванца, подготовка докладов → https://soundcloud.com/frontend-weekend/fwr-1

«Девшахта» №92, в гостях Александр Коротаев и Алексей Золотых: как автоматизация помогает в работе и как найти на неё время → https://medium.com/p/50bf06d4bf5b

«Фронтенд-юность» №104: почему фронтенд растёт через задницу → https://soundcloud.com/frontend_u/e104

«Сделайте мне красиво» №23, в гостях Сергей Фролов и Сергей Рубанов: ламповые конференции,10х разраб и WebAssembly → https://soundcloud.com/begebot/ep23

«Веб-стандарты» №189, в гостях Павел Ловцевич и Анна Селезнёва: MathML в Chrome, ленивые картинки в Chrome, поворот картинки в CSS, нативные CSS-модули, БЭМ или CSS-in-JS, зачем нужны основы, манифест приватности, CSS-Minsk-JS → https://medium.com/p/8390bf90f2a7

«Новости 512»: RoR 6, native JS-modules, Vue Composition API, оптимизация анимаций и загрузки images → https://soundcloud.com/csssr/novosti-512-ror-6-native-js-modules-vue-composition-api-optimizatsiya-animatsiy-i-zagruzki-images
npmfs, сервис для просмотра и сравнения содержимого опубликованных NPM-пакетов по версиям → https://npmfs.com/
Предложение по добавлению в веб-платформу нативного API для реализации виртуального скролла → https://github.com/WICG/virtual-scroller
Embedded Image Previews, новая техника предзагрузки изображений, не требующая генерации отдельной версии картинки в маленьком разрешении → https://www.smashingmagazine.com/2019/08/faster-image-loading-embedded-previews/
Введение в optional chaining operator, позволяющий безопасно обращаться к глубоким полям во вложенных структурах → https://v8.dev/features/optional-chaining
Как реализовать систему плагинов в вебе и спать спокойно: инженеры Figma подробно рассказали, как они продумали и реализовали систему плагинов, отвечающую требованиям безопасности и быстродействия → https://www.figma.com/blog/how-we-built-the-figma-plugin-system/
This media is not supported in your browser
VIEW IN TELEGRAM
Как мы учились рисовать тексты на Canvas: инженеры платформы для визуальной коллаборации Miro о нюансах отрисовки текста, переезде с Flash на Canvas и отказе от SVG foreignObject → https://habr.com/p/458624/
Как фронтенд влияет на расход аккумулятора? Обзор факторов и практические советы по анализу и повышению энергоэффективности сайта от Саймона Фрейзера → https://webkit.org/blog/8970/how-web-content-can-affect-power-usage/
Подробный обзор внутреннего устройства Node.js: как в ней реализована асинхронность, как выполняется код и как работает сборка мусора → https://youtu.be/LbwUETu7Rgc
Заголовок Save-Data выставляется браузером, если пользователь включает в настройках режим экономии трафика.

Более чем у 20% индийских и бразильских пользователей Shopify встречается этот заголовок. Shopify сократила для них размер страницы на 13% → https://twitter.com/brend0/status/1166817897500618753

Вы тоже можете отдавать облегчённую версию страницы пользователям с заголовком Save-Data.
Важные материалы второй половины августа: энергоэффективный фронтенд, Figma и плагины, текст на Canvas, дизайн-система Dropbox, умный автокомплит, ES-модули в продакшене, альтернатива Electron на Qt, нативный виртуальный скролл, Native File System API → https://forwebdev.ru/digest/2019-09-01
curl exercises, шпаргалка и практические упражнения по работе с CLI-утилитой curl от Джулии Эванс → https://jvns.ca/blog/2019/08/27/curl-exercises/
Что не так с тултипами и что использовать вместо них? Адам Силвер разбирает проблемы и предлагает альтернативы → https://adamsilver.io/articles/the-problem-with-tooltips-and-what-to-do-instead/
Должны ли вы использовать веб-воркеры? Скорее всего нет, считает Дэвид Гилбертсон: сравнение пользы и затрат на внедрение воркеров в обычные приложения → https://medium.com/p/9b6d26dc8c6a
Как мы перестали беспокоиться и полюбили GraphQL: история инженеров Revolut → https://medium.com/p/80a5f83f36d9
Введение в X3D, декларативный формат описания 3D-визуализаций, применимый в вебе → https://blog.scottlogic.com/2019/08/27/declarative-3d-for-the-modern-web.html