Поюзайте хомячка
 

Залил наконец-то свою страницу.
http://www.nanto.xclan.ru/
Интересуют именно косяки с вёрсткой и скриптами. Желательно на разном разрешении/браузерах.
IE6 не поддерживал. 7 - частично (не стал для него отдельно анимацию кнопок прикручивать).
С вёрсткой должно быть нормально (и даже валидно) кроме:
1) Оперное "Подогнать по ширине" - ибо оно в принципе плюёт на вёрстку. Интересно - эту "баго-фичу" вообще многие учитывают? Смог только запретить даунсэмплинг изображений (через min-width);
2) Пока не решил проблему с треклятым футером (прилепил его через "position:fixed"). Стандартные рецепты не помогают (у меня поля заданы), а лепить ещё и скрипт для этого - имхо, перебор... Так что он может наползать на контент, да и сам "плющится".

С JS тоже вроде норм., кроме Ajax:

1) Отчего-то не работает моё "упреждающее кэширование" - вместе с главной страницей должны грузиться первые картинки отдельных галерей (чтобы уже частично наполненная выскакивала). Не знаю даже в чём трабл. На Денвере всё работало.

2) Треклятая Опера на медленном соединении тупит с плагинным Ааяксом (мой собственный нормально срабатывает) - при открытии полноразмера может:
а) вообще ничего не грузить;
б) загрузить, но не показать (но закэшировать и при повторном вызове отобразить).

Вроде и всё что пока взял на заметку...
P.S. Просьба ламером не обзывать - я им пока и являюсь (в css и js).

Ёлки-палки! Что опять за тишина?
Вчера зашло 20 человек с этого форума - что, совсем нечего сказать?
Опера хоть полноразмерные картинки показывает?

1. При клике по кнопкам слайдера (вперёд, назад) выделяется текст - некрасиво.
2. Все скрипты не твои (не считая 100 строк ajax.js) - что оценивать?

По возможностям - простецкая галерея студента-первокурсника.

все помнят ;)

какие именно? Где он должен быть?

а чего тебе париться? Поищи плагин для jQuery

что такое плагинный ajax?

не выпендривайся, используй ajax по назначению

используй силу циклы, Люк

форма не согласуется с содержимым

:)

А я не просил оценивать - я просил посмотреть возможные косяки!
Хотя, дизайн мой - можете оценить дизайн!.. :)

Тестер - тоже профессия, за которую платят деньги.

Футер должен быть там , где ему положено - в самом низу страницы; при этом, если высота контента меньше высоты окна браузера, футер все равно должен смещаться в самый низ (растягивая страницу).

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

В том то и дело - что я перебрал с десток методов (и скриптов) для прелоада изображений, но в Опера все равно не работает. Хотя сейчас вроде нашёл... Короче, неактуально!

Нифига не понял, тут вроде комментарии исполнены желчи и сарказма... Ах да, я же не сам все скрипты написал!.. Хотя изначально так и говорил - "взял пару плагинов, попытался их внедрить, как скорректировать их работу" и т.д.
Тут же тусуются люди которые пользует только то, что написано ими!.. Все html-сущности наверное сами придумали?
Короче, всё как обычно - пустое заколачивание понтов, знание теоретических верхов и за неимением возможности применти свои "знания" на практике, попытка сделать хорошую мину при плохой игре... Типа - "дурак, ну а что тут ещё комментировать - взял чужой код и вставил его!" Ну так чужой код и комментируйте. Или как? Ваши величества выше этого.
Ну короче ещё одно место для пустобрёхов!
Я рад за вас! Правильной дорогой идёте товарищи!

Млять, ну никуя не удивили своей ремаркой! :))))))))))
Нищета что ли совсем одолела? На вопрос "который час?" тоже прозрачные намёки отпускаете с кивками в сторону банокмата?
Это вроде как форум! Раздел "Ваши САЙТЫ и скрипты"...
Я что-то не так или не туда написал? Да вроде всё по правилам... С хера же такой снобизм на пустом месте?
Не ребят, серъёзно - дико не хотелось сраться... Но вы как натуральные голодранцы - "дядь дай десять копеек".
Вы мне ещё счёт выставьте за свои пространные комментарии!.. И резюмируйте это излюбленной фразой "здесь вам никто ничего не обязан делать. для этого есть топик работа" и т.д.

