My first HTML5

Shift-Web · May 30, 2011

Решил, что пора переходить с x-блоковёрстки на прогрессивный и модный HTML5. Конечно, полностью от икса уйти не получилось по причине наличия некоторых RDFa составляющих, но тем не менее, большая часть сделана в новом духе. Попутно подтягивал экспу в области PHP и вот что у меня родилось.

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

* HTML5

* CSS3

* RDFa

* AJAX

* PHP самопис

* IE6 послан

С благодарностью приму все заслуженные помидорки

DrStrangeLove · May 30, 2011

Домен второго уровня не анализаруется, но проевен домен www.msk.ru уровнем выше

(опечатки сохранены)

Почему не анализируется??

там у вас опечатки в выдаче...

Edited May 30, 2011 by DrStrangeLove

Shift-Web · May 30, 2011

Домен второго уровня не анализаруется, но проевен домен www.msk.ru уровнем выше

(опечатки сохранены)

Фиксэд

Почему не анализируется??
там у вас опечатки в выдаче...

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

Edited May 30, 2011 by Shift-Web

ShumNo · May 30, 2011

Свистелки всплывающие подсказки криво работают, долго открываются и ужасные цвета

Выдача результата слишком длинная, нужно коротко скомпоновать особенно учитывая что место предостаточно (2-3 столбца)

Дизайн в целом не айс в общем

Shift-Web · May 30, 2011

Свистелки всплывающие подсказки криво работают, долго открываются и ужасные цвета
Выдача результата слишком длинная, нужно коротко скомпоновать особенно учитывая что место предостаточно (2-3 столбца)
Дизайн в целом не айс в общем

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

Насчёт длинная -- это как посмотреть. Как правило, всё сразу мало когда нужно. Скомпоновать -- думал над табами, но скорее всего они будут для комплексной проверки. Подумаю как обыграть.

Спасибо

Edited May 30, 2011 by Shift-Web

buddah · May 30, 2011

чекбоксы хороши

rediskavet · May 31, 2011

фф 3.6.17

Горизонтальный скрол.

Когда наводишь на кубики, рядом с полем ввода урла, весь сайт дергается.

Блоки которые появляются при наведении на кубики, сначала отрисовываются на верху а затем улетают в низ страницы.

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

Great Rash · May 31, 2011

С одной стороны в этом мало смысла т.к. он унаследует от корня почти всё ...

Домен второго уровня не анализируется, но проверен домен www.narod.ru уровнем выше

Прям все унаследует?

Шрифт не читабелен абсолютно! Google Chrome

Vlad · May 31, 2011

type="text/javascript" убрать

type="text/css" убрать

Странно смотрятся id для уникальных элементов <html> и <head>. Какой в них сакральный смысл?

accept-charset="UTF-8" - лишнее для формы. В HTML5 по умолчанию везде UTF-8 используется.

type="text" можно убрать, по умолчанию ставится.

Обычно <section> и <article> различают, а не вкладывают один в другой. Не ошибка, но смотрится не очень.

Вместо

Надо

Стилизовать можно как input[type=url] {}

ZI DAN · May 31, 2011

В Firefox 4 у голубых span'ов очень противная анимация. Во время неё появляется очевидный алиасинг, а на последнем кадре он резко сглаживается, заметно меняя положение букв.

Edited May 31, 2011 by ZI DAN

Shift-Web · May 31, 2011

фф 3.6.17

Обновите. Не IE вроде как ...

С одной стороны в этом мало смысла т.к. он унаследует от корня почти всё ...
Домен второго уровня не анализируется, но проверен домен www.narod.ru уровнем выше
Прям все унаследует?
Шрифт не читабелен абсолютно! Google Chrome

Ну не всё конечно, но достаточно многое. Над шрифтом подумаю. Скоррее всего тултипы будут выпилены.

