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



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


Медиа


podcast Подкаст «Frontend Weekend» #88 – Что изменилось за год у Сергея Попова (о создании Лиги А и проблеме фронтендеров без опыта)
podcast Подкаст «Веб-стандарты», Выпуск №161: Chrome 73 и CSS 2019, SVG, таблицы, гриды и кнопки, будущее Фоторамы.
podcast Подкаст «devschacht»: 69: Я <3 Frontend
podcast Подкаст «Фронтенд Юность (18+)» #83 Пересядь на звёздный стэк
podcast Подкаст «CSSSR» Новости 512 — Выпуск №38 (09.02 — 15.02)
video Турнир: «Лучшая JS-фича 2018» (ЧАСТЬ 2)
podcast video Подкаст «Frontreview» №5: Правильное Резюме и Портфолио Junior разработчика
video en Ember.js: документальный фильм (официальный релиз)

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


habr HTML, который мы потеряли
habr О линтерах, качестве кода, качестве вообще и управлении качеством
Краткий план по изучению фронтенда, или #100ДнейКода
en HTML5 Boilerplate обновился до версии 7
en Bootstrap 4.3.0. Релиз новой версии, в которой отказались от поддержки jQuery
en Введение в WebBluetooth
en Полное руководство — Как ускорить GIF-видео в вебе






CSS


en Новый опрос #StateOfCSS 2019 от создателей StateOfJS
en Темная сторона Гридов (часть 1)
en Новый подход к утилитарным классам видимости на основе переменных CSS
en 10-шаговое руководство по Flexbox
en Конструируемые таблицы стилей: бесшовные переиспользуемые стили
en Процесс имплементации дизайна пользовательского интерфейса с нуля на примере шапки сайта
en CSS selectors level 4
en Введение в метрики шрифтов с подробным объяснением деталей каждого аспекта
en На Grid или на Flex?
en CSS Scroll Snap — как это работает
en В чем разница между Flexbox и Grid?

JavaScript


habr 10 консольных команд, которые помогут дебажить JavaScript-код like a PRO
habr Надёжный JavaScript: в погоне за мифом
habr Практическое применение трансформации AST-деревьев на примере Putout
en Информатика в JavaScript: двусвязные списки
en 5 способов создавать приложения в реальном времени с помощью JavaScript
en Как вывести JavaScript за пределы веба в 2019 году
en JavaScript: забавные моменты
en Как я избавился от новых спонсируемых постов в Facebook.
en ES5 to ESNext — вот все функции, добавленные в JavaScript с 2015 года







Браузеры


habr Мобильная Opera обзавелась бесплатным VPN
Представлен новый интерфейс браузера Opera
Браузер Samsung Internet Browser преодолел рубеж в 1 млрд загрузок в Google Play Store
Сотрудник Microsoft: не используйте Internet Explorer по умолчанию
В Chrome появится поддержка ссылок на отдельные слова и фразы в тексте
en Экономия памяти в Brave: сокращение на 33–66% по сравнению с Chrome
?

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



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

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


  1. sazareks
    18.02.2019 08:25

    Всё круто, спасибо большое, но пожалуйста, сделайте иконки RU EN побольше. Глаз сломаешь пока разглядишь.


    1. Sersoftin
      18.02.2019 10:20

      А зачем из разглядывать?) Иконок для RU нет вообще, в для EN надпись сама не обязательная. Я, например, просто вижу что-то красненькое и сразу понятно)


      1. AngReload
        18.02.2019 10:48

        Мне более интересно, почему эта иконка в гиф? Не анимация же. Иконка подкаста в png например.


        1. alexzfort Автор
          18.02.2019 12:13

          Так исторически сложилось, своего рода древний артефакт :) В скором времени изменю.
          Хотя, регулярно поступают предложения вообще не переводить заголовки англоязычных статей, т.к. текст в них все равно в оригинале. В этом случае иконка будет не нужна в принципе


          1. AngReload
            18.02.2019 16:30
            +1

            Ну, мне приятно читать переведённые заголовки.


  1. dom1n1k
    18.02.2019 18:57
    +1

    Статья «Улучшаем производительность веб-шрифтов на реальном примере» — это какая-то вакханалия. Автор некомпетентен, но при этом считает себя самым хитрым — ай как ловко заменил два «лишних» начертания парой css-свойств! Ну и плюс шрифты у него там подозрительные, похоже что поломаны кривым конвертером.
    Но почитать полезно — для кругозора, какие умники встречаются в индустрии :)


    1. t_kanstantsin
      18.02.2019 23:05

      А если поконкретнее?
      Например, display: swap/fallback — рекомендуется сервисом google page speed; preload — тоже интереный вариант.
      Про различные начертания: я и раньше слышал, что italic в большом количестве шрифтов не нужен — font-style: italic даст тот же результат. А здесь показано, что в некоторых случаях и от bold начертания можно избавиться (не во всех, конечно).
      Так что не так?


      1. dom1n1k
        18.02.2019 23:21

        я и раньше слышал, что italic в большом количестве шрифтов не нужен — font-style: italic даст тот же результат.
        Вот примерно настолько тот же результат
        image


        1. t_kanstantsin
          19.02.2019 00:53

          Ну всё, затралил, молодец. Второй коммент, а по существу ничего.


          1. dom1n1k
            19.02.2019 15:19

            Ну что говорить по существу?
            Начертание light != regular, regular != demibold.
            regular + font-style: italic != нативный italic
            light + font-weight: bold != нативный bold
            Это факты. И в дизайнер, вероятно, добавил несколько начертаний на сайт не просто так, они используются для каких-то целей (иерархия информации, оптические компенсации и вот это всё).
            Да, я знаю, что некоторые люди не видят разницы. Но это не значит, что её нет. Некоторые люди, знаете ли, пьют «пиво» балтика и едят «шоколад» альпен гольд и тоже не видят разницы — ну так это их проблемы.
            И да, я знаю, что дизайнеры иногда перегибают палку с весом ресурсов. Но это надо разговаривать с ними и приходить к совместному адекватному решению, а не твоить какую-то хню под девизом «я без понятия что это и зачем — ну и выкину нафиг».