Новый вариант моей веб-страницы

[porokh]

Не прошло и 10 месяцев неторопливой работы, как я довёл до ума новый вариант оформления своей веб-страницы (для сравнения вот старый вариант оформления). Ключевые моменты: K.I.S.S., максимум "оформиловки" вынесено в CSS, нормальные длинные имена, никаких таблиц, никаких GIF'ов (не говоря уже о фреймах, скриптах, анимации и пр.)

Буду благодарен за отзывы, особенно с указанием используемого броузера / ОС / разрешения / глубины цвета. Фотографию ругать не надо, я её заменю -- просто нет под рукой ничего достойного. Да, ссылки в новом варианте пока работают только на украинскую и английскую версии -- хочу выслушать сторонние мнения, прежде чем начинать переводить все документы на новый вариант. Заранее спасибо всем, кто не поленится черкнуть хотя бы пару строчек об общем впечатлении (чтоб не благодарить каждого по отдельности в комментах :-))

Comments

[angryxpeh.livejournal.com]

В мозилле буква "П" оторвана от "риветствую". Намного оторвана.
Если немного уменьшить размер шрифта, весь текст первой страницы влезет в 1024х768. А так меню не влезает, что с т.з. юзабилити отстойно.

[sertoun.livejournal.com]

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

[porokh.livejournal.com]

По поводу "П": это явный глюк мозиллы в отработке .DIVname p.PARname:first-letter -- какая версия и ОС? И можешь ли ты выслать мне кусочек скриншота с проблемой на aop()olmi.kiev.ua?

Что касается подгонки влезания конкретной страницы в экран -- тут я пас. Сам пользую 800х600, другие не открывают окна на весь экран -- всем не угодишь, да и не нужно, мне кажется :)

[porokh.livejournal.com]

Да, конечно! Я же предупредил, что работают только ссылки на index.en.html и index.uk.html (английская и украинская версии). Разделы-то (и все документы в них) ещё ж надо переводить на новое оформление, а я вот решил сперва стороннее мнение узнать, чтоб потом меньше переделывать, если что.

[kspshnik.livejournal.com]

Андрей, НИЧЕГО не работает. Ни en ни uk, который, наверное, ukr лучше заменить ;-)

[(Anonymous)]

Тормоз ты, Женя :)
--
nbx

[kspshnik.livejournal.com]

Звиняйтемля :-)

Я на работе работаю, хуи трясти на лавку несподручно посети.

[porokh.livejournal.com]

Жень, ты меня просто убил :(( Наверно я очень плохо изъясняюсь по русски -- я то думал, что написав "Да, ссылки в новом варианте пока работают только на украинскую и английскую версии -- хочу выслушать сторонние мнения, прежде чем начинать переводить все документы на новый вариант." в исходном постинге и "Я же предупредил, что работают только ссылки на index.en.html и index.uk.html (английская и украинская версии)." -- я ясно показал, что новый вариант оформления представляет собой 3 (три) страницы: /index.en.html, /index.ru.html, /index.uk.html, в которых находится один и тот же документ (стартовая страница сайта) на 3-х (трёх) разных языках! А все остальные ссылки пока "ведут в никуда".

Получается, плохо объяснил :( Ты пробовал нажимать на кнопки в верхнем правом углу? Неужели не работало? Ну а прислать рисунок 1280*1024, в котором вообще нет содержательной части (кроме строки урл) -- это ты чтоб я не забыл, как ИЕ выглядит, да? :-)

Что касается замены .uk на .ukr -- двухсимвольные аббревиатуры для языков утверждены ISO, для украинского языка это именно uk -- не вижу причин не следовать указаниям ISO.

[kspshnik.livejournal.com]

Ойбляя...

Андрюх, извини. Я не просто тормоз, я ВАЩИПИЗДЕЦКАКОЙ тормоз просто ;-)
Но я действительно не понял, про версии. Прости тормоза ;)


А это да, чтобы не расслаблялся ;-))))))))))))))))))

А ты ещё десктопом повесь. Прикинь, народ будет охуевать :-)

[kspshnik.livejournal.com]

Не, Никитк.

Я ЕБАНУТЬСЯКАКОЙ тормоз :-)

[(Anonymous)]

...ну что же ты, иглесиас!(ц) ;)
--
nbx

[porokh.livejournal.com]

Ладно, Жень, ты меня тоже извини, если что -- я просто решил, что у меня крыша сьехала, и я разучился вообще мысли выражать свои. А скриншотом десктопом -- это мысль, только у меня 800*600 экран, ужимать сильно прийдётся, или резать.