Немного не так: "ВАШИ сайты и скрипты". Форум чему посвящен? Правильно - JavaScript. (да прибудет с ним сила)
Собственно, поэтому я и спросил у тебя про скрипты, так как ты сразу не указал на что там смотреть. Если тебе нужно пофиксить баги, то ты ошибся разделом(и).

Где я у тебя денег просил?

А теперь следи за руками:
Здесь разве есть хоть намек на унижение? Всего лишь вопрос в лоб - что оценивать?
И сразу же:

Теперь о высоком тестерах.
Не хило так, да? Именно потому что не хило, я тебе и напомнил о тестерах (заметь - не о деньгах), тех самых, голодных, из раздела работа. Но. Раз уж твои мысли направились в другую сторону, пожалуйста:
И, уверяю тебя, в нем мы не будем иметь деловых отношений, просто потому, что я не занимаюсь фрилансом вообще.

Ах, да, чуть не забыл.

Что бы не казаться продажным мудаком:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>test</title>
  <style type="text/css">
    body, html {
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
    }

    .content {
      background: #09F;
      float: left;
      width: 100%;
    }

    .footer {
      height: 100px;
      background: #666;
      clear: both;
    }

    .bg {
      float: left;
      height: 100%;
      width: 100%;
      margin: 0 0 -100px -100%;
      overflow: hidden;
    }

    .block {
      width: 500px;
      margin: 0 auto;
    }
  </style>
</head>
<body>
<div class="bg"></div>
<div class="content">
  <div class="block">Content</div>
</div>
<div class="footer">Footer</div>
</body>
</html>

Корректно работает во всех браузерах. Денег не надо, оставь тестерам.

Это твое личное мнение.

я особо не тестировал, но проблем не возникало. Фиксить jquery-плагин желания нету. Если бы это был твой код и проблема у меня воспроизводилась, скорее всего бы глянул

так бывает, это значит, что по той или иной причине им нечего было сказать

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

дизайн имхо прикольный, но я ж не дизайнер

вообще-то нет, я по большей части шутил. Извини, если что

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

это было про то, что у тебя в ajax.js код шаблонный, лучше с помощью цикла сделать

а это было про то, что фотографии не очень согласуются с дизайном. Что вызывает навязчивое впечатление, что дизайн - не твой

Ясно! Я ведь и не просил тестить... (чего там тестить-то на одной страничке) Просто открыть и глянуть - работает или нет... В любом случае спасибо.

Это я понимаю - вопрос был риторический с попыткой хоть как-то расшевелить беседу... :)

Всё норм. Или Вы думаете я после первой же странички буду претендовать на звание веб-мастера. Так... Решил попробовать силы и понять интересно ли мне это...
За информацию к размышлению спасибо. Я отмечал про себя этот момент - дело в том, что плагин настраиваемый и позволеят делать промотку полноразмеров. Но я решил, что уж коли основную нагрузку (функциональную и смысловую) несёт "галерея превьюх" (да ещё таких крупных), то логичнее будет, каждый раз отправлять пользователя к ней. Хотя теперь понимаю ошибочность своего решения:
1) Страдает "юзабилити" - надо давать пользователю самому решать как ему удобнее осуществлять просмотр.
2) В том виде, в каком я использую этот jQuery-плагин, он, имхо, бессмысленен (он у меня только показывает "полноразмер" в динамической обвязке css). Это проще реализовать практически без js на чистом css...

Всё норм. Я тоже хоть и прострадал "праведным гневом" - перегнул палку... Припёрся со своим уставом и начал всех учить морали.
Но зато дождался полного, вразумительного и корректного комментария (даже двух - предыдущий пост насчёт вёрстки "нормальным потоком" тоже заставил призадуматься...). :)

