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

  • 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, отлично справляясь с наиболее частыми и очевидными из них.

  • Простой тест браузеров на поддержку веб-стандартов (+)

    По стандарту HTML 4.01, значение 0 (ноль) атрибута colspan или rowspan ячейки таблицы должно приводить к растягиванию ячейки на всю ширину (для colspan) или высоту (для rowspan) содержащей её секции таблицы (THEAD, TBODY или TFOOT) вне зависимости от количества строк или столбцов. Точно следует стандарту лишь Firefox].

  • W3C возобновляет работу над HTML (+)

    Спустя несколько месяцев после заявления Тима Бернерса-Ли о необходимости продолжить развитие HTML, W3C официально возобновляет работу над HTML.

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

  • Новые дизайн и вёрстка iXBT.com (+)

    Разработчики «хобота» (iXBT.com) представили новые дизайн и вёрстку главной страницы сайта.

    Увы, единственным оттенком стандарта является лишь полный доктайп. Семантики нет в принципе.