Как известно, спецификация HTML 4.01 чёрным по белому требует того, чтобы в строковых атрибутах (CDATA) символы перевода строки (LF) игнорировались, а символы возврата каретки (CR) заменялись пробелами.

А вот в спецификации HTML5, наоборот, символы перевода строки (LF) в атрибуте title считаются значимыми. Предполагается, что можно набрать код наподобие нижеследующего:

<a href="…" title="Первая строка.
Вторая строка.">…</a>

и ожидать, что при наведении на гиперссылку явится двустрочная всплывающая подсказка.

Кстати, я-то там набрал «&#10;» — но Хабрахабр заменил этот код реальным переводом строки. По меньшей мере, у меня в Файерфоксе. Этакий вот баг хабратэга <source>. Впрочем, согласно HTML5, значимыми являются обе эти формы перевода строки. И сам символ, и его entity.

Internet Explorer как раз так всю дорогу и вёл себя (по меньшей мере, последние шесть лет) — плевать хотел на HTML 4.01, отображал многострочную подсказку. Уместно думать, что именно поведение MSIE послужило источником вдохновения для авторов соответствующего подраздела HTML5.

А несколько дней назад (25 января) эта проблема (bug 358452) была решена и в Файерфоксе. По-видимому, первой версией Файерфокса с поддержкою многострочных всплывающих подсказок станет Firefox 12.

Три дня назад на Хабре была опубликована статья «Разработка 2D игр под Windows и HTML5 без программирования», посвящённая конструкторам игр от компании Scirra: один бесплатный с открытыми исходниками Construct Classic для DirectX-игр (есть SDK и поддержкой плагинов на C++), второй на его основе — условно-бесплатный Construct 2 для создания HTML5-игр, в качестве движка используется Box2D.

Статья понравилась хабралюдям: +76 баллов и 471 в избранном. Более того, с нами связался директор компании Scirra Том Галлен (Tom Gullen) и предложил ответить на все интересующие вопросы. Грех не воспользоваться такой возможностью!

Для справки: английская компания Scirra зародилась в 2007 году как тусовка студентов, которым просто нравилось делать игры — так был создан Construct Classic, у которого за прошлый год 300 тыс. скачиваний. Сейчас он под GPL и поддерживается волонтёрами, а сама компания сконцентрировала усилия на Construct 2 для HTML5 — с его помощью она надеется «произвести революцию на рынке разработки HTML5-игр».

Задавайте вопросы в комментариях и голосуйте за интересные вопросы. Самые лучшие мы скомпилируем в один список и отправим Тому Галлену. По доброй традиции, все авторы вопросов получают плюсы в карму.

Компания Google внедрила в браузер Chrome поддержку экспериментального атрибута autocomplete type и теперь обращается с призывом ко всем веб-мастерам использовать этот атрибут в описании всех онлайновых форм. Просто добавьте его в поле input, например, для email это может выглядеть так:

<input type=”text” name=”field1” x-autocompletetype=”email” />

Таким образом, владелец сайта может гарантировать, что функция Chrome Autofill точно сработает на этом поле.



Google сейчас договаривается с другими заинтересованными сторонами, чтобы стандартизировать данный атрибут как часть спецификаций HTML5. Пока что у него экспериментальный статус, что подчёркивается приставкой x- в полном написании x-autocompletetype.

Нынешний стандарт в данной области RFC 4112 практически нигде не используется и явно нуждается в обновлении.

Доброго времени суток!

О том, что вы читаете

Вот оно и свершилось — перед вами продолжение советов начинающим верстальщикам. Если вы не читали первую часть, то можете сделать это прямо сейчас.
В данной части вы ознакомитесь ещё с 11 советами (именно столько в моей второй заметке их находится).
Сперва мы пройдём нововведения в визуализации, а затем пофилосовствуем на тему семантики.

Ещё немного лирики

После выхода первой части я получил огромное количество feedback'a. Если честно, я не ожидал такого желания изучить что-то новое. Да-да, быдлокодеры там тоже есть. Но сейчас не об этом…
Также, как вы можете заметить, что количество человек, добавивших мой топик в избранное достигло миллиона, достаточно велико, что не может не свидетельствовать об огромном интересе к HTML5. Итак, поехали.

Новый справочный сайт HTML5Please может сильно помочь при разработке кросс-браузерных сайтов на HTML5.

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

HTML5Please идёт дальше. Кроме информации c caniuse.com, он ещё даёт практические рекомендации, каким образом лучше реализовать каждую фичу HTML и CSS. Просто вписываете в поисковую строку любую функцию — и сразу видите рекомендацию, можно её использовать или нет в данный момент, а если можно, то с какими условиями.

Если функция поддерживается не во всех браузерах, то сразу же приведены ссылки на соответствующие полифилы (polyfills), кросс-браузерные фрагменты кода обычно на github, которые добавляют недостающий функционал в старые браузеры (см. список полифилов). Если для функции нужен фоллбэк (откат на другую функцию или другой формат для совместимости), то вкратце описывается, как это сделать и в каких условиях это необходимо.

Предполагается, что в своём проекте вы используете библиотеку Modernizr для автоматического определения поддерживаемых фич в браузере и выборочной подгрузки полифилов.

Mac OS X Lion воссоздали на HTML5 и CSS3 (если быть честным воссоздали совсем не всю ОС). Чудо доступно по ссылке: www.alessioatzeni.com/mac-osx-lion-css3

Достался мне проект по адаптации флеш-курса электронного обучения под iPad.
Хотел поделиться некоторыми моментами.

Медиа
Проект должен был позволять играть видео/аудио файлы, причем без лишний движений со стороны пользователя.
Видео на iPad можно проиграть только путем нажатия пользователем на что-нибудь, т.е. автоматически проиграть медиа файл, например, при загрузке страницы не получится, или получится, но далеко не во всех версиях iOS.
Так что первый раз проиграть видео/аудио приходится по клику пользователя. Дальше, если тому же тегу менять атрибут src, отлавливая событие onended, проигрывание можно делать автоматически.

Не знаю, как для вас, а для меня прошедшая неделя оказалась насыщенной. Чуть больше недели прошло с момента первого поста о Simpliste и чуть меньше с момента второго поста. Эти несколько дней принесли и неожиданные, и приятные события.

Simpliste, который я сразу назвал шаблоном, не претендовал ни на роль фреймворка-конкурента Бутстрапу, ни на роль сервиса создания сайтов в два клика. Хотя, поступали предложения о том, чтобы превратить его и в то, и в другое. Все, чего я хотел, было предоставить возможность людям скачать пару файлов, наполнить информацией и получить современный HTML5 сайт, оптимизированный для мобильных устройств. Еще там есть темы оформления.

Когда я предложил создавать темы оформления всем желающим, тяжело сказать, чего во мне было больше: скептицизма или веры в лучшее. Но судя по тому, что что-то заставило меня это сделать, я остаюсь преимущественно оптимистом.

Итак, правила были объявлены и неделя прошла в работе.