Дайджест свежих материалов из мира фронтенда за последнюю неделю №370 (17 — 23 июня 2019)

Моя цель - предложение широкого ассортимента товаров и услуг на постоянно высоком качестве обслуживания по самым выгодным ценам.

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.


Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Браузеры    |    Занимательное


Медиа


podcast Подкаст «CSSSR»: Новости 512 – Vue 3 разборки, микросервисы, бенчмарки, свежие релизы и немного о супер-компьютерах
podcast Подкаст «Пятиминутка React»: Скринасты Пятиминутки React на YouTube
podcast Подкаст «Repozitorro» #19 — Всё так хорошо начиналось и так печально закончилось
podcast Подкаст «Pro Conf» #17 HolyJS 2016 — 2018
en video CSS Day 2019 + UI Special

Веб-разработка


habr Как делать сайты в 2019 году
habr Почему я не использую веб-компоненты
• 10 полезных советов по реализации Pixel Perfect дизайна в Frontend разработке
en Как разделить ваш HTML на секции
en Техника Reduced Motion для Picture
en Урок по веб-компонентам для начинающих [2019]
en Микро фронтенды
en Как создать PDF из вашего веб-приложения
en Все, что вам нужно знать о Progressive Web App (PWA)
en Перетаскиваемое меню с анимированной сеткой превьюшек

  • Производительность:
    habr 4 приема, которые помогли нам оптимизировать frontend
    en Как увеличить размер страницы на 1500% с помощью webpack и Vue
    en Оптимизация производительности Google Fonts
    en Самый простой способ ускорить медленный сайт
    en Как повысить производительность вашего веб-приложения — 5 советов для разработчиков
    en exthouse: инструмент мониторинга производительности браузерных расширений и их влияние на общий уровень производительности для пользователей

  • Accessibility:
    en Анатомия доступных форм: лучшие практики
    en Преобразование div в доступные псевдокнопки
    en 5 шагов к доступной веб-типографике


CSS


habr Почему мы предпочитаем CSS(--variable) переменным SASS($variable)?
• Введение в CSS Shapes
• Галерея картинок в стиле Pinterest
• CSS свойство background-image как антипаттерн
en CSS day 2019: Часть 1: UI special (1/2), Часть 1: UI special (2/2)
en CSS Day 2019: кое-какие вещи, которые я узнал
en Буквица и системы дизайна
en Copy-and-Paste CSS Animation Cheat Sheets
en CSS Scroll Snap обновлен в Firefox 68
en CJSS — Веб-фреймворк на основе CSS

JavaScript


habr Программирование на JavaScript для токарного станка
habr Элегантная обработка ошибок в JavaScript с помощью монады Either
en Создание Micro Frontends с помощью React, Vue и Single-spa
en Использование сервис-воркеров в Google Search
en 5 функций ES2019, которые вы можете использовать сегодня

  • Теория:
    habr 13 полезных однострочников на JavaScript
    en Лямбда-исчисление в JavaScript?
    en Основы JS: движок JavaScript

  • Vue VueJS:
    habr Темный день для Vue.js
    habr 5 чрезвычайно простых способов ощутимо повысить скорость вашего VueJS-приложения
    video JavaScript.Ninja: VueJS: Продолжаем о 3.х
    en Начало работы с Vuex: руководство для начинающих
    en Передача переменных в CSS в компонентах Vue
    en Используйте Data Binding Options во Vue.js для реактивных приложений
    en Введение в хуки жизненного цикла Vue
    en Создание CRUD приложения с Vue и GraphQL

  • React React:
    habr Анонс новой версии Styled Components v5: Звериный оскал
    habr 5 отличных способов анимировать React-приложения в 2019 году
    habr 11 советов для тех, кто использует Redux при разработке React-приложений
    en Как добавить интернационализацию (i18n) в приложение Preact
    en React c 60 кадров в секунду  —  создание увеличителя Medium-стиле c React-Pose
    en Упрощение React State и хуков useState
    en Что это за хрень в React? (Suspense)
    en Vue без View — Введение в Renderless компоненты

  • Angular Angular:
    habr 19 концепций, которые нужно изучить для того, чтобы стать эффективным Angular-разработчиком
    en Пользовательские директивы Angular
    en Создание масштабируемых, надежных и безопасных форм с помощью Angular

  • Ember
    en EmberJS2019 Posts
    en Как новый синтаксис тестов позволяет упростить тестирование
    en Встроенные инпут-хелперы в Ember.js: когда онт должны использоваться?
    en Как на самом деле создать первоклассное приложение бесплато?
    en Essential Ember Addons: состояние экосистемы аддонов в Ember в 2019

  • Libs & Plugins:
    en ts-toolbelt: ещё более безопасная типизация для TypeScript
    en spotlight: библиотека для наиболее лёгкой интеграции галереи в попапе
    en Just — библиотека от microsoft для определения задач сборки
    en deepmerge — библиотека для глубокого (рекурсивного) слияния Javascript объектов


Браузеры


• Chrome предупредит об опасных URL и обзаведется расширением Suspicious Site Reporter
• Новый браузер Microsoft Edge на базе Chromium теперь доступен для пользователей Windows 7 и Windows 8
• Для Firefox развивается режим блокировки виджетов социальных сетей и Firefox Proxy
• Для Firefox 69 подготовлен генератор паролей и режим блокировки автовоспроизведения видео
• 5 браузеров, на которые стоит перейти, если вы заботитесь о своей приватности
• Против сотрудников Coinbase использовали две 0-day уязвимости в Firefox
• Расширение для Chrome подменяло результаты поиска
en Как включить экспериментальные функции веб-платформы в Chrome и Firefox

Занимательное


• Microsoft реализует нативное удаление PWA-приложений
• В PowerPoint появится ИИ-помощник для репетиции речи
• Microsoft добавит в PowerPoint виртуального помощника для репетиции речи — он укажет на слова-паразиты и другие ошибки
• Предугадать и исправить типичные ошибки пользователей при взаимодействии с сайтом
• GitHub приобрёл разработчика сервиса для совместной проверки кода Pull Panda и сделал его инструменты бесплатными
• Facebook представила международную криптовалюту Libra. Ее поддержали Visa, Mastercard, PayPal и многие другие, запуск — в первой половине 2020 года
• Первый взгляд на Facebook Libra
• Больше складных экранов, меньше подкастов: что ждёт технологии в 2019 году


Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.



Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Источник: https://habr.com/ru/post/457300/

Интересные статьи

Интересные статьи

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Кто мог подумать, что апрельский дайджест выйдет уже в условиях строгого карантина, когда организаторы будут вынуждены переносить мероприятия в онлайн или откладывать до осени! Но трудности з...
В этом выпуске номорфизм, отказ от UIWebView, проклятие архитектора, приложение за сутки, тренды дизайна и многое другое. Последний дайджест 2019 года — немного с опозданием. После праздников — с...
Очередной дайджест и очередная порция самых интересных материалов из мира мобильной разработки — живое видео Одноклассников, маленькая собственная Unity, неработающий компилятор Huawei, портал ра...
Автокэширование в 1с-Битрикс — хорошо развитая и довольно сложная система, позволяющая в разы уменьшить число обращений к базе данных и ускорить выполнение страниц.