Дайджест свежих материалов из мира фронтенда за последнюю неделю №404 (24 февраля — 1 марта 2020)

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

Прежде чем перейти к статье, хочу вам представить, экономическую онлайн игру Brave Knights, в которой вы можете играть и зарабатывать. Регистируйтесь, играйте и зарабатывайте!

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


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


Медиа


podcast Подкаст «Веб-стандарты» №218: Опять гриды, градиенты всё лучше, блокирующий CSS, веб-компоненты, всё про кнопки и disabled
podcast Подкаст «Фронтенд Юность (18+)» #127: Мало половин. Часть первая
podcast Подкаст «Сделайте мне красиво», Выпуск №35 — Зарплаты, деплои по пятницам и гордыня функциональщиков
video Я <3 Фронтенд 2020 — Запись трансляции

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


habr Интернационализация: как сделать веб доступным для всех
• Влияют ли теги H1 на ранжирование в Google– эксперимент Moz
en Rome, новый JavaScript инструментарий от создателя Yarn и Babel из Facebook
en Один день из жизни: как фронтенд-разработчик исправляет «простой» баг
en Хватит использовать слово ‘Drop-down’

  • Производительность
    habr «Render-Blocking JavaScript and CSS on WordPress». Как это исправить?
    habr Ускоряем фронтенд. Когда много запросов к серверу — это хорошо
    habr Стоит ли хранить Google Fonts на своём сервере?
    en Улучшение воспринимаемой производительности с помощью свойства CSS `font-display`
    en Браузерная производительность, ограниченная разными Feature Policy
    en Почему 543 KB не дают мне спать по ночам

  • Доступность
    • CSS против коронавируса: доступное представление иерархических табличных данных
    en 5 распространенных проблем с доступностью веб-приложений и способы их устранения
    en HTML: недоступные части

  • Эффекты
    habr Создание карандашного эффекта в SVG
    en Анимация SVG-текста в Path
    en Аудио эффекты искажения изображения с WebGL

CSS


habr Стилизация старого доброго элемента button
habr Старый и новый CSS. История веб-дизайна
• В W3C появилась общественная группа по CSS4
en Адаптивный макет сетки журнала всего в 20 строках CSS
en Эффект линии, переплетенной между букв на CSS
en Умная анимация с пользовательскими свойствами
en Негативные margin в CSS
en Buttono — Гибкий Sass-миксин для создания кнопок в стиле БЭМ
en Почему CSS расстраивает?
en CSS Motion Path: Конец GSAP?

JavaScript