type="text/javascript" убрать
type="text/css" убрать
Странно смотрятся id для уникальных элементов <html> и <head>. Какой в них сакральный смысл?
accept-charset="UTF-8" - лишнее для формы. В HTML5 по умолчанию везде UTF-8 используется.
type="text" можно убрать, по умолчанию ставится.
Обычно <section> и <article> различают, а не вкладывают один в другой. Не ошибка, но смотрится не очень.
Вместо
<input id="url" type="text" value="" />
Надо
<input type="url" />
Стилизовать можно как input[type=url] {}

Хм ... type - это привычка, уберу.

Id - на head -- для апенда, иногда его использую и почти на всех сайтах ставлю. Эт хитрая метка, что моё.

Accept уберу.

Почему секцию и статью различают? Секция содержит статьи -- мне кажется это вполне адекватным.

type="url" -- а как быть с IE? это всё хорошо, оно сейчас выпилиться на ура. Пока не дошли руки зависимости проверить, но чую приключения будут. Вопрос лишь в том <====[0]===> куда ползунок потянется. Если фиксится просто -- нет проблем, но если придётся фигни понавешать, то смысла нет. Попробую

В Firefox 4 у голубых span'ов очень противная анимация. Во время неё появляется очевидный алиасинг, а на последнем кадре он резко сглаживается, заметно меняя положении букв.

Принято, мне тоже не нравится пока как работают scale и skew.

Edited May 31, 2011 by Shift-Web

Vlad · May 31, 2011

С IE всё хорошо, он type="url" не воспринимает и считает его за текстовое поле.

rediskavet · June 1, 2011

фф 3.6.17
Обновите. Не IE вроде как ...

Есть и четвертый, еще с момента когда беттой был. Не могу к нему привыкнуть.

alanvanduke · June 1, 2011

Вот насчет тега section. Где его использовать? В формах?

HTML5 сайт нормально можно оптимизировать и под IE6, конечно потратив час времени.

И поправьте хотя бы цвет текста: ну не читается ведь.

Edited June 1, 2011 by alanvanduke

DrStrangeLove · June 1, 2011

type="text/javascript" убрать
type="text/css" убрать

А как правильно??

Vlad · June 1, 2011

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

DrStrangeLove · June 1, 2011

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

т.е. для link и script тегов MIME типы не указывать вообще??

Vlad · June 2, 2011

Для <link>, <style>, <script> атрибут type можно не указывать, по дефолту он ставится какой надо.

ifman · June 2, 2011

А что значит такое?

1307023488-clip-987b.png?nocache=1

Типа он мне уже исправил это?

А так красиво, да.

Shift-Web · June 2, 2011

А что значит такое?
Типа он мне уже исправил это?
А так красиво, да.

Это значит, что либо она есть но неправильно оформлена, либо её нет Есть идеи как улучшить этот момент? У меня только одна: добавить ссылки на подробное описание.

Для <link>, <style>, <script> атрибут type можно не указывать, по дефолту он ставится какой надо.

А если я захочу VBScript использовать?

Vlad · June 3, 2011

<script type="VBScript">

Обычно используют JS, поэтому type опускают для этого языка.

Shift-Web · June 3, 2011

<script type="VBScript">
Обычно используют JS, поэтому type опускают для этого языка.

Я пошутил. Видел только один раз применение сего на сайтах Кажется это был форум VBulletin какой то старой версии.

Vlad · June 9, 2011

Посмотрел в спеке HTML5, там нет значения VBScript. Так что если следовать букве, то писать некорректно такое.

Ascendo · June 19, 2011

Здравствуйте. В Спецификации HTML атрибуты списков type, start, value, compact помечены как нерекомендуемые. Можно ли их использовать или лучше обойтись без них?

Shift-Web · June 19, 2011

Здравствуйте. В Спецификации HTML атрибуты списков type, start, value, compact помечены как нерекомендуемые. Можно ли их использовать или лучше обойтись без них?

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

type и value являются достаточно значимыми атрибутами. заменить их в большинстве спецификаций на данный момент нечем.

Sign In

My first HTML5

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information