Фронтенд-дайджест №471 (7 - 12 червня 2021)
Медіа
- «Новини 512» від CSSSR: Firefox 89, Safari 15 Beta, Jest 27, цикл статей про роботу браузера, розробка базових компонентів, оглядова стаття про тестування фронтенда і анонс WebExtensions Community Group
- Подкаст "Веб-стандарти" #285: Бета Chrome 92, Firefox 89, якоря і розширення, TeamCity, JS всередині WASM, TypeScript 4.3
- Подкаст "фронтенда Юність" #190: Як підступитися до старого проекту і не сісти на кулак
- «Новини 512» від CSSSR: React 18, Vue 3.1, анонс ESLint 8, курси від CSSSR, :is(), where() і :has(), як приліг Інтернет
- Подкаст "Callback Hell": Сервіси Google з поганими Web Vitals, шеринг логіки між фронтом і беком, документація на проектах
Веб-розробка
-
Майбутнє інтернету: чи стане рендеринг в canvas заміною DOM?
-
Правильний тег для роботи: чому слід використовувати семантичний HTML
-
Інструменти
- Три інструменти для аудиту фронтенда, які я виявив недавно
- Добірка корисних бойлерплейтов і стартових наборів для веб-розробки, від аудиту CSS і a11y до js фреймворків і плагінів для VS
- Знайомство з Memory Inspector в Chrome DevTools
- Представляємо Astro: новий тип статичного генератора сайтів, що не використовує JS
- 7 інструментів для більш швидкої розробки фронтенда у 2022 році
-
Продуктивність
-
Доступність
-
Ефекти
CSS
- Повне керівництво по CSS Grid з шпаргалкою
- Системні кольори CSS
- CSS визначає значення кольору, відповідно до системних налаштувань
- Media Queries за часів @container
- Давайте дізнаємося про Aspect Ratio в CSS
- CSS size-adjust для @font-face
- Викладка нетрадиційної орієнтації
- Рівні стовпці з Flexbox: це складніше, ніж ви думаєте
- Експеримент з сортованими мультіколоночнимі таблицями
- Знайомтеся з :has - нативний CSS селектор
- Ріг достатку Container Queries
- Створення правил для font-size CSS і створення Fluid Type Scale
JavaScript
-
Автоматизуйте форматування і виправлення JavaScript коду за допомогою Prettier і ESLint
-
Прогнозування часових рядів на JS: аналіз даних для самих маленьких фронтендерiв
-
Sparkplug - неоптімізіруючий компілятор JavaScript в подробицях
-
Виходячи за рамки ESLint: огляд статичного аналізу в JavaScript
-
React
-
Vue
-
Angular
-
Libs & Plugins
Попередній випуск
