Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры | Занимательное |
Медиа
• Подкаст «CSSSR»: Новости 512 — IT-laws, долой git flow, Firefox 74, rollup 2.0.0, Rust 1.42, развитие Django
• Подкаст «Веб-стандарты» №220. Цветовая гамма, история CSS, сборка в Rome, фильм про Vue, i18n, Google Fonts, геймдев, митапы
• ProConf #53: VueConf 2019 Toronto — ProConf В ОПАСНОСТИ | Тысячи тысяч | VueJS 3.0 | Реакт на лопатках |
• «ALL YOUR HTML» #s3e17: OGL Instancing animation. Очередной сеанс креативного live coding от Юрия Артюха
Веб-разработка
• Как в Sports.ru писали свой WYSIWYG-редактор
• Визуализация работы сервис-воркеров
• Happy 31st birthday, World Wide Web!
• RedwoodJS: новый фреймворк, расширяющий JAMstack до полного стека и включающий в себя React, GraphQL, Prisma2 и множество другого из коробки
• Что нового в DevTools (Chrome 82)
• Преимущества производительности вариативных шрифтов
• Вставка видео с гибкой шириной
- Доступность
• Что такое ARIA?
• Web Accessibility Checklist: 16 вещей для улучшения доступности вашего сайта
• Доступные SVG: инклюзивность за пределами шаблонов
- Эффекты
• Pure CSS Landscape — An Evening in Southwold
• Эффект масштабирования фонового изображения с помощью CSS Clip-path
CSS
• Чистый CSS: 4 метода анимирования цвета ссылок
• Единицы вьюпорта в CSS
• Flexbox и абсолютное позиционирование
• Как сделать линейную диаграмму с помощью CSS
• Соображения по поводу выбора шрифтов для многоязычного сайта
• Приключения в полупрозрачных землях CSS
• Установка высоты и ширины на изображениях снова важна
JavaScript
• Малоизвестные, но популярные JS-фреймворки для фронтенда
• Это мог быть очередной JavaScript-фреймворк
• 10 отличных Github репозиториев, которые должен знать каждый веб-разработчик
• 7 полезных уловок с rest параметрами и spread операторами на JavaScript объектах
• Сравнение различных способов делать HTTP-запросы в Javascript в 2020 году
• JavaScript: первые 20 лет
• Как я создал 3D-игру всего в 2 КБ JavaScript
• Прерывание сигнала: как отменить асинхронную задачу в JavaScript
- Теория
• JavaScript Clean Code — Вертикальное форматирование
• Прекратите использовать «else» в своем коде
• Руководство по стрелочным функциям в ES6
- Практика
• Сила PWA: Система видеонаблюдения с нейросетью в 300 строчек JS-кода
• Докеризация приложения, построенного на базе React, Express и MongoDB
• Создавайте безопасные и быстрые веб-сайты с помощью JAMstack — бесплатный 3,5-часовой курс
• Начинаем создавать GraphQL APIs с Node
• Создать современный ванильный Javascript Router
- React
• Вопрос для технического собеседования по JavaScript: React — это MVC или MVVM?
• Использование Redux с React: полное руководство с примерами из реальной жизни (Redux и Redux Toolkit)
• Простое руководство по предохранителям в React
• Релиз Next.js 9.3
• React Table v7 знаменует собой результат многолетней работы по рефакторингу всей библиотеки в утилиту для построения таблиц на хуках, не зависящую от интерфейса пользователя / стиля / разметки
• Однофайловые React компоненты уже здесь
• Как показать и скрывать элементы в React
• Как мигрировать React приложение на TypeScript
• 9 советов по созданию клевых переиспользуемых React компонентов
• Как начать тестировать свои React приложения с помощью React Testing Library и Jest
- Vue
• Когда фронтенд-разработчику стоит перейти с React на Vue, а когда это усложнит разработку
• Vue.js 3 Tutorial — Создайте приложение с новыми функциями Vue 3
• Шпаргалка по продвинутым трюкам во Vue
• Vuex: зачем нам SPA State Management
- Angular
• Чему меня научил мой коммит в Angular
• Лучшая скрытая особенность Angular 9: строгая проверка шаблонов
• Локализация Angular: зачем, что и как
- Ember
• Валидация форм в Ember с помощью ember-cp-validations
• Тестовый набор Ember для CRUD приложений с mirage
• The Ember Times — Issue No. 139
• EmberJS Chennai Meetup — Feb 29th 2020
- Svelte
• Почему Svelte — наш выбор для большого веб-проекта в 2020 году
• Создание собственного генератора статических сайтов для Svelte
- Libs & Plugins
• lukeed — Крошечная (134B) и быстрая утилита для генерации случайных идентификаторов фиксированной длины
• ls-lint — быстрый линтер имен файлов и директорий
• COVID API — API для получения актуальной информации о COVID-19
• sort-isostring — крошечная (110B) и быстрая утилита для сортировки строк дат согласно ISO 8601
Браузеры
• Устройство расширений для браузера Firefox (WebExtensions)
• Google Chrome наглядно покажет создателям сайтов, как люди с нарушениями зрения видят их веб-страницы
• Релиз Firefox 74
• Firefox 74, технические детали для разработчиков
• Доступен Firefox Preview 4.0 для Android
• 6 крупных причин попробовать новый Firefox Android preview
Занимательное
• Из-за опасного бага Avast отключает JavaScript-движок в своем антивирусе
• Искусственный интеллект в кибербезопасности
• Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты
• NVIDIA призвала геймеров использовать свои ПК для борьбы с COVID-19
• Как квантовые компьютеры могут изменить мир
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort