Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
• Подкаст «Веб-стандарты» №211. Софт-скилы, футбол и жизнь без фронтенда, веб-компоненты, React, гриды, перфоманс, дайвёрсити
• Подкаст «Фронтенд Юность (18+)» #121: Из чего состоит JavaScript
• UnderJS Podcast #13 — Андрей Ситник про Logux, PostCSS и человечный фронтенд [Ламповый]
• Подкаст CSSSR, Argumentarium — Reatom, Redux и Effector
• proConf #44 [Special] ЛУЧШИЕ ДОКЛАДЫ 2019
Веб-разработка
• Начало работы с тестированием фронтенда
• Отчет по безопасности npm 2019
• Простые плейсхолдеры для изображений с помощью SVG
• Почему вы должны выбрать <article> вместо <section> в HTML5
- Производительность
•Быстрая загрузка страниц на самых простых дешёвых телефонах
•Как Google учитывает показатели производительности веб страницы при ранжировании результатов поиска?
•Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]
•Уменьшение HTML загрузки с помощью сервис-воркеров
•Год для веб-производительности: 2019
•Бюджеты производительности, прагматично
•Что я узнал, оптимизируя наше время сборки
- Эффекты
•Подборка креативных демок «Awesome Demos Roundup #12»
•Как анимировать SVG подпись
•Игра с текстурной проекцией в Three.js
CSS
• Клади плитку эффективно ( Про CSS, SVG, pattern и другое)
• Свойства Min и Max width/height в CSS
• Стандарт CSS для Masonry-раскладки: от идеи — к первым конкретным наработкам
• prefers-color-scheme: CSS Media Query
• Как совмещать элементы в CSS
• Перемещение (или нет) с помощью CSS Motion Path
• Карусель на CSS
• Многопозиционные ползунки: общий случай, случай с двумя позициями
• Использование изингов не только для CSS transitions
• Понимание CSS Grid: Grid Lines
• 7 свойств CSS, о которых вы не знали
•
13 способов вертикального центрирования в 2020
• Скрытие элементов в вебе
JavaScript
• Что добавят в JavaScript уже в 2020 году
• Модальные окна, которые мы заслужили
• Восходящие звезды JavaScript 2019
• Сколько платить JavaScript-разработчикам в 2020 году
• Как перевести свой проект на TypeScript в своем темпе
• Hopa — CLI без конфигов, запускающая JavaScript и TypeScript
- Теория
•Пять интересных способов использования Array.reduce() (и один скучный путь)
•Реактивность в веб-фреймворках (часть 1)
•Понимание Async Await
•JavaScript и window.postMessage()
•NaN в JavaScript
- React
•Beautiful React Hooks — Коллекция красивых и (надеюсь) полезных хуков React для ускорения разработки ваших компонентов и хуков
•Развенчание мифа: Accessibility и React
•От create-react-app к PWA
•Новая документация Next.js
•ipod-classic-js — iPod Classic, созданный с использованием React Hooks, TypeScript и GraphQL
•craft.js — React Framework для создания расширяемых редакторов страниц с drag and drop
- Vue
•5 дел, которые можно сделать для того, чтобы подготовиться к приходу Vue 3.0
•Vue для самых маленьких a.k.a небольшой блог по всем канонам
• Использование IndexedDB с Vue.js
•Анонс Villus — крошечный и быстрый клиент GraphQL для Vue.js
•Обработка событий с помощью Vue.js
•Приключения с функцией рендера Vue
•Полное руководство по созданию полноценного мультиязычного сайта на Nuxt.js
•vue-kinesis — Простые в использовании компоненты Vue.js для создания интерактивных анимаций
- Angular
•Лучшие новые возможности Angular 9
•Практическое руководство по Angular: Data Binding & Directive
•Как создать и развернуть приложение Angular Material
•Scully, первый генератор статических сайтов для Angular
Браузеры
• Релиз Firefox 72
• Firefox 72, детали для разработчиков
• Chrome, следом за Firefox, добавит защиту от назойливых уведомлений
• Mozilla тестирует систему голосового управления Firefox Voice
• Слухи о смерти Internet Explorer сильно преувеличены. Windows 10 ставит рекорд по совместимости
• Firefox 72 — наша первая песня 2020 года
• Конец инди веб-браузеров: вы (не) можете конкурировать
• Почему вам давно пора было отказаться от поддержки IE...
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort