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

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

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


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


Медиа


podcast Подкаст «Веб-стандарты» №215: Перфоманс сначала или потом, воркеры, офлайн, без JS, чистый CSS и грязный результат
podcast Подкаст «Фронтенд Юность (18+)» №124: Истории из параллельной реальности
podcast UnderJS Podcast #14 — UnderHTML — пилотный выпуск
podcast Подкаст CSSSR: Новости 512 — Встреча TC39, архивация open source для потомков, переход с Go на Rust в Discrord
video Февральский митап SPB Frontend (2020)

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


habr ResizeObserver — новый мощный инструмент для отзывчивого веба
habr Профессия: фронтенд-разработчик
habr Работаем с аудио: загрузка файлов, звук, прогресс, визуализация
habr Node.js, Tor, Puppeteer и Cheerio: анонимный веб-скрапинг
habr Как переписать фронтенд нагруженного проекта и не потерять главного
• Откуда у target=”_blank” нижнее подчеркивание
en Как стать фул-стек веб-разработчиком в 2020 году
en 11 популярных заблуждений о микрофронтендах
video Что изучить в 2020 году разработчику? Отвечает Илья Климов

  • Инструменты
    habr Средства консоли Chrome, которыми вы, возможно, никогда не пользовались
    habr Playwright — драматургия от Microsoft и новый инструмент для тестирования
    • Хоткеи для VS Code: гифки с демонстрацией и шпаргалка
    en 5 полезных функций в Chrome DevTools
    en Релиз новой версии PWABuilder

  • Доступность
    • Чему меня научил год изучения и преподавания доступности
    en Быстрые практики доступности для мобильных и веб-приложений
    en Создание доступного контрола автозаполнения
    en Могут ли браузеры автоматически решить проблемы с доступностью?

  • Эффекты
    en Эффекты перетаскивания изображений
    en Подборка креативных веб-демо «Awesome Demos Roundup #13»


CSS


• CSS-2020: очередной «снимок состояния» или спецификация №1 современного CSS?
en Старый CSS, новый CSS
en CSS4 — плохая идея
en Learn CSS Positioning. Интерактивное руководство по позиционированию в CSS
en Создание макета коллажа с помощью CSS Grid и Clip-path
en Выборка элемента с не пустым атрибутом
en Магические флип-карты: решение известной проблемы с размерами
en Использование CSS-свойства line-height для улучшения читабельности
en Перемещение (или нет) с помощью CSS Motion Path
en Быстрый и легкое внедрение темного режима с помощью пользовательских свойств CSS
en Реализация темного режима с TailwindCSS
en Пользовательские стили для инпутов с помощью современных функций CSS
en Neumorphism.io — генератор CSS кода для теней
en Почему вы должны использовать HSL цвета в CSS?
en Как я воссоздал камеру Polaroid с помощью одних CSS-градиентов
en Светлая и темная фав-иконка на SVG с использованием медиа-функции CSS prefers-color-layout
en Создание треугольника Серпинского одним div-ом

JavaScript


habr 70 вопросов по JavaScript для подготовки к собеседованию
en Что может индексировать Google? SEO JavaScript тесты
en 20+ веб-проектов на Vanilla JavaScript
en Форматирование дат в JavaScript с помощью Intl.DateTimeFormat
en Electron 8.0.0 вышел в релиз
en Небольшие функции ECMAScript, которые очень помогают
en Понимание спецификации ECMAScript, часть 1

  • Svelte
    habr Svelte: знакомимся с Действиями
    en Создание редактируемой веб-страницы с помощью электронных таблиц Google и Tabletop.js
    en Знакомимся с Svelte, новым фреймворком на районе
    en Elm vs. Svelte
    en Svelte с точки зрения разработчика React: Основы

  • React
    • 12 лучших и простых практик в React, которых стоит придерживаться в 2020 году
    en Как создавать карты с помощью React и Leaflet
    en Создавайте потрясающие анимации в React
    en Постепенное использование TypeScript в вашем проекте на React
    en В React неправильная абстракция убивает эффективность
    en Подводные камни чрезмерного использования React Context
    en Советы по повышению уровня ваших навыков в JavaScript и React

  • Vue
    • Индикатор хода загрузки файла с Axios и VueJS
    en Создание более быстрых приложений с помощью Vue
    en Лучшие 10 книг по Vue JS, которые вы должны прочитать
    video en Создание устойчивых энтерпрайз приложений с помощью Vue

  • Angular
    habr Angular 9 теперь доступен — Ivy прибыл
    habr 10 полезных функций Angular, которые вы упускали
    habr Как сделать пошаговый гайд вашего приложения (если ваш проект на Angular)
    habr Angular: Интеграционное тестирование (Shallow testing)
    habr Главные причины медленной работы Angular-приложений
    en 9 вещей, которые я узнал, создавая одно приложение на Angular и React
    en Обновление до Angular 9 — в течение 10 минут
    video en Angular 9 — Что нового? Что изменилось? Обзор от Maximilian Schwarzmüller

  • Ember
    en Прототипирование приложений с Ember Octane: за кулисами
    en Предупреждение о потере несохраненных изменений в Ember Octane
    en The Ember Times — Issue No. 134

  • Libs & Plugins
    en Sharect — легкая JS библиотека, позволяющая пользователям делиться выделенным текстом в социальных сетях и браузерах (как на Medium)
    en Вам не нужен Moment.js. Список функций, которые вы можете использовать для замены moment.js + ESLint Plugin
    en Baretest — Чрезвычайно минималистичная альтернатива Jest


Браузеры


• Вышел браузер Chrome 80 с новшествами в обработке куки, которые могут нарушить работу сайтов
• Скоро Chrome будет блокировать навязчивую видеорекламу и загрузки через HTTP
• В мобильный браузер Firefox Preview добавлена поддержка дополнений
• 8 браузеров на базе Chromium: не Google Chrome единым
en Переход на Firefox. Бред Фрост делится своим опытом
video en Почему веб-браузеры бесплатны

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


• Бьёрн Страуструп: что в C++ надо было сделать по-другому, зачем его учить и совет начинающим программистам
• 15 лет Картам Google: новый логотип и приложение
en Как коронавирус повлиял на скорость интернета в Китае
• Что такое мини-аппы в WeChat и как с их помощью вырастить свой ecommerce-проект
• Робохроники ИИ: чат-бот от Google, фильм братьев Люмьер в 4К и алгоритмы на страже Дня сурка
• Полный провал: 10 эпических аварий и отключений дата-центров

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



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

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

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

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
В нашей новой подборке ловим баги на клиентах, пишем автотесты и встраиваем аналитику, изучаем KMM и новинки Flutter, дизайн системы и работу CTO, игровую логику и траты россиян на пр...
Разбираемся с законом о ПД, рассказываем, как эволюционировала инфраструктура 1cloud.ru, обсуждаем изменения в политиках ИТ-компаний и развитие облачных экосистем.
В нашей еженедельной подборке PWA в Google Play, запись нажатий, декларативный UI, изменения логотипа и нумерации версий Android, история создателя FBReader, отслеживание рук и многое другое! ...
Очередной выпуск рассказывает про морок функционального программирования, солидный Swift для солидных программистов, дорожную карту Android-разработки, стабильность модного приложения, путаницу п...