habr JavaScript и кое-что ещё: 4 креативных подхода к измерению времени в браузерах
habr Может, нам слегка успокоиться с JavaScript?
habr JavaScript tree shaking, like a pro
en Интернационализация JavaScript в 2020 году
en 4 рекомендации по написанию качественных модулей в JavaScript
en Как использовать JavaScript Internationalization API
en Динамическая и асинхронная функциональность в JAMstack
en 5 лучших JavaScript-фреймворков: визуализация многолетних опросов разработчиков

  • Практика
    habr Работа с GeoJSON в среде Node.js: практическое знакомство
    habr Пишем babel плагин, пошаговое руководство
    habr Задачи по JavaScript от Microsoft
    en Создание аркадной игры на ванильном JavaScript
    en Кэширование ответов GraphQL
    en Создание PWA на Vanilla JavaScript. Часть 2. Push API

  • Теория
    habr Понимание спецификации ECMAScript, часть 1
    habr Об изменчивых методах объекта Math в JavaScript
    en 2 способа преобразования значений в Boolean в JavaScript
    en Как начать думать функционально в JavaScript
    en Все, что вы хотите знать о Service Worker

  • React
    • Используем Axios в React
    • 10 фишек из JavaScript, которые помогут писать более качественный код на React
    en React + Canvas = Love
    en React Query — Хуки для выборки, кэширования и обновления асинхронных данных в React
    en Почему вы должны с умом использовать refs на продакшене
    en React.useRef и React.createRef: разница
    en Вам нравится Redux? Тогда вам понравятся react-connect-context-hooks!
    en Ошибки, которые допускают джуниор разработчики на React
    en Настройка Tailwind CSS в проекте на React

  • Vue
    habr Создаем прогрессивный PWA интернет-магазин на Nuxt.js 2 пошаговое руководство Часть 1
    video en Vue.js: The Documentary
    en Создание приложения с помощью Vue и TypeScript. Лучшие практики, мысли и рекомендации.
    en Как создать музыкальный менеджер с Nuxt.js и Express.js
    en Начало работы с тестированием Vue.js: ваше руководство по ресурсам
    en (Примерное) Воссоздание Vue 3 Reactivity API
    en Использование конечных автоматов в Vue.js с XState

  • Angular
    en Как создать эпическое приложение на Angular менее чем за 10 минут! ️
    en Вот почему вы должны использовать Angular 9 сегодня
    en Everything GitHub: Continuous Integration, Deployment и хостинг для вашего Angular приложения
    en Дорожная карта для Angular-разработчиков на 2020
    en Реактивные приключения в Angular: знакомство с Angular Effects

  • Svelte
    en Создание приложения TODO в Svelte
    en Тестирование асинхронных изменений состояния в Svelte
    en Управление государством в Svelte

  • Ember
    habr The Ember Times — Выпуск 136
    en Как работает Autotracking
    en Разделение и миграция вашего Ember проекта в монорепозиторий

  • Libs & Plugins
    en serialize-javascript — Сериализация JavaScript для расширенного набора JSON, который включает в себя регулярные выражения и функции.
    en DarkModeJS — помогает вам автоматически определять время пользователя и переключать тему на темную сторону


Браузеры


• В Firefox 75 будут убраны https:// и www из выпадающего блока адресной строки
• 0-day уязвимость в Chrome, выявленная через анализ изменений в движке V8
• Mozilla начинает внедрение технологии изоляции библиотек RLBox
• Google выпустил для Firefox систему аудита web-страниц Lighthouse
• В браузер Brave интегрировано обращение к archive.org для просмотра удалённых страниц
• У Chrome есть динозаврик, а у Microsoft Edge будет сёрфинг
en Защита Firefox с помощью WebAssembly
en «Могу ли я… в новом Edge?»

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


• Как цифровая реклама будет жить без cookie-файлов
• Поисковый сервис Google Images будет выводить больше сведений об изображениях — маркировать товары, рецепты и видео
• Патентные войны и спорщик на миллион: история изобретения колючей проволоки и её самого успешного продавца в 19 веке Материал редакции
• Горе обновленным. Почему апдейты могут лишить вас не только смартфона, но и автомобиля
• Google переведет все сайты на mobile-first индексацию в течение 6-12 месяцев
• Google о предстоящих изменениях в обработке nofollow

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



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


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

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

Всем привет! Продолжаем дайджесты новостей и других материалов о свободном и открытом ПО и немного о железе. Всё самое главное про пингвинов и не только, в России и мире. Портативн...
Системе контроля версий Git исполнилось 15 лет. Testcontainers исполнилось целых пять лет! Testcontainers — это Java-библиотека, позволяющая делать легкие одноразовые экземпляры популярн...
Свежая подборка со ссылками на новости и материалы. В выпуске: обновления PHP и Composer 1.10, переносы конференций, 3 новых RFC предложения из PHP Internals, порция полезных инструментов, виде...
Привет, друзья! Меня зовут Петр, я представитель малого белорусского бизнеса со штатом чуть более 20 сотрудников. В данной статье хочу поделиться негативным опытом покупки 1С-Битрикс. ...
«Карта чтения» выгравирована Тони Шортом на куске пробкового дерева, акцент сделан на реки и здания 1 | | Tony Short | Map data OpenStreetMap contributors Картографирование Ян Мишель ра...