Дайджест свежих материалов из мира фронтенда за последнюю неделю №461 (29 марта — 4 апреля 2021)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•
«Новости 512» от CSSSR: Next.js 10.1, Socket.io 4, апрельские security-релизы Node.js, анонс Deno Company, Sublime Text 4
• «Новости 512» от CSSSR: SvelteKit beta, Bootstrap 5 beta-3, локализация MDN RU, прототип Container Query, атака на PHP
•Подкаст «Сделайте мне красиво» №59 — Чем программист отличется от светофора?
•Подкаст «Фронтенд Юность» #180: Конфетти-токены на самописном React-е
•Подкаст «Веб-стандарты» 275. Firefox 87, Container Queries, Compat 2021, SvelteKit, эмоджи, лонгрид и дорога к доступности
•
Хард скиллы верстальщика: интервью с Людмилой Мжачих из PayDay, Mail.ru Group
•Подкаст «Да как-так то?». Пилотный выпуск
•
7 полезных HTML-атрибутов, о которых вы, возможно, не знаете
•Вы можете создавать эти элементы, не используя JavaScript
•
Как я проанализировал все лицензии в NPM зависимостях
•Использование Python для фронтенда
•Новости платформы: скругленные outlines, GPU-Accelerated анимации в SVG, как определяются CSS переменные
•Крутые трюки с переменными CSS
•Font size бесполезен, давайте это исправим
•CSS Container Queries, или Адаптация по-новому: контейнер вместо вьюпорта
•Container Queries уже на подходе
•Адаптивный веб-дизайн для нового поколения раскладывающихся устройств
•Темный режим за 5 минут, с инвертированными переменными яркости
•Встречайте Utopia: проектирование и разработка с использованием резиновых размеров и масштабирующихся отступов
•Портреты в виде кляксы: развлекаемся с функцией CSS path ()
•Несовершенная разработка: стили CSS с перспективой на будущее
•Давайте создадим эффект всплывающего изображения с помощью SVG Clip Path
•Создание волшебной 3D-кнопки
•Совет: стилизуйте псевдоэлементы с помощью Javascript, используя кастомные свойства CSS
•Инструменты для аудита CSS
•Reseter.css — современный CSS Reset/Normalizer
•Экосистема JavaScript: тренды в 2021 году. Всё ли так однозначно?
•JavaScript: Стек вызовов и магия его размера
•Умная квартира на JavaScript. От светодиода до распознавания лица в камере домофона
• Лучший JavaScript-фреймворк 2021: React или Vue?
•Использование GPU для повышения производительности JavaScript
•[V8 Deep Dives] Случайные мысли о Math.random ()
• «Яндекс.Браузер» научился переводить текст на картинках
• Браузер Opera получил нативную поддержку ARM-процессора Apple M1
• Фальшивая версия плагина jQuery Migrate заразила множество сайтов
• Злоумышленники использовали GitHub для криптомайнинга, но сервис до сих пор не закрыл уязвимость
• Эксперимент: как запросы в поиске и просмотры на YouTube влияют на ленту от Google с новостями
• Офис остался на первом месте: у Amazon и Google не будет полной удалёнки, а сотрудников постепенно вернут в кампусы
• Подборка первоапрельских шуток 2021 года
• О чём пишут 1 апреля в ИТ-прессе. Лучшие шутки
•Google vs Baidu: ключевые различия в стратегии SEO
Медиа | Веб-разработка | CSS | JavaScript | Браузеры | Занимательное
Медиа
•
«Новости 512» от CSSSR: Next.js 10.1, Socket.io 4, апрельские security-релизы Node.js, анонс Deno Company, Sublime Text 4•
«Новости 512» от CSSSR: SvelteKit beta, Bootstrap 5 beta-3, локализация MDN RU, прототип Container Query, атака на PHP•
Подкаст «Сделайте мне красиво» №59 — Чем программист отличется от светофора? •
Подкаст «Фронтенд Юность» #180: Конфетти-токены на самописном React-е•
Подкаст «Веб-стандарты» 275. Firefox 87, Container Queries, Compat 2021, SvelteKit, эмоджи, лонгрид и дорога к доступности•
Хард скиллы верстальщика: интервью с Людмилой Мжачих из PayDay, Mail.ru Group•
Подкаст «Да как-так то?». Пилотный выпускВеб-разработка
•
7 полезных HTML-атрибутов, о которых вы, возможно, не знаете•
Вы можете создавать эти элементы, не используя JavaScript•
Как я проанализировал все лицензии в NPM зависимостях •
Использование Python для фронтенда•
Новости платформы: скругленные outlines, GPU-Accelerated анимации в SVG, как определяются CSS переменные CSS
•
Крутые трюки с переменными CSS•
Font size бесполезен, давайте это исправим•
CSS Container Queries, или Адаптация по-новому: контейнер вместо вьюпорта•
Container Queries уже на подходе•
Адаптивный веб-дизайн для нового поколения раскладывающихся устройств•
Темный режим за 5 минут, с инвертированными переменными яркости •
Встречайте Utopia: проектирование и разработка с использованием резиновых размеров и масштабирующихся отступов•
Портреты в виде кляксы: развлекаемся с функцией CSS path () •
Несовершенная разработка: стили CSS с перспективой на будущее•
Давайте создадим эффект всплывающего изображения с помощью SVG Clip Path•
Создание волшебной 3D-кнопки•
Совет: стилизуйте псевдоэлементы с помощью Javascript, используя кастомные свойства CSS•
Инструменты для аудита CSS •
Reseter.css — современный CSS Reset/NormalizerJavaScript
•
Экосистема JavaScript: тренды в 2021 году. Всё ли так однозначно? •
JavaScript: Стек вызовов и магия его размера•
Умная квартира на JavaScript. От светодиода до распознавания лица в камере домофона• Лучший JavaScript-фреймворк 2021: React или Vue?
•
Использование GPU для повышения производительности JavaScript •
[V8 Deep Dives] Случайные мысли о Math.random ()Браузеры
• «Яндекс.Браузер» научился переводить текст на картинках
• Браузер Opera получил нативную поддержку ARM-процессора Apple M1
Занимательное
• Фальшивая версия плагина jQuery Migrate заразила множество сайтов
• Злоумышленники использовали GitHub для криптомайнинга, но сервис до сих пор не закрыл уязвимость
• Эксперимент: как запросы в поиске и просмотры на YouTube влияют на ленту от Google с новостями
• Офис остался на первом месте: у Amazon и Google не будет полной удалёнки, а сотрудников постепенно вернут в кампусы
• Подборка первоапрельских шуток 2021 года
• О чём пишут 1 апреля в ИТ-прессе. Лучшие шутки
•
Google vs Baidu: ключевые различия в стратегии SEOДайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
