10.11.2019 21:17
alexzfort 4 6900 Источник
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.


Медиа    |    Веб-разработка    |    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
    #20870318
    +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
      #20875224

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


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

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


  1. freislot
    11.11.2019 14:30
    #20871926

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