Прокрутить к контенту ↓


Марат Таналин о веб-разработке и ИТ [2]

  • EdgeHTML 13: initial и unset без all (+)

    В обновлённом браузерном движке EdgeHTML 13, используемом в браузере Microsoft Edge, реализована поддержка CSS-значений initial и unset, но нет поддержки свойства all, в сочетании с которым они и имеют основной смысл.

    Из других интересных новшеств: поддержка PICTURE, srcset, sizes; TEMPLATE; A[download]; USE в SVG.

  • Firefox 42 (+)

    В свежей версии Firefox с символичным номером 42:

    официальная 64-битная сборка; доступность Media Source Extensions (MSE) для всех сайтов без исключения; экспериментальная поддержка загрузки директорий; экспериментальная поддержка HTML-атрибута referrer; поддержка ImageBitmap, createImageBitmap(), Reflect API; индикатор-кнопка воспроизведения/выключения звука в ярлыке вкладки; встроенная защита от слежения а-ля Ghostery в приватных окнах и проч.

  • CSS Global Order — order без Flexbox

    CSS Global Order — авторская JavaScript-библиотека, реализующая поддержку изменения визуального порядка HTML-элементов с помощью стандартного CSS-свойства order без необходимости включения механизма Flexbox (display: flex / display: inline-flex) для их родительского элемента.

    Библиотека работает во всех браузерах, поддерживающих Flexbox, а также в Internet Explorer 7 и выше.

    Объём в минимизированном виде с Gzip-сжатием — 1 КБ.

  • Firefox 41 (+)

    В очередной версии свободного веб-браузера Firefox:

    поддержка работы с буфером обмена в JS; включённая по умолчанию поддержка CSS Logical Properties и CSS Font Loading; поддержка transform-origin и transform-box в SVG-изображениях; исправленное поведение URLUtils.hash; поддержка favicon-изображений в формате SVG; встроенная возможность снятия скриншотов отдельных элементов и проч.

  • Firefox 40 (+)

    Встречаем юбилейный Firefox 40 — продвинутый свободный веб-браузер:

    поддержка Push API; доступность HTTP-аутентификации только для ресурсов верхнего уровня; механизм подписывания дополнений; HiDPI-пиктограммы и проч.

  • О новых возможностях

    Почему нам следует двигать веб вперёд? И куда именно? Хотим ли мы, чтобы веб оказался там, куда мы его двигаем?

    Машина инноваций на полной скорости мчится в ошибочном направлении. Нам нужен перерыв.

    Peter-Paul Koch
  • Firefox 39 (+)

    Новый Firefox 39 несколько задержался, но получился довольно интересным:

    • поддержка строк в качестве значения CSS-свойства list-style-type;
    • механизм CSS Scroll Snap Points для управления шагом прокрутки заданных блоков;
    • обновлённый механизм совместного каскадирования CSS-переходов и анимаций;
    • поддержка шрифтов в формате WOFF2 включена по умолчанию;
    • поддержка свойств offsetX и offsetY JS-объекта MouseEvent для определения положения указателя мыши относительно границ элемента;
    • предопределённые кривые CSS-анимаций в инструментах разработки и проч.
  • Удаляем пустую строку запроса из URL (+)

    Порой в конце URL-адреса содержится нежелательный вопросительный знак. Это происходит, например, при использовании кнопок-ссылок в браузерах на основе движков WebKit (Safari) и Chromium/Blink (Opera 15+, Яндекс.Браузер, Vivaldi).

    Проблему можно обойти: завершающий вопросительный знак при пустой строке запроса можно автоматически удалять с помощью серверного перенаправления (редиректа).

  • О циклических зависимостях в CSS

    Отражение сложности реализации в её пользовательском интерфейсе — общеизвестная ошибка.

    ВСЕ циклические зависимости можно обнаружить путём «отслеживания диаграммы зависимостей и использования известных алгоритмов обнаружения циклов». В худшем случае мы можем просто быть очень агрессивными в определении того, что от чего зависит, но это всё же гораздо лучше, чем полное отклонение возможностей, в которых ежедневно нуждаются тысячи авторов, под предлогом «но при бездумном применении это может приводить к циклам, и тогда мир будет уничтожен!!!11».

    Вопрос потенциального зацикливания постоянно всплывает в отношении любого разумного механизма стилизации, соответствующего требованиям реального дизайна.

    Есть нечто крайне ошибочное в том, чтобы считать приемлемым компромиссом ситуацию, при которой тысячи (если не миллионы) авторов вынуждены делать дополнительную работу только для того, чтобы избавить от дополнительной работы небольшое количество разработчиков реализаций.

    Lea Verou (1, 2)
  • Firefox 38 (+)

    В новой версии современного веб-браузера Firefox 38 добавлена поддержка ряда новых возможностей:

    элемент PICTURE и атрибут srcset элементов IMG и SOURCE для вставки отзывчивых изображений; аннотации Ruby, полезные для японского и других восточно-азиатских языков; ряд CSS-свойств из черновика CSS Logical Properties (экспериментально); обновлённая реализация CSS Transitions; BroadcastChannel API; метод fetch() из Fetch API; Encrypted Media Extensions (EME) и проч.

  • Dell P2415Q. Авторский обзор 4K-монитора (+)

    Подробно о личных впечатлениях от современного компьютерного монитора Dell P2415Q на IPS-матрице с диагональю 23,8 дюйма (60,5 см) с разрешением 4K Ultra HD (3840×2160).

    Впечатляющая чёткость, полноценные 60 Гц без MST, отсутствие ШИМ, малозаметная инверсия кристаллов, сильнейший Glow-эффект и другие особенности.

  • Исправляем Copy Link Name в Firefox 39 (+)

    Полезное Firefox-расширение Copy Link Name, позволяющее скопировать текст какой-либо ссылки на веб-странице в буфер обмена, перестало работать в Firefox 39 (Aurora / Developer Edition).

    Официальный email-адрес поддержки не работает, а сайт автора представляет собой заглушку без возможности с ним связаться. Но можно легко исправить расширение самостоятельно.

  • Firefox 37 (+)

    Некоторые из интересных новшеств 37-й версии современного веб-браузера Firefox:

    поддержка CSS-свойства display: contents включена по умолчанию; поддержка многоколоночного вывода текста средствами CSS (column-*) для элементов с display: table-caption; поддержка абсолютного позиционирования ячеек (самих ячеек) таблиц; более полная поддержка атрибута rel="noreferrer" ссылок; частичная поддержка MSE API, достаточная для воспроизведения видео YouTube без использования Flash; прекращение разработки ParallelJS и проч.

  • Firefox 36 (+)

    Свежий выпуск Firefox приготовил нам поддержку HTTP/2, мета-элемента referrer, экспериментальную поддержку устройств виртуальной реальности и Web Animations API, а также россыпь CSS-возможностей, в том числе свойств object-fit, object-position, scroll-behavior, will-change, isolation, CSS-градиенты на основе цветов с заранее применённой прозрачностью и поддержку white-space для TEXTAREA.

  • Стандартный API разбора CSS-кода (+)

    Даниэль Глазман анонсировал начало работы над спецификацией программного интерфейса (API) для синтаксического разбора (парсинга) CSS-кода — CSS Parser and Tokenizer API.

    В настоящее время такой разбор приходится осуществлять средствами чистого JavaScript, и соответствующие реализации либо являются слишком объёмными и медленными, либо сильно ограничены в возможностях.

  • Firefox 35 (+)

    В Старый Новый год встречаем Деда Мороза юбилейный Firefox 35, предлагающий ряд примечательных новшеств:

    CSS-фильтры; шрифты WOFF2; программные интерфейсы (API) CSS Font Loading и Resource Timing; прямое чтение/установка значений CSS-свойств в JS без нужды в переводе их имён в camelCase; JS-метод Element.closest() для поиска ближайшего родительского элемента, соответствующего селектору; обновлённый PDF.js и проч.

  • Семантическая HTML-разметка групп DT/DD (+)

    Порой требуется применить стили к каждой отдельно взятой группе элементов DT/DD как единому целому.

    Но заключение элементов DT и DD в обобщённый контейнер типа DIV запрещено спецификацией HTML: их родительским элементом синтаксически корректно («валидно») может быть только DL.

  • Ненужные CSS-префиксы (+)

    В рамках подхода «progressive enhancement» Роджер Йоханссон (456 Berea Street) предлагает отказаться от большинства префиксов для ряда некритичных возможностей CSS, поскольку большинство распространённых версий браузеров поддерживают стандартный синтаксис.

    Вкратце, свойства border-radius, box-shadow, background-origin, background-size и background-clip предлагается использовать без префикса, а для функции calc(), градиентов и переходов (transitions) — из префиксов ограничиться только -webkit-.

  • 4K-монитор Dell P2415Q (+)

    Dell P2415Q — новый 24-дюймовый монитор на основе матрицы IPS с разрешением Ultra HD 4K (3840×2160). Также доступна 27-дюймовая модификация — P2715Q.

    Официально монитор пока не анонсирован, но из PDF-руководства, уже доступного на официальном сайте Dell, можно почерпнуть достаточно подробную информацию о новинке.

    Потенциально наиболее интересным новшеством является долгожданная полноценная поддержка видеосигнала 3840×2160 при частоте обновления 60 Гц без необходимости задействовать многопоточный режим MST (Multi-Stream Transport), ранее приводивший к ряду проблем для пользователя.

  • Стабильный HTML5 (+)

    Стандарт HTML5 перешёл в долгожданное состояние «Рекомендация W3C» (W3C Recommendation).

    HTML 4 и XHTML 1.x теперь устарели официально и окончательно.

    Некоторые из возможностей, планировавшихся к удалению в кандидат-версии HTML5, в финальном стандарте всё-таки остались.

  • Старт и финиш

    В последнее время в СМИ и блогах прослеживается удручающая тенденция повального использования слова «стартует»: продажи стартуют, цены стартуют, конференция стартует, кинофестиваль стартует, перепись населения стартует.

    Похоже, это заразно.

    Не поддавайтесь искушению, друзья. В русском языке в большинстве таких случаев более уместно сказать «начинается», а старт и финиш — понятия в основном спортивные.

  • Firefox 33 (+)

    В 33-й версии интернет-браузера Firefox: поддержка CSS-правила @counter-style для гибкого управления видом нумерации и маркеров в списках; поддержка ключевого слова rebeccapurple для цвета в CSS; экспериментальная поддержка HTML-элемента PICTURE; частичная поддержка HTML-атрибута rel="noreferrer"; поддержка видеоформата H.264 в рамках WebRTC с помощью библиотеки Cisco OpenH264 и проч.

  • Firefox 32 (+)

    Новый выпуск продвинутого веб-браузера Firefox с истинно компьютерным номером 32 (25) приготовил немало интересного:

    включённая по умолчанию поддержка sticky-позицинирования и mix-blend-mode; экспериментальная поддержка HTML-атрибута srcset; JS-метод Array.from() для удобного преобразования массивоподобных объектов в обычный массив; долгожданная поддержка псевдокласса :scope в DOM-методах querySelector() и querySelectorAll(); возможность отладки Web Audio; встроенная возможность снятия скриншотов страниц; новые механизмы кэширования и «сбора мусора», призванные повысить быстродействие, и проч.

  • Firefox 31 (+)

    Новый выпуск современного веб-браузера Firefox предлагает долгожданную поддержку CSS-переменных, открывающих возможность удобного создания polyfill-скриптов без необходимости в полномасштабном разборе таблиц стилей средствами чистого JavaScript, требующем привлечения громоздких и медленно работающих библиотек; поддержку субтитров WebVTT; формально полноценную поддержку абсолютного позиционирования элементов в ячейках таблиц; некоторые другие возможности; а также является основой для ESR-версии Firefox с увеличенным периодом сопровождения для корпоративного применения.