Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
• 
Подкаст «Frontend Weekend» #65 – Игорь Шеко о том, как из серийного стартапера стать выступающим тимлидом
• 
Подкаст «CSSSR» Новости 512 — Выпуск №18 (06.08 — 12.08)
• 
«Девшахта-подкаст»: #45 — Когда фронтендер становится девопс
• 
Подкаст «Фронтенд Юность (18+)» #59 Поговорим о джаваскрипте
Веб-разработка
• 
Используем AMP как библиотеку общего назначения для создания быстрых динамических сайтов
• 
Icon Fonts vs SVGs – что из этого я должен использовать в 2018?
• 
“SVG Filters: The Crash Course” — интенсив от Sara Soueidan
• 
Google AMP — потеря 70% нашей конверсии
• 
Как создать маленький красивый npm пакет и опубликовать его
• 
webhint: инструмент для разностороннего анализа сайта с предложением подсказок по его улучшению (бывший sonarwhal)
- Производительность:
•
Уменьшении нагрузки JavaScript с помощью разделения кода
•
Кастомные отчеты производительности с помощью панели CrUX
•
Этап отрисовки страницы браузером и размышления о веб-производительности
- Accessibility:
•
Забота о доступности веб-форм
•
Доступность в двух измерениях для карт и систем навигации в вебе
•
Обеспечение повсеместного доступа к веб-сайтам делает их менее доступными
- Анимация:
•
Dot Menu Animations
•
Westworld Slider
CSS
• Свежие обновления CSS-черновиков: переполнение 3 уровня, строчная раскладка 3 уровня, гриды 2 уровня
• 
Line-height Crop — простая CSS формула для избавления верхнего отступа в тексте
• 
Осознание начальных значений в вашем CSS
• 
Автоматическая смена цвета текста для различных фонов с помощью переменных CSS
• 
Техники скрытия в CSS
• 
Создание “идеальной” системы CSS
• 
CSS Grid layout: умножай и властвуй — или как на самом деле работать с гридами
• 
Изменения в CSS Grid Layout в процентах и неопределенной высоте
• 
Не пишите CSS — настраивайте его с помощью tailwind
JavaScript
• 
Ключевое слово this в JavaScript для начинающих
• 
Как работает JS: пользовательские элементы
• 
Сравнение React и Vue на практическом примере
• 
[в закладки] 23 рекомендации по защите Node.js-приложений
• 7 рекомендаций по оформлению кода на JavaScript
• 
Как бороться с грязными побочными эффектами в вашем чистом функциональном JavaScript
• 
Исправляем проблемы области видимости переменной в ECMAScript 6
• 
Крис Койер о создании прилипающей навигации, следящей за скроллингом страницы
• 
Практическое руководство по регулярным выражениям (RegEx) в JavaScript
• 
Разделяй и властвуй! Ленивая загрузка для вашего SPA
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, которое анализирует историю сетевой активности для подбора потенциально интересных сайтов и статей
• 
Chrome 69 Beta: множество CSS улучшений и многое другое
Занимательное
• Как выбрать шрифт для медиа
• «Пути назад – нет»: В Android 9.0 Pie компания Google лишила пользователей возможности возвращаться на более старые версии ОС
• Вышло обновление языка Dart 2.0, альтернативы JavaScript от Google
• Нейросеть научилась создавать портрет человека по текстовому описанию
• Как в Китае выросло поколение, не знающее Google, Facebook и Twitter
• Смешные и страшные вещи. Вспоминаем самые зрелищные взломы IoT за последние несколько лет
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
