Веб-разработка
- Все ток-видео с JSConf EU 2017
- Grab Front End Guide 📚 Учебное пособие и введение в современный интерфейсный стек.
- Приготовьтесь к веб-Bluetooth!
- Использование Workbox + Webpack для предварительного кэширования с помощью Service Worker
- Cell — самоконструирующийся фреймворк для веб-приложений, основанный на самоуправляемом DOM.
- Доступность глазами реальных людей с ограниченными возможностями
- Доступные модальные диалоги
AMP/PWA:
- Каталог PWA — Каталог прогрессивных веб-приложений
- Что такое ускоренные мобильные страницы и чем они отличаются от адаптивного веб-дизайна
- Пожалуйста, сделайте Google AMP необязательным
Инструменты:
- Наш редактор электронной почты поможет вам создавать красивые и отзывчивые сообщения.
- Перезагрузка сетевого монитора (часть 1), Взлом инструмента разработчика сетевого монитора (часть 2)
- Введение в FuseBox — более быструю и простую альтернативу Webpack
- Введение в Webpack: вход, выход, загрузчики и плагины
- Представляем Bonsai: анализатор Webpack с открытым исходным кодом
Анимация:
- Улучшите анимацию SVG с помощью GSAP
- CSS-анимация против веб-анимации API
- Анимация с помощью CSS, JS и SVG и предотвращение выгорания с Сарой Драснер
CSS
- Введение в модуль CSS `fr`
- Практическое руководство по CSS-переменным (пользовательские свойства)
- Создание готовых макетов CSS Grid уже сегодня
- Шкалы адаптивной типографики в CSS
- Типографский потенциал вариативных шрифтов
- Мысли о самодокументирующемся CSS
- Создайте минималистскую HTML-карту всего за 53 строки кода (с помощью Flexbox)
- Обработка длинного и неожиданного контента в CSS
- Результаты Ultimate CSS Survey 2017
- От препроцессоров CSS к CSS в JS
JavaScript
- Новые релизы: ESLint v4.0.0, V8 Release 6.0, Node 8 и npm5
- Реактивное программирование, БЛИН. Это не про ReactJS
- Сборник заклинаний современной веб-разработки: общая картина, тезаурус и таксономия современной веб-разработки на JavaScript
- Почему стоит ограничивать JavaScript — и как это сделать
- Выбирая шутку вместо мокко
Практика:
- 19+ техник сокращенного кодирования JavaScript
- Как я спроектировал и создал полноценный клон Trello на JavaScript
- Как отслеживать изменения в DOM с помощью Mutation Observer
- JavaScript — использование холста для водяных знаков на изображениях
- Машинное обучение с помощью JavaScript: часть 1
- Ускоренный курс по управлению памятью
- Повесть о производительности JavaScript, часть 3: рендереры всех форм и размеров
Vue:
- vue-styleguidist — создано из react styleguidist для компонентов Vue с живым руководством по стилю.
- Расширение компонентов VueJS
- XSS во Vue.js
- Создание приложения на Vue JS (webpack, axios, bootstrap 4, reddit и бесконечная прокрутка в vanilla javascript)
- Станет ли Vue.js таким гигантом, как Angular или React?
Угловой:
- Угловой 4.2 теперь доступен
- Angular 1.0 исполняется пять лет
- PWA с Angular: Быть надежным, Быть быстрым, Быть привлекательным
- Исправление чрезмерного использования шаблона Angular
- Настройка Angular 2 Webpack для разработки и производства
Реакция:
- Видеокурс Начало работы с Preact
- Что такое React?. Термины React на простом английском и дудлы
- Почему я предпочел React Vue
- Выпущена версия Is-React 1.0.0! Утилиты для React
- Состояние React против состояния Redux: когда и почему?
- Снова сделайте React быстрым [Часть 1]: график производительности
Библиотеки и плагины:
- Выделение в текстовом поле v2
- spected — низкоуровневая библиотека валидации для проверки объектов на соответствие определенным правилам валидации.
- js-joda — неизменяемая библиотека даты и времени для javascript
- collect.js — удобная и свободная от зависимостей обертка для работы с массивами и объектами
- dutier — небольшое (1 КБ), асинхронное и простое решение для управления состоянием приложений Javascript.
Браузеры
- Firefox 54: E10S-Multi, WebExtension API, CSS clip-path
- Лучший Firefox всех времен
- Firefox 55 для разработчиков
- Chrome 60 Beta: Paint Timing API, отображение шрифтов CSS и улучшения API управления учетными данными
- Отпразднуйте Интернет, используя браузер, отличный от Google Chrome
- Как написать расширение для Chrome
