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
Что фронтендерам нужно знать о числах

Как числа хранятся в памяти компьютера, почему 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
Как написать простой REST API на Node.js без фреймворков и библиотек → https://adityasridhar.com/posts/how-to-use-nodejs-without-frameworks-and-external-libraries
linaria, библиотека для CSS-in-JS без рантайма (для сравнения, styled-components добавляет в бандл ~20 КБ): компилируется в отдельные CSS-файлы, поддерживает динамическую стилизацию, работает со stylelint → https://linaria.now.sh/
Зачем и как нужно соблюдать уровни заголовков? Эрик Бэйли об одной из самых распространённых и при этом легко исправляемых проблем доступности в переводе Татьяны Фокиной → https://medium.com/p/229def4e0e33
🎧
Свежие подкасты

Frontend Weekend №79, в гостях Олег Поляков: об основании CodeDojo и о том, как это стало основным местом работы → https://soundcloud.com/frontend-weekend/fw-79

«Веб-стандарты» №147: Chrome Dev Summit, API к персональным данным, HTTP/3 на UDP, веб-компоненты → https://medium.com/p/a5a277e8c86a

«Фронтенд-юность» №72, как попасть к Ситнику в Browserslist: в Storybook добавили Ember, грязные приемчики для удовлетворения Денчика, оптимизации веб-перформанса от Netflix/nanoid/browserslist, ВК — правительственное говно, домогательства в Медузе и Гугле → https://soundcloud.com/frontend_u/e72

«Фронтенд-юность» №73: три корочки Эдди Османи, node.js спас космонавта, тренды 2018 и 2019 годов, растворяемый React, задачи для развития ума от MIT, squoosh → https://soundcloud.com/frontend_u/e73

«Девшахта» №57, в гостях Алексей Шаров: как в компании Wrike используют язык Dart → https://soundcloud.com/devschacht/devschacht-57

«Пятиминутка React» №50, в гостях Андрей Мелихов: обзор Я.Субботника по разработке интерфейсов в Санкт-Петербурге 11 августа 2018 → https://5minreact.ru/50-yasubbotnik-11-aug-2018/

«Новости 512» от CSSSR №29: обзор новостей, релизов и интересных публикаций → https://soundcloud.com/csssr/novosti-512-vypusk-29-1211-1811