Приму к сведению... Я видел этот fullajax. Но подумал что это перебор - ставить такую "дуру" лишь для подгрузки 4 галерей... Возможно я и погорячился с этим "Ajax everywhere and forever". Но ковыряясь с подобным впервые в жизни, трудно избежать соблазна и не налепить всяких "фенечек". Вообще, имхо, в сайтостроительстве самое ценное качество - это осознание принципа "разумной достаточности", когда используются только те методы и технологии, которые позволяют корректно реализовать задумку и не более того (бритва Оккама, короче...). А когда впервые с этим сталкиваешься - охота всего и сразу... И аякса, и собственных анимированных кнопок, и полнейшей кросс-браузерности, и валидности и т.д. и т.п. Соблазна трудно избежать - в результате выходит "новогодняя ёлка".

Спс. Я подозревал нечто подобнее, но!.. при моём уровне знаний js, у меня и эти шаблоны не всегда работают... А вы хотите чтобы я ещё и собственные алгоритмы "запулил"! :) Может когда-нибудь и наберусь опыта...

Не! Вот тут как раз не соглашусь, это моя тема!.. В смысле дизайнерские решения. Просто я по одной из профессий - дизайнер-верстальщик (только в полиграфии). Посему и прекрасно понимаю чего стоит мой дизайн и не просил его оценивать...
Дизайн, да, считаю очень удался. Особенно меня пордовал логотип. :)
Если интересно, могу пояснить... Изначально поставил требование - минималистичный, эффектный и "юзабельный" дизайн:
1) Фотографии плёночные. Да и вообще графика корректнее отображается на нейтральном фоне (градации серого). Поэтому сразу решил не использовать в дизайне ЦВЕТОВЫХ решений. Потом для "оживления" решил поюзать градиент. Исключил из оформления крайние значения яркости (#000000 (кроме надписей и "маски плёнки") и #FFFFFF) - абсолютно чёрные и белые тона в оформлении будут доминировать, а поскольку в самих фото такие значения практически не встречаются, то фотографии будут смотреться бледновато. Так определился с тоновым решением (чёрно-белое от #333 до #ССС плюс чёрный для элементов оформления).

2) Шрифты. Тут всё просто. Очень нравится гарнитура "Porsche". Включил её (графикой). Понятное дело, что остальные гарнитуры также должны быть рублеными (Поставил по умолчанию Verdana).

3) Логотип. Тут интереснее. Долго с ним бился! :) Вначале хотел совместить стилизованное изображение фотоаппарата и буквы "N". Выходила ерунда - логотип получался слишком подробным, перегруженным и оттого "слабовоспринимаемым". Поэтому решил задействовать "плёночную тематику". А "пленочная тематика" это что? - перфорация! И тут осенило дважды!
Во-первых, сразу сложился логотип - тут КУЧА фишек совпала:
a) буква "N" - символизирует как ник (Nanto), так и Negative;
b) Тот же самый Negative - решение продолжить "чёрно-белую тематику" и разделить букву пополам пришло уже само собой. (Понятное дело что "N" корректно можно "поделить" только по диагонали, да и динамика появляется)
с) Перфорация по краям буквы и окончательная стилизация под кадр негатива!
d) Букву "вытянул" по ширине - "основная" гарнитура Porsche к этому предполагает. Пропорции мониторов (вытянутость по ширине). Да и просто "сплющенная" по высоте буква вписывалась гораздо лучше чем стандартное начертание (само собой вышла что почти все элементы оформления оказались вытянуты по ширине)ю
e) Иконка favicon на основе ТОЧНОЙ уменьшенной копии логотипа оказалась АБСОЛЮТНО читаемой!
Короче, как человек сталкивавшийся с логотипированием очень долгое время, могу заявить (оценивая абсолютно критически) что уж логотип вышел на 5+!

