Проектирование сайтов - Широкие рисунки и таблицы ломают шаблоны / wide images - Comments

спасибо

Alexander(Afaf) — Tue, 18 Sep 2007 17:43:51 +0400

спасибо

Вот подборка

Дмитрий Сергеев — Tue, 18 Sep 2007 15:03:15 +0400

Вот подборка ссылок на самые популярные галереи.

Почитал я

Alexander(Afaf) — Tue, 18 Sep 2007 03:10:40 +0400

Почитал я заценил. Вот лайтбок вроде ничего, но непонятна предзагрузка есть у него или нет, и не нравится в нем ослепляющий эффект, я правда не знаю, может, он убирается легко. А вот зацените эту галерею, пожалуй, лучшая из тех что я видел:
http://starcraft2.com/screenshot.xml?s=50
только вот не знаю как стырить). Не подскажете, какие есть в инете еще бесплантые аналоги этих галерей?

У меня ползунок

phoinix — Thu, 14 Jun 2007 11:47:03 +0400

У меня ползунок двигается только за определенную точку. Если хватать его в другом месте он скачет.

Все достаточно

Олег Степура — Thu, 14 Jun 2007 11:44:23 +0400

Все достаточно грамотно. Причем, пользуются они Prototype`ом.

Только что

phoinix — Wed, 13 Jun 2007 19:54:25 +0400

Только что заметил, что у них еще и текст затеняется, когда ползунок уходит от него!
Хотя работает он тоже не совсем правильно. По-моему для такого сайта нужно до ума доводить идеи...

CoverFlow классный

Дмитрий Сергеев — Wed, 13 Jun 2007 19:27:13 +0400

CoverFlow классный :) Причем идея подачи старая, реализована в разных адвенчурных играх лет сто назад.

Не без изъянов -

phoinix — Wed, 13 Jun 2007 18:56:48 +0400

Не без изъянов - отображается ужатая версия, причем ужатая криво браузером. Да притом нет явной возможности посмотреть нормальную.
Но идея хорошая - вроде у Лебедева что-то такое давно проскакивало.

ПС: Аппл неплохо свой сайт обновил после WWDC. Коверфлов у них неплохой получился. Только вот многие жалуются, что работает не везде как надо.

Даже лучше

Дмитрий Сергеев — Wed, 13 Jun 2007 18:26:52 +0400

Даже лучше лайтбокса. Только в FF что-то у меня неважно работает.

Кстати, http://www.apple.com/macosx/leopard/features/desktop.html -- идеальный URL.

http://www.apple.com/macosx/l

Олег Степура — Wed, 13 Jun 2007 16:26:20 +0400

http://www.apple.com/macosx/leopard/features/desktop.html
Внизу в разделе gallery - гляньте, это интересно!

Вспоминается

Олег Степура — Wed, 13 Jun 2007 14:29:27 +0400

Вспоминается Гадя Петрович Хренова из выступления КВН "Утомленных солнцем": Я бы тоже потерялся...

Бесспорно

Олег Степура — Wed, 13 Jun 2007 14:27:35 +0400

Бесспорно

Я догадывался :)

Дмитрий Сергеев — Wed, 13 Jun 2007 14:10:56 +0400

Я догадывался :) Хорошее решение и для галерей, и для статьи с тремя иллюстрациями.

Предзагрузчик

Олег Степура — Wed, 13 Jun 2007 11:32:17 +0400

Предзагрузчик в lightbox есть. Если его начинают пользовать, то следующая картинка в серии подгружается автоматически. Имхо лучшее решение.

Не уверен, что

Дмитрий Сергеев — Mon, 11 Jun 2007 20:55:48 +0400

Не уверен, что пользователь должен о таких вещах даже догадываться. Но это ладно, спор об оптимальном количестве настроек относится к разряду религиозных :)

Широкие рисунки и таблицы ломают шаблоны / wide images

Дмитрий Сергеев — Thu, 07 Jun 2007 09:20:19 +0400

На многих сайтах существует проблема, связанная с размещением широких рисунков и таблиц. Эти условно большие объекты попросту ломают шаблон: либо колонка с основным текстом неприятно растягивается, либо блоки расползаются.

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

Какую ширину может себе позволить сайт с точки зрения пользовательских ограничений? Что-то около 700 пикселей. А скоро, пожалуй, и все 900.

Что в действительности? Шаблон в три колонки обычно позволяет разместить картинку шириной в 400--450 пикселей. Та же история с блогами на Wordpress/Kubrick.

Вывод: страницы с объемными статьями, проиллюстрированные рисунками и таблицами, должны верстаться в одну колонку. Причем ширина больших объектов не должна влиять на длину строк -- текст не должен растягиваться на весь экран.

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

Кстати, я на днях защитил диплом.