Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
•
Подкаст «Веб-стандарты», Выпуск №165: Chrome 73, React Native 0.59, CSS Nesting, KV Storage, ARIA Live Regions, веб-компоненты, условные ES-модули.
•
Подкаст «HardcodeFM» Episode 9 — ClojureScript фронтенд
•
Подкаст «Фронтенд Юность (18+)» #87 Классы не нужны
•
Подкаст «CSSSR» Новости 512 — Выпуск №42 (11.03 — 17.03)
•
«Всё идёт к фронтенду». Новая песня Михаила Малькова на тему фронтенда
• Сила и мощь веб-компонентов
•
Фронтенд без JavaScript
•
Планирование работы с отзывчивыми изображениями
•
KV Storage: первый встроенный модуль в вебе
•
Предложение добавить поддержку для дифференциальной загрузки скриптов в обсуждении WHATWG на Github
•
Гибкий прелоадер с использованием единиц измерения 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
• Эффектная анимация подчеркивания пунктов навигации в меню
•
Решаем задачу из интервью 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
• Релиз web-браузера Chrome 73
• Почему Brave может стать достойной альтернативой Chrome
• Тёмный режим в браузере Chrome стал доступным на Mac
•
Всемирной паутине исполнилось тридцать лет – что с ней будет дальше?
• Искусственный интеллект и крипто – отделяем хайп от реальности
• Эфемерность — ложь. Почему шифрование не спасет вашу приватность
• Lookout — приложение от Google, которое расскажет слепым и слабовидящим об окружающей обстановке
• Бывший разработчик Rambler создал веб-сервер, обогнал Microsoft на рынке и продал компанию за $670 млн: история Nginx
• Mozilla представила файлообменник Firefox Send
• Пришло время прощаться. Мессенджер Google Allo прекратил работу, на очереди — Inbox
• GitHub меняет политику конфиденциальности и условия соблюдения санкций
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
Веб-разработка
• Сила и мощь веб-компонентов
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Производительность:
• Ускорить сайт с множеством картинок: руководство по отложенной загрузке изображений
•Анонсированы 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
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
• Эффектная анимация подчеркивания пунктов навигации в меню
JavaScript
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
• Node.js Foundation и JS Foundation объединились в OpenJS Foundation
• Используете JavaScript? 6 способов просмотреть обработанный HTML
• Собеседование на должность JavaScript-разработчика: популярные задачи с разбором решений
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Теория:
• Понимаем замыкания в 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
Занимательное
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
• Искусственный интеллект и крипто – отделяем хайп от реальности
• Эфемерность — ложь. Почему шифрование не спасет вашу приватность
• Lookout — приложение от Google, которое расскажет слепым и слабовидящим об окружающей обстановке
• Бывший разработчик Rambler создал веб-сервер, обогнал Microsoft на рынке и продал компанию за $670 млн: история Nginx
• Mozilla представила файлообменник Firefox Send
• Пришло время прощаться. Мессенджер Google Allo прекратил работу, на очереди — Inbox
• GitHub меняет политику конфиденциальности и условия соблюдения санкций
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.