4) И "перфорация" грандиозно помогла мне во второй раз! Думая куда бы её ещё "вплести" - осенило оформить саму галерею и виде куска плёнки. Попутно происходило ещё одно эффектное и простейшее решение серъёзной проблемы оформления - подгонка размеров и их расположения на странице превьюх с "портретным" и "альбомным" ориентированием. Если их не "вписывать" в кадр, уж очень они разномастно выглядели - фиг выравнеешь (да и запарился бы плагин галереи подгонять под такую задачу). А так всё очень красиво решилось - смотреть на кадры с "портретной" ориентацией, да, не очень удобно... Но зато получается полная "эмуляция" куска плёнки. И никто не придерётся к "неудобности просмотра" - "а что вы хотели? это якобы точная симуляция плёночного изображения. на настоящей плёнке так всё и выглядит (правда её всегда можно повернуть на 90deg :) )" - как будто такая задача и ставилась изначально! :)

5) Ну и потом кнопочки всякие... Кнопки навигации СКОПИРОВАНЫ с плёночного Кэнона (этим значком обозначена кнопка обратной перемотки плёнки). Для "кнопок" галерей взял логотипы контор (раз уж делаём дизайн "по-взрослому", то и логично использовать "родные аксессуары" а не всякую "отсебятину"). Кстати, две конторы (Кодак и Коника) несколько лет назад видоизменили логотипы. Поэтому "действующие" вывел в галерею на главную страницу. А "старые" в навигационную панель (и на название галереи) - посколку новое название "Konica Minolta" по длине ну уж совсем неприличное, и никак не вписывалась (я и fujifilm задолбался "загонять" в блоки фиксированной для всех надписей длины). Да и на подавляющем большинстве выпущенных плёнок всё-таки красуются "старые" логотипы. Так что тут всё кошерно получилось.
Ещё - раз уж один раз влепил "эффект тени" для "придания объёма", то надо быть поседовательным и использовать его и в других элементах (тут логика такова - если у элемента есть тень, то это значит что элемент "юзабелен" и/или это гиперссылка)

6) Ну и поскольку использовать в качестве превьюх именно негативы (инвертированные изображения) совсем уж издевательство над посетителем (половина и так невольно голову набок склоняет при просмотре "портретов") - оформил саму галерею под кусок слайда. Короче, эта маска кадра - точная копия кадра Fuji Provia 100F (за исключением надписи Nanto вместо Fuji).

А насчёт "формы и содержания" - знаете не обижаюсь! :) Я-то занимаюсь фотографией серъёзно, и ясное дело, понимаю что к чему в моих работах. И не жду полного "взаимопонимания" от посторонних зрителей. Тем более, что представлен в основном "семейный альбом" без всяких претензий на художественность. Ну окромя некоторых кадров (хотя большинству они вообще ничего не скажут):
http://www.nanto.xclan.ru/documents/kodak/29.jpg - не шедевр, но оч-чень серъёзный кадр!
http://www.nanto.xclan.ru/documents/kodak/31.jpg - здесь свет, конечно, очень красиво преломился, но и сам кадр по форме выверен!
http://www.nanto.xclan.ru/documents/kodak/03.jpg - какое-то там "фото дня" на яндекс.фотках года 4 назад... :D Хотя кадр, конечно, штамп из штампов!..
http://www.nanto.xclan.ru/documents/kodak/16.jpg - вот тоже абсолютно грамотно выстроенный кадр (хотя снималось навскидку)

В обем извиняюсь за столь длинное лиричное отступление (как понесло, так уж понесло)... Ну и спасибо всем (обоим) написавшим!
"Всем спасибо, все свободны"...

P.S. Ежели кому надо будет "заценить" дизайн - обращайтесь, денег не возьму! :D

Ха! Нашёл истоки проблем с Оперой. Это не Ajax "тупит"...
Сейчас, постом выше дал ссылки на изображения, так вот Опера 11.00 их даже напрямую, на раз через три показывает. (Err403)
Значит проблема в Опере? (или на сервере? хотя с Денвером таже фигня...) IE7 и Moz - всё нормально!

