Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
• Подкаст «HardcodeFM» Episode 9 — ClojureScript фронтенд
• Подкаст «Фронтенд Юность (18+)» #87 Классы не нужны
• «Всё идёт к фронтенду». Новая песня Михаила Малькова на тему фронтенда
Веб-разработка
• Сила и мощь веб-компонентов
• Фронтенд без JavaScript
• Планирование работы с отзывчивыми изображениями
• KV Storage: первый встроенный модуль в вебе
• Предложение добавить поддержку для дифференциальной загрузки скриптов в обсуждении WHATWG на Github
- Производительность:
• Ускорить сайт с множеством картинок: руководство по отложенной загрузке изображений
•Анонсированы Lite Pages for Chrome: более быстрая загрузка для пользователей *очень* медленных сетей. Opt-in через гугловый Data Saver для более умного серверного пререндеринга и приоритезации подресурсов страниц
•Разбираемся в смысле Chrome Lite
- Tools:
• Webpack на практике: с нуля до создания автотестов
•Вышел Sublime Text 3.2, все еще быстрый, в новом релизе — интеграция с Git
•Как использовать Chrome в качестве IDE
- Accessibility:
• Всё, что нужно знать про ARIA Live Regions
•Accessibility insights — новый инструмент тестирования a11y, который дает быструю и полезную информацию о проблемах доступности в ваших продуктах
CSS
• Гибкий прелоадер с использованием единиц измерения em
• WebP in CSS — PostCSS плагин и крошечный JS-скрипт (128 байт) для использования WebP в качестве CSS background
• Как начать работу с CSS Grid
• Проектирование единиц для соотношения сторон в CSS
• Отладка CSS — это сложно
• Выражения if и циклы в CSS
• Как манипулировать цветами CSS с помощью JavaScript
• Редизайн наших документов — Часть 4. Создание масштабируемой архитектуры CSS
• Почему я не могу установить размер шрифта для посещенной ссылки?
• Использование CSS-in-JS для стилизации пользовательских элементов
• Начало работы с PostCSS в 2019
• Эффектная анимация подчеркивания пунктов навигации в меню
JavaScript
• Решаем задачу из интервью Google на JavaScript: 4 разных способа
• Node.js Foundation и JS Foundation объединились в OpenJS Foundation
• Используете JavaScript? 6 способов просмотреть обработанный HTML
• Собеседование на должность JavaScript-разработчика: популярные задачи с разбором решений
• Апдейт по экспериментальным функциям в Node.js
• GraphQL in Depth: что, почему и как
• Как я испортил свой JavaScript код и все еще выиграл Coding Challenge
• JavaScript за 14 минут. Интерактивный туториал от Jeremy Thomas
- Теория:
• Понимаем замыкания в JavaScript. Раз и навсегда
•Когда «Zoë» !== «Zoë». Или почему вам необходимо нормализовать Unicode строки
•7 трюков с использованием spread и rest объектов в JavaScript
•Преобразование функций обратных вызовов в промисы
VueJS:
•VueJS: Немного о 3.0
•Как заменить jQuery с помощью Vue
•Как настроить интерфейс для поиска во Vue.js
•Vue a11y — Проект сообщества Vue.js по улучшению доступности веб-сайтов.
React:
•Анализ и оптимизация React-приложений
• Документация React теперь доступна на русском языке
•React Hooks: как начать и создать свои собственные
•Добавление анимации в приложения React с помощью React-Lottie
•Оптимальная файловая структура для приложений React
•Вам не нужен модный фремворк для использования GraphQL с React
Angular:
•Автоматическое обновление лениво загруженных модулей для Ivy
•Реализация выгрузки файла, используя Node и Angular
•Создание Angular и React приложений вместе с Nx
- Libs & Plugins:
•Почему вы не должны использовать Moment.js...
•promise-utils: похожие на lodash утилиты без зависимостей для нативных ES6 промисов
•асинхронный параллельный/последовательный foreach в JavaScript
•lax.js — Простой и легкий плагин на ванильном javascript для создания плавных и красивых анимаций при прокрутке
Браузеры
• Релиз web-браузера Chrome 73
• Почему Brave может стать достойной альтернативой Chrome
• Тёмный режим в браузере Chrome стал доступным на Mac
Занимательное
• Всемирной паутине исполнилось тридцать лет – что с ней будет дальше?
• Искусственный интеллект и крипто – отделяем хайп от реальности
• Эфемерность — ложь. Почему шифрование не спасет вашу приватность
• Lookout — приложение от Google, которое расскажет слепым и слабовидящим об окружающей обстановке
• Бывший разработчик Rambler создал веб-сервер, обогнал Microsoft на рынке и продал компанию за $670 млн: история Nginx
• Mozilla представила файлообменник Firefox Send
• Пришло время прощаться. Мессенджер Google Allo прекратил работу, на очереди — Inbox
• GitHub меняет политику конфиденциальности и условия соблюдения санкций
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort