Дайджест свежих материалов из мира фронтенда за последнюю неделю №301 (5 — 11 февраля 2018)

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


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



    Медиа


    podcast Подкаст «Frontend Weekend» #39 – Григорий Шехет про жизнь и работу в Сан-Франциско, frontend-дайджест и FRP
    podcast Подкаст «Веб-стандарты», Выпуск №107: CSS на JS в Chrome, HTTPS и SEO, сервис-воркеры в Safari, маркетинг CSS, как провести и пройти собеседование.
    podcast Подкаст «devschacht»: Ночной фронтенд #21 — Rolling Scopes, день первый
    podcast Подкаст «Пятиминутка Angular» #9 — Angular Msk, Pipeable Operators, Clarity UI, CLI 1.7.0 Beta 3, Ng 6.0 Beta 2
    podcast Подкаст «Drinkcast», #25 — «Те самые Java-фронтендеры»
    video «ALL YOUR HTML» #35: «Wordpress минисайт с нуля за час»
    video Запись конференции WSD, прошедшей Москве 3 февраля
    video Митап по БЭМ. От азов до React.js.
    video en Все видео со @SmashingConf London
    video en Yo! новое шоу с последниими новостями о дизайне и веб-разработке от Rob Hope

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


    en Фронтенд фреймворки: кастомные vs готовые к использованию решения
    en Еще одна причина использовать noopener — глубокое погружение в распределение процесса рендеринга
    en Web Assembly Studio — онлайн-песочница для изучения Web Assembly







    CSS


    habr Современный CSS для динозавров
    Ссылки против кнопок в современных веб-приложениях
    Поиск «мёртвого» CSS
    CSS позволяет собирать конфиденциальные данные пользователей
    en Использование Media Queries для отзывчивого дизайна в 2018
    en Использование конических градиентов и CSS переменных для создания круговой диаграммы для Range Input
    en Темизация сайтов с помощью CSS переменных
    en Вычисления с помощью CSS каунтеров и CSS Grid
    en modern-normalize — современные техники нормализации стилей в браузерах
    en 3 суперспособности модели Flex-Box — как работают flex-basis, flex-shrink и flex-grow
    en video Internet Explorer еще существует. Использовать ли CSS Grid?

    JavaScript


    habr Топ-10 ошибок из 1000+ JavaScript-проектов и рекомендации по их устранению
    habr Как работает JS: веб-воркеры и пять сценариев их использования
    en Научитесь определять красные флажки в вашем коде JavaScript/React коде
    en Обзор JavaScript тестирования в 2018
    en Пять общих проблем в приложениях на GraphQL (и как их исправить)
    en JavaScript фреймворки в числах — зима 2018
    en Angular 5 vs. React vs. Vue






    Браузеры


    Быстрее Firefox и в обновлённом дизайне: представлен браузер Opera 51
    Анонсирована функция удаления личной информации из URL-адреса в Firefox 59
    Google выпустила бета-версию Chrome 65. Разработчики улучшили блокировку всплывающих окон, обновили видеоплеер для Android и представили несколько новых API.
    С июля браузер Google Chrome будет отмечать все HTTP-сайты небезопасными
    en Как работает блокировщик рекламы в Google Chrome

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


    15 SEO-мифов, которые никогда не умрут
    Новая версия WordPress сломала функцию автообновления движка
    Google обучила ИИ многозадачности в процессе интенсивной игровой сессии
    Обнаружена уязвимость, позволяющая «положить» почти все сайты на движке WordPress
    Компания Mozilla представила шлюз для интернета вещей
    Что происходит в космическом бизнесе: обзор перспективных направлений частной космонавтики
    Блокчейн Шредингера: как технология в основе биткоина и полезна, и опасна одновременно
    Определены главные тренды 2018 года на GitHub-проекты
    «Лично я приветствую наших механических повелителей»: мнения ведущих мировых учёных об ИИ
    Жадность, хрупкость, непрозрачность и мелочность: что не так с ИИ на основе глубинного обучения
    Программист разгадал головоломку 2015 года и получил 50 тысяч долларов в биткоинах

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


    Дайджест за прошлую неделю
    Материал подготовили dersmoll и alekskorovin
    • +30
    • 15,3k
    • 4

    Zfort Group

    270,47

    Компания

    Поделиться публикацией
    Комментарии 4
      0
      Спасибо.
        0
        Всегда пожалуйста
        0
        Подход с поиском «мёртвого» CSS, представленный в дайджесте, сродни современному кинематографу. Есть куда более изящные и быстрые способы решения проблемы удаления неиспользуемых стилевых правил.
          +1
          А каким образом минификаторы по вашей ссылке помогут вырезать мертвый код? Всё что может минификатор — убрать лишние пробелы и неиспользуемые импорты. Задача состоит в том что у вас было «div#test1» и «div#test2». В какой-то момент блок test2 полностью исчез из проекта, оставаясь в CSS. Даже внутри модуля код может быть рассинхронизирован и увидеть это можно ТОЛЬКО в реальном времени, и никак на этапе компиляции. В теории может сработать с анализом статических страниц или после рендеринга.

          DevTools позволяет отладить CSS на наличие мертвого кода, но потребуется всё-таки сначала открыть страницу developers.google.com/web/updates/2017/04/devtools-release-notes

        Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

        Самое читаемое