Chrome 9 тоже по прямым ссылкам не открывает :(

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

вот я именно об этом. Я, конечно, не дизайнер и в фотографиях не разбираюсь. Но мне кажется, что эффектность дизайна привлекает слишком много внимания

ну там не сложно. Лучше как-то так сделать (не учитывая того, что это лучше делать либо через fullajax, либо создавать отдельные странички):

$.each(['fuji', 'ilford'], function(){
  $('.'+this+'ajax').click(function(){
    $.ajax({
      url: this+'.htm',
      success: function(html){
        $(".gallery").html(html);
        $("#backtitle").html('<img src="i/'+this+'_big.png" ...
        ...
      }
    });
  });
});

по поводу проблемы с оперой, да, какая-то проблема определенно есть, только не понятно с оперой или нет. 403 означает, что сервер отклонил запрос - нету доступа. Больше похоже на проблему с сервером. Воспроизвести проблему получилось только в 9-ой опере и ненадолго

хм, навязчивое впечатление пропало :)

x-yuri,
Спасибо, плюсанул карму

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

а по поводу дизайна, кстати, ни один из двоих дизайнеров, с которыми я общался, ничего хорошего не сказали. Один из них закончил полиграфический

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

Полиграфистам когда они приходят в веб тяжелее всего дается понять что нету в вебе A4. Может сказано утрированно, но Ваш дизайн тому подтверждение. Нафиг вы его вообще резиновым сделали?

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

Всплывающие title убрать от фотографий, ибо поганит. Обойдуться, нет стандарта где нужно заполнять тайтлы у <a>, а поисковикам вообще наплевать. Это же картинка alt достаточно. Чуть не забыл, убрать из тайтл и дописать в alt картинки.

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

Решение с кадрами понравилось, у них даже разметка есть, надеюсь она ставиться автоматически. Больше всего конечно понравилась девушка, но она, если гворить о дизайне, внешность получила по наследству, генетически :)

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

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


ps: И не забывайте пожалуйста, когда будете гордиться своим дизайном, что отчасти он смотриться благодаря достижениям других дизайнеров, придумавших всемирно известные логотипы!

кстати, статья в тему перехода от печатных изданий к веб

firstchild,
Угу, спасибо... есть над чем подумать...

Хм... Я тоже заметил! Что многие тусующиеся на тематических дизайнерских форумах восприняли в штыки мою страницу... Не знаю - то ли завидуют, то ли действительно режет глаз (в плохом смысле). С другой стороны засилье стандартных шаблонов в рунете "замыливает" глаз и любой "шаг в сторону" воспринимается как отход от стандартов ("а это не есть хорошо, т.к. стандарты придумали знающие люди"). В то же время на западе (сравнение уже набило оскомину, но...) с дизайном обходятся если уж и не "лучше", то явно революционней, смелей. Не знаю насколько (и где) оправдан "шокирующий" подход, но то что это без сомнения разнообразит "мэйнстрим" национальных сайтов, сомненья не вызывает.
Кстати, вот недавно расписывал об этом:
Хедер, в котором влеплены убого-претенциозный логотип и картинка с изображением основной профильной деятельности компании из пизж.. краденого клипарта и панелька навигации.
Двух-трёх колоночный контент - в одном примитивный рассказ о компании (о том какие мы крутые и как давно работаем на этом рынке), в другом/их - навигация которой не хватило места в хэдере, всякие формы авторизация (нах это всем не надо? - никогда не понимал) ну и конечно рекламные баннеры (у нас же все за копейку удавяться - весь дизайн испохабим этими банерами, но копеечку с рекламодателя срубим).
Ну и футер, в котором ссылка на нас любимых и остатки панели навигации (в три места страницы еле влезла!).

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

От себя могу добавить, что мне мой дизайн кажется слишком "простым"... пустовато на странице. Может от того что самого контента слишком мало? Но это ведь просто галерея... В любом случае делал не для/под кого-то, а себе!