[kspshnik.livejournal.com]

Прислать тебе девственно-чистый виндовый скриншот? Как раз 800x600 сделаю ;-)

[kspshnik.livejournal.com]

Авоттак ;-)

[alexeytoday.livejournal.com]

Ок, ща ответим. :)


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


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


Чего это такое - я не понял. :) Значит это лишняя информация. Нет, потом, я конечно, догадался, что это про последнюю версию страницы что ли? Я бы такой текст если бы и стал писать, то цветом фона, чтобы его видно не было, но мышкой подсветить его можно. :)


Смотрю - скобок слишком много квадратных. Но это, оказалось, из-за MyIE2. В запущенном IE с квадратными скобками перебора нет. :)


Тире, если делать, то или не выпендриваясь - обычныой чёрточкой "-", или выпендриваясь - длинное тире "—", а удлинённое короткое "--", на мой взгляд, худший вариант. Ну и всякие опечатки вылавливать надо "программи".

Вот. :)

[angryxpeh.livejournal.com]

Это не глюк мозиллы, это плохой код.
Рекомендую переписать всё это в XHTML 1.0 Strict как минимум и отвалидировать, выбросив всевозможные vspace`ы.

Вот, например, код, который работает:

<p style="float: right;">
<a href="phot/aop9707.jpg"><img src="aop-t.jpg" width="110" height="151"  alt="Portrait of Andrew Porokhnyak, 15k"></a>
</p>
<p class="dropcap">Приветствую Вас на персональной веб-странице
<strong>Андрея Порохняка</strong> из города

Mozilla 1.6/W2k, скриншот нет смысла слать, это лечится быстро.

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

Почему нужно, чтобы меню было на странице сразу — для того, чтобы его не надо было искать. Сейчас же для перехода на другую страницу надо промотать до конца этой, и только потом нажать. Это просто неудобно.

[porokh.livejournal.com]

Спасибо за подробную рецензию! Что касается кнопок -- так мной и задумано, и нажаимается, и заграется индикатор. Ничего не могу с собой поделать :) Фотографию буду вставлять без выпендрёжа, прямоугольную. Или в PNG -- но тогда пользователи IE вновь ощутят свою ущербность :-) RCS tag я и так сделал не очень заметным -- может ещболее сливающимся сделаю, но не совсем. Это элемент дизайна, если угодно -- выпендрёж :)

Дефис заменой тире не является, и тут я непреклонен :) В окончательной версии документов будет сделана глобальная замена "--" на mdash. То же касается и спелл-чекинга :)

[porokh.livejournal.com]

Не стану спорить, является ли глюком несбрасывание float при переходе в другой div :) Вылечил с помощью br clear="all". За фрагмент кода спасибо, мысль об использовании p с атрибутом float запомню. Переписывать на XHTML не вижу пока смыслы, я и так вот с 3.2 еле-еле на 4.01 уговорил себя переползти. Валидаторы от W3C говорят мне теперь ОК, как на index.*.html (было 2 ошибки, использование h1 и p внутри span) так и на porokh.css.

Чарсет документа прописан мной в нём самом вполне сознательно -- чтоб не было проблем с отображением после сохранения на диске. Рекомендации Тутубалина устарели вместе с Russian Apache -- корректное отображение кодировки -- забота клиента. Сервер, кстати, отдаёт её также и в заголовках.

И по поводу меню -- я сделал ссылки в описаниях разделов, так что теперь можно не прокручивать :) Но меню приницпиально будет внизу -- если кому интересна страница, он её сперва просмотрит, потом уйдёт по ссылке. А для любителей быстрого доступа -- букмарки и карта сайта.

[angryxpeh.livejournal.com]

Чарсет документа прописан мной в нём самом вполне сознательно -- чтоб не было проблем с отображением после сохранения на диске.

Все известные мне современные браузеры умеют правильно прописывать кодировку при сохранении на диск. MSIE, Mozilla, Opera, Lynx... От указания кодировки в теле сейчас действительно нет никакой пользы. А вред есть. Кстати, когда я пробовал изменить код, у меня были проблемы с отображением. Я выкусил кусок кода из клипборда, вставил в html-файл, и тут кодировка и поползла — у меня-то не koi-8. :)

Переписывать на XHTML не вижу пока смыслы, я и так вот с 3.2 еле-еле на 4.01 уговорил себя переползти.

Ну, всегда есть повод стремиться к совершенству. XHTML — современный стандарт. HTML4 — это нечто шестилетней давности.