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


Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры    |    

Медиа


podcast video Подкаст «Фронтенд Юность»: #114 Тёплый выпуск с Дэном Абрамовым
podcast Подкаст «CSSSR»: Новости 512 — TypeScript 3.7, React Concurrent Mode, GraphQL API, Gitlab и геополитика
video Repozitorro #33 — Самое полное ревью вёрстки


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


Почему использовать сторонний CSS и JS на своем сайте опасно
en Превращение вашего существующего приложения в прогрессивное веб-приложение
en Первые 5 советов по созданию безопасных (веб) приложений
en Apple пытается убить веб-технологии
video GraphQL: The Documentary (Русская версия)





CSS


habr А есть ли случайные числа в CSS?
habr Улучшите свой CSS с помощью этих 5 принципов
Не усложняйте масштабируемый CSS
en Переменные CSS с инлайновыми стилями
en Некоторые вещи, которые вы должны знать при работе с viewport-единицами
en Показываем кнопку поиска, когда поле поиска не пусто
en Учебное пособие по CSS grid: 13 советов и приемов, которые следует знать веб-разработчику
en Сила CSS-процессоров в разработке веб-приложений
en Синтаксис с двумя значениями display (и иногда с тремя)
en Трюк с анимацией точки на букве “i”
en 8 CSS-фильтров для изображений с примерами кода
en PureCSS Lace: воссоздание портрета на чистом CSS

JavaScript


habr Типизация REST API для фронтенд разработчика
en Axios vs Fetch — что использовать в 2019
en Лучшие практики Node.js
en Грядущие новые функции JavaScript, о которых вы должны знать, если вы используете JavaScript каждый день








Браузеры


В ночных сборках Firefox появилась поддержка HTTP/3
Релизная версия Microsoft Edge на Chromium будет поставляться без поддержки ARM64, синхронизации истории и расширений
В следующем году Firefox и Chrome начнут скрывать всплывающие уведомления
en Подготовка ваших сайтов к новому Microsoft Edge

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


< Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin

Комментарии (4)


  1. SelenIT3
    11.11.2019 09:18
    +2

    Спасибо за замечательную (как всегда) подборку!


    Синтаксис с двумя значениями display (и иногда с тремя)

    Ох уж этот Койер… Сам ведь ссылается на статью Рейчел Эндрю и прямо на спеку, в обоих местах есть красивая наглядная табличка – ну откуда, откуда он взял, будто display: block – это display: flow-root??? Я ему написал, надеюсь, он доразберется и поправит. А то вокруг display и так много путаницы.


    Возможно, его сбило то, что inline-block – это inline flow-root. Но в этом есть логика (подробнее). А с блочными снаружи значениями всё без сюрпризов: block – это block flow, а flow-root – это block flow-root.


    1. SelenIT3
      12.11.2019 08:47

      P.S. Разобрались с Крисом, оказывается, его сбил с толку раздел спеки про "инлайнификацию" и "блокификацию" CSS-боксов в разных особых ситуациях. Но картинку в статье он (пока?) так и не поправил:(


    1. alexzfort Автор
      12.11.2019 14:23

      Спасибо за разбор сбивающего с толка момента :)


  1. freislot
    11.11.2019 14:30

    Спасибо за подборку. Интересно почему в статье 3 способа создать свою собственную библиотеку компонентов в React не упомянули storybook