🎧
Свежие подкасты

«SPB Дринкаст» №29: фронтенд по-американски со Степаном Коршаковым → https://spb-frontend.ru/podcast/29

Frontend Weekend №78, в гостях Антон Черноусов: о переходе из программирования в менеджмент и подкастинге → https://soundcloud.com/frontend-weekend/fw-78

«Фронтенд-юность» №71, на работу к Илону Маску через ректальные хуки: Reactive Conf, новая версия JS в Nginx, взлом Telegram → https://soundcloud.com/frontend_u/e71

«Веб-стандарты» №146, в гостях Алексей Золотых и Стас Курилов: веб-приложения на десктопе, безопасность и фронтопсы, Test262, Babel и Webpack, вопросы к HolyJS → https://medium.com/p/dd34f9b8f12a

«Девшахта» №56, в гостях Илья Кашлаков: NodeConf EU 2018 → https://soundcloud.com/devschacht/devschacht-56

«Пятиминутка React» №49, в гостях Владимир Гриненко из Яндекса: все детали о свежем релизе bem-react-core v3 → https://5minreact.ru/49-bem-react-core/

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

От текстовой разметки к DOM

Как браузер парсит загруженную разметку, как строит из неё DOM и какие API для работы с ней предоставляет разработчикам, подробный обзор Тревиса Лейтхеда → https://alistapart.com/article/tags-to-dom

Пошаговый пример создания компилируемого в WebAssembly фреймворка на golang для разработки SPA → https://tutorialedge.net/golang/writing-frontend-web-framework-webassembly-go/

Исходники для нетерпеливых → https://github.com/elliotforbes/oak

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.devweb.dev, коллекция лучших практик и интерактивных курсов по разработке современных веб-приложений: доступных, безопасных, быстрых, работающих в офлайне и использующих продвинутые возможности браузеров → https://web.dev/

Крупнейший бесплатный митап по фронтенду в Самаре пройдёт 24 ноября: оптимизация рендеринга, интерфейсы с реакцией на фразы пользователей, стайлгайды и горячие клавиши в Angular → http://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

Динамическое ценообразование, или как Яндекс.Такси прогнозирует высокий спрос и формирует стоимость заказа: подробное объяснение с техническими деталями реализации в блоге Яндекса → http://bit.ly/2K37kHH