Кстати, цитата (по памяти) в тему (о художественной фотографии):"Поскольку угодить каждому зрителю невозможно, то главным фактором высокого уровня работы является отсутствие равнодушных. Т.е. лучшими оценками считаю 0 и 5 (по пятибальной шкале) - у кого-то работа вызывает отвращение, а кто-то восхищается; это всяко лучше хора "5! Рек!..". Значит работа вызывает резонанс."
Спорное, конечно, высказывание, но задуматься есть над чем...

Подумал-подумал... Вначале хотел подискутировать, теперь пожалуй с Вами соглашусь - действительно подобный принцип исповедовал... Пытался решить проблему с разрешением мониторов... А на самом деле это надо использовать или игнорировать (с осторожностью)...
А резину делал потому, что те кто будет смотреть эту галерею в основном фотографы - а у них разброс по мониторам вообще гигантский (от iPad-ов до 30' Apple-ов и NEC-ов). вот и пытался сделать от 1024 до ...
Вообще теперь не знаю как поступить... Каждому диапазону разрешений (1024-1280, 1440-1600 и т.д.) через js свой css-файл отдавать? Но тогда надо и фото разного размера готовить... или залить под самы крупный и пусть даунсемплит под разрешение?.. Ладно, подумаю на досуге - спасибо за наводку!

принимается! градиент в чисто оформительских целях - чтобы не скучали, пялясь на однотонный бекграунд...
Но Ваша мысль мне понравилась - градиент можно обыграть (скажем в виде настроечной таблицы для монитора...)
И если бы Вы знали сколько я мудохался с этим центрирование галереи отдельно от левой колонки!..
Мне показалось неправильным делать центровку всего контента, а по краям пусть бэкграунд резиной убегает в стороны (как обычно делают). я то не смотрю страницы на 30-дюймовых... Вполне возможно, что народ привык именно к такой вёрстке и мой вариант будет "резать глаз"... Ну тут я ещё наберу статистику...

C радостью, но это лень - title был нужен плагину colorbox.js. Он из title берёт подпись к фотографии. А мне лень было разбираться, как перенастроить... Спс, поковыряюсь... (а можно через CSS (или js) отключить отображение этих тултипов?)

Подвал вообще пока на "птичьих правах"... Но он ведь нужен? Дело ведь даже в этой паре ссылок на счётчики или копирайтах - просто без подвала страница вообще будет смотреться каким-то недогруженным огрызком, а так появляется какая-то законченность... С ходу не назову ни одной страницы без подвала... (даже ya.ru)
Текст да, бессмысленный! :) Но из-за "нерезиновости" подвала, margin по всему окну (100% height и width) не получается всё это аккуратно совместить... Думаю вообще переверстать, но не через абсолютное позиционирование, а нормальным потоком (где возможно)...

А то! :) Именно по этой причине я намеренно включил конкретные логотипы контор - уж больно, падла, симпатичны! (особенно у Илфорда!)

Вообще огромное спасибо за такой тщательный, конкретный и корректный разбор! :)

Как бы поступил я.

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

Поставил бы "подвал" вверх для проверки "нужности", если он так нужен, то и сверху он будет нужен. В яндексе снизу ссылка на статистику болтается, если что (не с главной, а дальше). Если не убедил, то оставить год создания, а слева автора, остальное удалить, ей богу смешно про лицензии какие-то читать.

И вполне пойдет под Чтобы верстать под иподы, нужно открыть сайт на иподе и посмотреть как он выглядит. Я под иподы не верстаю (минимум нетбук), другой круг задачь, может как-нибудь куплю ипод, поверстаю под него ;)

Я считаю, что сайты с уникальным дизайно и содержимым уже должны цениться прежде всего, а то все по привыкали к движкам на ворд прессе или на друпале и что-то новенькое воспринимают в штыки.

ТС, что не понравилось - это английский заголовок сайта. Вы делаете для кого сайт для англоязычного населения? И не только заголовок...

Понравился в этом дизайне неожиданное решение. Но не ве браузеры будут это тянуть. Есть ли какой-то вариант для браузеров без поддержки ява скриптов?

