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
Elm изменил моё представление о непопулярных языках: заметка Александра Кэмпбэлла по мотивам знакомства с проектом на Elm в переводе Девшахты → https://medium.com/p/fa13b7ae2472
Squoosh, опенсорсное PWA от инженеров Google для ресайза, оптимизации и конвертации изображений с помощью популярных кодеков, скомпилированных в WebAssembly → https://squoosh.app/

Исходники → https://github.com/GoogleChromeLabs/squoosh/
Как улучшить UX страницы 404 и отследить ошибки, из-за которых пользователи на неё попадают, обзор Шелби Роджерс → https://www.smashingmagazine.com/2018/11/the-101-course-on-crafting-404-pages/
Что фронтендерам нужно знать о числах

Как числа хранятся в памяти компьютера, почему 0.1 + 0.2 не равняется 0.3, как в JavaScript не облажаться с большими числами и о каких тонкостях NaN и Infiinity стоит помнить → https://medium.com/p/8d59199db1b6
web.dev, коллекция лучших практик и интерактивных курсов по разработке современных веб-приложений: доступных, безопасных, быстрых, работающих в офлайне и использующих продвинутые возможности браузеров → https://web.dev/
Крупнейший бесплатный митап по фронтенду в Самаре пройдёт 24 ноября: оптимизация рендеринга, интерфейсы с реакцией на фразы пользователей, стайлгайды и горячие клавиши в Angular → https://panda-meetup.ru/frontend-samara-2018-11-24
Записи докладов Chrome Dev Summit 2018: архитектура веб-приложений, оптимизация быстродействия, современные возможности медиа в браузере, прогрессивные CMS, Houdini и другие темы → https://www.youtube.com/playlist?list=PLNYkxOF6rcIDjlCx1PcphPpmf43aKOAdF
Зачем бизнесу доступность? Подробный обзор четырёх основных причин → https://www.w3.org/WAI/business-case/
Рассылай и властвуй: обзор современных инструментов для создания и тестирования email-рассылок в блоге 2ГИС → https://habr.com/p/429772/
Девятый выпуск видеоблога Вадима Макеева с ответами на вопросы: какой тег использовать для меню, гриды или бутстрап, целесообразно ли делать удобные сайты → https://youtu.be/QAEQ6CG-xBQ
Руководство по кастомным элементам для React-разработчиков

Обзор основных преимуществ кастомных элементов и пример разработки небольшого приложения для вывода информации о GitHub-репозиториях → https://css-tricks.com/a-guide-to-custom-elements-for-react-developers/
Meta Tags, сервис для отладки внешнего вида сниппетов (превью ссылок) популярных сервисов вроде Google или Slack → https://metatags.io/
Трёхмерный анимированный эмодзи-город на CSS-трансформациях → https://codepen.io/GeorgePark/full/MqVoYP/
Photopea, один из самых доступных графических редакторов: бесплатный, кроссплатформенный, не требует установки, поддерживает форматы других популярных редакторов (PSD, Sketch, XCF, CDR и XD) → https://www.photopea.com/
Как инженеры Фейсбука используют Stylelint для повышения качества CSS-кода → https://code.fb.com/open-source/improving-css-quality-at-facebook-and-beyond/
Психология читабельности кода: почему один код бывает читабельнее другого и какие за этим стоят психологические понятия и явления → https://medium.com/p/d23b1ff1258a
Динамическое ценообразование, или как Яндекс.Такси прогнозирует высокий спрос и формирует стоимость заказа: подробное объяснение с техническими деталями реализации в блоге Яндекса → https://bit.ly/2K37kHH
Когда стоит использовать флексбокс, если есть более мощные гриды? Рейчел Эндрю с обзором применений флексбокса и гридов в переводе Екатерины Турапиной → https://htmlacademy.ru/blog/371-flexbox-use-cases
Начинаем работу с WebAssembly, используя всего 14 строк кода: руководство Дэниэла Симмонса в переводе Александра Ергина → https://medium.com/p/89960df71498
This media is not supported in your browser
VIEW IN TELEGRAM
enquirer, утилита для добавления диалоговых интерфейсов в CLI-приложения → https://github.com/enquirer/enquirer