Дайджест свежих материалов из мира фронтенда за последнюю неделю №338 (5 — 11 ноября 2018)
Медиа
- Подкаст «Веб-стандарты», Выпуск №146: Веб-приложения на десктопе, безопасность и фронтопсы, Test262, Babel и Webpack, вопросы к HolyJS.
- Подкаст «Frontend Weekend» #78 – Антон Черноусов aka golodnyj о становлении менеджера продукта из программиста и подкастинге
- Подкаст «CSSSR» Новости 512 — Выпуск №28 (05.11 — 11.11)
- Подкаст «Пятиминутка React» #49 - bem-react-core
- «Девшахта — подкаст»: #56: NodeConf EU 2018
- Подкаст «Drinkcast», #29 — «Фронтенд по-американски со Степаном Коршаковым»
- "ReactiveConf 2018", 47 видео
Веб-разработка
-
Производительность:
- A Netflix Web Performance Case Study. Детальная статья от Addy Osmani о том, как удалось улучшить показатель Time-To-Interactive для десктопной версии Netflix.com
- Повышение производительности анимированных GIF с помощью HTML5 Video
- Web Performance 101. Детализированное введение в производительность загрузки современного веба от Ивана Акулова
-
WordPress:
- Что нового в WordPress 5.0 (Как приготовится к Gutenberg)
- The Guten, the Berg, and the Ugly. Непереводимая игра слов, сводящаяся к описанию различных сторон Gutenberg, который был неоднозначно воспринят разработчиками
- Уроки, выученные благодаря Gutenberg
- Улучшение рендеринга веб-шрифтов в стандартной теме Wordpress
-
Инструменты:
- Прокачиваем навыки отладки с помощью инструментов разработчика Chrome (часть 2)
- npm: полезные сокращения и трюки
- Зачем я написал 33 расширения для VSCode и как я ими управляю
- Непрерывная интеграция с помощью Prettier + ESLint
- fx - CLI-инструмент для обработки JSON
- Git алиасы, без которых я не могу жить
-
Accessibility:
CSS
- Как я создал меняющую настроения анимацию с помощью масок CSS
- Создание адаптивных изображений
- Советы по CSS, которые вы вряд ли найдете в самоучителях
- Как быстро спроектировать сайт с помощью CSS Grid
- Полезный совет: использование calc() для изменения высоты Hero-компонентов страницы
- Пять лет PostCSS: State of the Union. Андрей Ситник о состоянии дел в его проекте
- CSS фреймворки или CSS Grid: Что я должен использовать для своего проекта?
- Почему браузеры скачивают стили с неподходящими Media Queries
- Оптимизация CSS путем удаления неиспользуемых Media Queries
- CSS и сетевая производительность. Подробная статья Гарри Робертcа
- Лейауты с плитками на гридах с помощью auto-fit и minmax
- Краткий результат анализа и сравнения CSS в Twitter PWA и старого десктопного сайта
- Editorial Layouts, Floats и CSS Grid. Статья о проблемах оформления в стандартных редакторских текстах при невозможности использования float. А также, быстрый ответ Rachel Andrew с решением в виде Exclusions
JavaScript
-
10 вещей, которые нужно выучить по пути к становлению мастером JavaScript
-
За пределами console.log(). Занимательно, что это не очередная статья, пропагандирующая использование debugger
-
ES2015+:
-
NodeJS:
- [в закладки] PDF-версия руководства по Node.js и новое руководство по JavaScript
- Создание GraphQL сервера с NodeJS
- node-skeleton: заготовка для nodejs с пакетами Typescript, Docker, PM2, Eslint, VSCode config, Winston, Typedoc, Nodemon, AVA, PromClient, OpenAPI/Swagger, и прочим
- Как использовать NodeJS без фреймворков и сторонних библиотек
- Что нового в LTS с Node.js 10 LTS
-
VueJS:
- Hello Vue Components - пример библиотеки компонента, созданной на Vue CLI 3
- Создание радиальной диаграммы на Vue и SVG
- Поправляем виртуальный DOM Vue.js: необходимость, объяснение и решение
-
React:
- Компоненты высшего порядка в React
- Имплементация плавного скроллинга в React
- React Suspense c Fetch API
- Введение в хуки React
- 5 вещей, которых я не знал о Create React App
- 3 преимущества функциональных компонентов в React на eCommerce сайтах
- re: Почему комьюнити React не понимает веб-компоненты? Отвечает Ден Абрамов
-
Angular:
-
Libs & Plugins:
Назад
