Заметки с меткой «html» [2]

  • Firefox 39 (+)

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

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

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

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

  • 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.

  • 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.

  • Стабильный 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 25 (+)

    Юбилейный выпуск свободного веб-браузера Firefox дарит нам долгожданную поддержку Web Audio API — стандартизованного набора программных средств, позволяющих манипулировать звуком непосредственно в браузере с помощью JavaScript без использования сторонних программных модулей типа Flash.

    Также в выпуске: поддержка атрибута srcdoc элемента IFRAME, значения local CSS-свойства background-attachment, нестандартного CSS-свойства -moz-osx-font-smoothing, аналогичного WebKit-свойству -webkit-font-smoothing, ряда новых JavaScript-возможностей из состава ECMAScript 6 (Harmony) и др.

    В качестве бонуса — мини-обзор Firefox 24, самостоятельный обзор которого здесь ранее не публиковался.

  • Firefox 23 (+)

    Наиболее интересной новинкой Firefox 23 могла стать поддержка Web Audio API, но из-за недостаточной стабильности её включение отложили до Firefox 25.

    В сухом остатке — обновлённый логотип, поддержка аппаратного ускорения декодирования H.264 в Windows Vista+, поддержка беспрефиксного варианта requestAnimationFrame(), удалённая поддержка элемента BLINK и одноимённого значения CSS-свойства text-decoration, блокировка небезопасного содержимого на HTTPS-страницах, ряд мелких изменений и хороший повод перейти на канал обновлений Beta, чтобы уже через пару дней начать пользоваться следующей версией — Firefox 24.

  • Firefox 22 (+)

    Новейшая версия свободного веб-браузера Firefox поддерживает две важнейшие новые возможности CSS:

    • CSS3 Flexbox (Flexible Box Layout) — принципиально новый механизм взаимного расположения элементов;
    • @supports — правило, позволяющее адресовать определённые стили только браузерам, поддерживающим или не поддерживающим заданные пары свойств и значений.

    Эти новшества CSS, без преувеличения, открывают новую главу в вёрстке интерфейсов сайтов и веб-приложений и обеспечивают гибкость и возможности, которые ранее требовали привлечения JavaScript либо были недостижимы вовсе.

  • Firefox 21 (+)

    Наиболее заметное новшество Firefox 21 — долгожданная поддержка воспроизведения видео в формате H.264 и звука в форматах MP3 и AAC средствами HTML5-элементов VIDEO и AUDIO (пока только в Windows 7; в дальнейшем поддержка ожидается в Firefox под Windows Vista, а также в версиях для Mac OS и Linux).

    Среди других новинок — поддержка нового структурного элемента MAIN, позволяющего пометить основное содержимое страницы, поддержка таблиц стилей с ограниченной областью видимости (scoped stylesheets), поддержка третьего состояния DNT и некоторые другие возможности.

  • Firefox 20 (+)

    Организация Mozilla, недавно отметившая собственный 15-летний юбилей, представляет юбилейную, 20-ю версию передового веб-браузера Firefox.

    Наиболее заметные новшества:

    • режим приватного просмотра теперь привязан не ко всему браузеру, а к отдельному его окну, позволяя обычному и приватному сеансам работы Firefox работать параллельно;
    • отдельное окно со списком загрузок заменено на всплывающее миниатюрное окно, а прогресс загрузки наглядно демонстрируется индикатором, встроенным в кнопку.
  • Как сделать кнопку ссылкой (+)

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

  • Firefox 19 (+)

    Встречаем Firefox 19 — свежую версию современного веб-браузера с широкими возможностями, разрабатываемого некоммерческой организацией Mozilla.

    В новой версии: CSS Flexbox поддерживается без префикса (хотя по-прежнему отключён по умолчанию); поддерживаются новые единицы измерения vh, vw, vmin и vmax, привязанные к размеру области отображения (viewport) страницы; атрибут allowfullscreen элемента IFRAME теперь поддерживается без префикса; в браузер встроена JavaScript-библиотека PDF.js, позволяющая просмотривать PDF-документы без помощи сторонних плагинов; прекращена поддержка XForms; и другие интересные новшества.

  • Firefox 18 (+)

    Новогодний подарок от Mozilla — свежий Firefox 18.

    В праздничном выпуске: экспериментальная поддержка CSS Flexbox и WebRTC, поддержка стандарта Touch Events, повышенное быстродействие (в том числе благодаря обновлённому JIT-компилятору IonMonkey), поддержка Retina-дисплеев, поддержка значения ALLOW-FROM адрес HTTP-заголовка ответа сервера X-Frame-Options и другие новинки.

  • H.264, MP3 и AAC в Firefox Nightly для Windows (+)

    В предварительных сборках Firefox, называемых Firefox Nightly, появилась экспериментальная поддержка воспроизведения видео в формате H.264 и звука в форматах MP3 и AAC.

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

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

  • HTML5 — в статусе Candidate Recommendation (+)

    Спецификация HTML5 приобрела статус кандидата в рекомендации (Candidate Recommendation, CR). Для тех, кто сторонился HTML5 в черновом варианте, это хороший повод начать наконец его использовать.

    HTML5 замещает как HTML4, так и XHTML1. Не переходить на HTML5 нет никакого смысла — для браузеров больше просто не существует других версий HTML.

    Некоторые возможности и структурные элементы помечены как подлежащие возможному удалению из стандарта. Семантический атрибут pubdate элемента TIME из HTML5 по-прежнему исключён.

  • TopStyle 5 (+)

    Спустя 3,5 года после выхода TopStyle 4 встречаем TopStyle 5 — свежую версию популярного редактора CSS- и HTML-кода. Доступна бесплатная пробная версия, от зарегистрированной отличающаяся немногочисленными ограничениями, наиболее значительное из которых — задержка при запуске.

    К сожалению, весьма актуальная сейчас поддержка синтаксиса CSS-препроцессоров LESS/SASS по-прежнему отсутствует, но есть ряд других интересных новшеств: поддержка CSS3, возможность автоматического добавления префиксов, поддержка CSS3 Media Queries, встроенные генераторы CSS-градиентов (без префиксов) и text-shadow, поддержка HTML5, встроенный HTML5-валидатор, поддержка SFTP и проч.

  • jQuery 1.7 (+)

    В jQuery 1.7, наконец, работает выборка по булевым атрибутам в браузерах без встроенной поддержки Selectors API. Отсутствие такой возможности усложняло JavaScript-реализацию возможностей HTML5, основанных на таких атрибутах — например, автоустановку фокуса на поле формы на основании наличия атрибута autofocus.

    Другие интересные новшества включают унифицированное добавление и удаление обработчиков событий, более чем вдвое увеличенную скорость обработки делегированных событий, решение проблем с HTML5-кодом, увеличенное быстродействие метода jQuery.data() и ряд других возможностей.

  • Элемент TIME удалён из HTML5 (+)

    Редактор спецификации HTML5 Ян Хиксон удалил из HTML5 элемент TIME, позволявший удобно и наглядно размечать даты (например, дату публикации статьи) и являвшийся одним из немногих реально семантических новшеств HTML5:

    <time pubdate>2009-08-30</time>

    В качестве «замены» предлагается обобщённый элемент DATA, предназначенный для разметки любых абстрактных данных и имеющий намного более громоздкий синтаксис на основе микроданных.

    Следующим шагом Яна, надо думать, будет удаление из спецификации всех семантических элементов (заголовков, абзацев, списков и проч.) и замена их на замечательный унифицированный элемент DIV.

  • Правильный DOCTYPE в HTML5 (+)

    Наиболее правильным вариантом написания DOCTYPE-объявления в HTML5-документе является такой:

    <!DOCTYPE html>

    DOCTYPE — заглавными буквами, html — строчными.

  • HTML-комментарий как контейнер для данных (+)

    В качестве контейнера для хранения текстовых данных, предназначенных для динамического отображения при помощи JavaScript, можно использовать обычный HTML-комментарий.

    Комментарий является самостоятельным DOM-узлом, и его содержимое в виде текста доступно при помощи стандартного свойства любого DOM-узла — nodeValue, либо через его свойство data как объекта DOMCharacterData.

  • Ещё один день без стилей

    Как ни странно, прошёл уже год после предыдущего CSS Naked Day, являющего собой славную традицию ежегодного отключения стилей сайта с целью продемонстрировать преимущества семантической HTML-разметки. Снова присоединяемся, и снова — только в блоге.

  • HTML-парсер на чистом JavaScript (+)

    Автор небезызвестной JavaScript-библиотеки jQuery Джон Резиг взял да и написал HTML-парсер на чистом JavaScript.

    Обработка всех возможных ошибок HTML не заявляется, однако в большинстве случаев библиотека даёт на выходе вполне корректный XHTML, отлично справляясь с наиболее частыми и очевидными из них.