А зачем пытаться есть кашу лопатой?

firstchild,
Спс, принял к сведению. (IPad, а не IPod [хотя я и сам ни одного не видел в глаза]; первый - это нетбук (1024px ширина) без поддержки flash, а второй вроде как муз. плеер)

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

Решение неожиданное, но очень ограниченное - только для галереи (на весь сайт это не растянешь), да и то, вертикально фиг впишешь (была такая мысля - портретные кадры в вертикальной галерее, альбомные - в горизонтальной. Забил! Возни чересчур много...)! Да и вообще остыл я уже к этому дизайну. Это так проба сил была. Сейчас в голове уже новые дизайнерские "фишки" крутятся... Хотя галерея пускай, конечно, такой остаётся!

Браузеры будут тянуть почти все. На IE6 не смотрел, но в IE7 всё работает (кроме ":active", конечно - решил не плодить сущностей, вначале было на js (onMouseDown...), потом плюнул - раз везде, кроме IE7(6) показывает, ну так это проблемы пользователей IE. Тем более особого дискомфорта отсутсвие анимации кнопок не вызывает.)

Мобильные, конечно, не будут отображать. Во-первых, без JS ничего работать не будет (ну завязана изначально галерея на JS); а во-вторых, все-равно - сделано под минимальную ширину окна 1024px (иначе сама галерея просто не влезет - ширина трёх кадров=780px)...
А делать вариант статичной вёрстки... Это просто, конечно... Но откровенно лень! Может потом...

Вот заодно статистика по этой галерее:
ровно 400 визитов, из них у 8 отключен JS; 98% - вполне себе чтобы забить на "статику"...
Oper Mini - ещё у 6 (1,5%) - тут я не помощник! Cмотреть фото через Opera Mini?..
По браузерам:
FF - 33,25%
Opera - 32,75%
Chrome - 27%
MSIE - 2,25% (все версии!)
Safari - 2%
Остальные (OperaMini, Avant, Sea Monkey и т.д.) - 2,75%

P.S. По зарубежному трафику - Opera нет ни у кого (кроме прибалтов), лидер - FF, потом Хром.

чочо, а если я хочу смотреть на айфоне фотки по вай фаю по своей любимой опере мини???? или у меня безлимитный инет и я люблю валяться в кровати перед сном и смотреть фотки?

...


в опере все ок :( в пятой. шестую еще не видел.

единственный баг - футер сползает вверх (это в сафари)

Nanto,
melky дело говорит, твой сайт хорошо под айфон подходит, с минимумом навигации и листалкой по двум кнопкам.
melky Вот эти стрелочки снизу, на них js реагирует?

в сафари дикие тормоза ( проверить на говнокод ),а так.. работает конечно)

а в опере ... в опере обновляет страницу с исполненным js кодом :)
ну, нажимаешь на стрелку, происходит перезагрузка страницы ( на компах это называется отрисовкой), анимация уже завершена.

Вот тебе 3 скрина:мазила,опера,хром.Са м смотри баги ит.п.

Лично меня раздражает, что только кликнешь по превьюшке фото - так сразу открывается просмотр фото в увеличенном размере. Нет. Не так начал. У меня к Вам предложение. Или даже просьба. Можете ли Вы доработать свой скрипт до следующего функционала (а я его слямзю) ;)

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

2. должна быть возможность позиционирования курсора на превьюшке и последующего перемещения по галерее с помощью клавиатурных кнопок kb_LEFT/kb_RIGT. Под курсором я понимаю некое выделение превьюшки, например жирной рамкой.

3. Эффект "рулетки". То есть когда пользователь "крутнет" мышкой по линейке превьюшек, то скрипт должен вычислить скорость перемещения мыши пользователем и переместить/сдвинуть фотографии на соответствующее расстояние. Перемещение должно продолжаться даже после того, как пользователь отпустил мышь, но с затуханием скорости. Т.е. как бы имитировать инерцию.