Дайджест свежих материалов из мира фронтенда за последнюю неделю №326 (6 — 12 августа 2018)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
•
•
•
•
•
Веб-разработка
•
•
•
•
•
•
-
Производительность:
•Уменьшение нагрузки JavaScript с помощью разделения кода
•Кастомные отчеты производительности с помощью панели CrUX
•Этап отрисовки страницы браузером и размышления о веб-производительности
-
Accessibility:
•Забота о доступности веб-форм
•Доступность в двух измерениях для карт и систем навигации в вебе
•Обеспечение повсеместного доступа к веб-сайтам делает их менее доступными
-
Анимация:
•Dot Menu Animations
•Westworld Slider
CSS
• Свежие обновления CSS-черновиков: переполнение 3 уровня, строчная раскладка 3 уровня, гриды 2 уровня
•
•
•
•
•
•
•
•
JavaScript
•
•
•
•
• 7 рекомендаций по оформлению кода на JavaScript
•
•
•
•
•
-
Angular:
• Cправочник по Angular CLI
•Angular 6 — создания конфигурации Webpack с нуля
•PRPL шаблон для прогрессивных веб-приложений с помощью Angular 6+
•Анимация динамических компонентов в Angular
•Создание переиспользуемых анимаций в Angular
•15 трюков и советов по производительности в Angular
•Angular Console — пользовательский интерфейс для Angular CLI
•10 полезных свойств Angular, о которых вы возможно не слышали
-
VueJS:
•Vue CLI 3.0 уже здесь!
•Ускорение разработки с помощью прототипирования на Vue
•Создание директивы долгого нажатия во Vue
-
React:
•Получение данных в приложениях Redux — 100% правильный подход
•mauerwerk — грид-раскладка в стиле masonry на react
•React's Render Props Pattern — потомок в качестве функции
-
Libs & Plugins:
•Pts — typescript/javascript библиотека для визуализации и креативного кодинга
•lazyestload.js — загружает изображения, только если оно появляется во вьюпорте, всего 350 байт js кода
•SuperSlide.js — гибкое, плавное слайд-меню для вашего следующего PWA
•Splitting — микробиблиотека JavaScript с коллекцией маленьких плагинов, созданных для разделения строк на более мелкие сущности — слова, символы и другие варианты
Браузеры
• В Firefox началось тестирование системы рекомендации контента на основе активности пользователя
• Opera интегрирует криптокошелёк в десктопную версию своего браузера
• Новый эксперимент Mozilla: расширение Firefox Advance, которое анализирует историю сетевой активности для подбора потенциально интересных сайтов и статей
•
Занимательное
• Как выбрать шрифт для медиа
• «Пути назад – нет»: В Android 9.0 Pie компания Google лишила пользователей возможности возвращаться на более старые версии ОС
• Вышло обновление языка Dart 2.0, альтернативы JavaScript от Google
• Нейросеть научилась создавать портрет человека по текстовому описанию
• Как в Китае выросло поколение, не знающее Google, Facebook и Twitter
• Смешные и страшные вещи. Вспоминаем самые зрелищные взломы IoT за последние несколько лет
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin