mishka

Макс, крассавчег. Еще утром за тебя голосовал. По поводу чрезмерной любви Макса к чистому JS - ну нравится ему это. Сейчас изучит его до приличного уровня. Потом напишет свой фреймворк и будем мы все юзать jPsy.

Ты не заметил что привел линку на тот же плагин что и я? Только я привел линку на домашнюю страничку плагина. Ну тоже верно. Просто я предлагаю сделать это якорями, и потом выгребать hash линки по которой кликнули. Можно было и проще написать, типа: jQuery('.menu a[href^="#"]').click(function() { jQuery.scrollTo(this.hash, 400); return false; }) но я привык так вот рассписывать, как в моем примере, для наглядности.

Это не лучший вариант! Ты линейкой мерять будешь позицию для каждого элемента? И в случае изменения количества контента станешь перемерять все расстояния? Это для линки top можно посьавить 0, так как верх всегда вверху. Например: http://jsfiddle.net/sGXrE/2/

Можно и самому писать, а можно заюзать готовое решение. http://flesler.blogspot.com/2007/10/jqueryscrollto.html

Выложи окончательный вариант psd

Может выбор бокалов все-таки попапчиком как-нибудь сделать? Ну чтобы видно было их все, или как можно больше. Да не, нормально. Красивенько так будут выезжать с анимацией Это "красивенько" обычно надоедает очень быстро. Это сразу кажеться "Ухты, красиво", а если эту форму заполнить раз 10, то уже и подумаешь что лучше бы не красивенько, а быстренько. Я не спец по бокалам, незнаю сколько их там может быть, но думаю что если около двух десятков и более то уже неудобно будет выбирать. Считаю что нужно показать блок с изображением "нейтрального бокала" (стакана граненного шутка, конечно), серенького с подписью "выбрать бокал", при клике на него появляется попапчик с бокалами, если их очень много, то тогда уже в попапчике сделать галлерею. Но чтобы бокалов было видно одновременно хотя бы 10. При выборе бокала его изображение, уже не серенькое а более контрастное, появляется в том блочке и появляется подпись. Попап закрывается автоматически.

Может выбор бокалов все-таки попапчиком как-нибудь сделать? Ну чтобы видно было их все, или как можно больше.

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

Это не последняя проблема данной формы. Так это не обязательно должна быть пошаговая форма. Это также могут быть просто табы, и там всегда можно кликнуть на нужный табик и посмотреть чего где заполнил, плюс на них показанно состояние заполнен ли данный участок формы. Тоже что касается формы s0rr0w. Не нравится то что данные блокируются в зависимости от предыдущего выбора? Да просто не блокировать и все. Это мелочь которую можно поправить.

мне больше нравится e.preventDefault()

В вашем случае - только это. Нелюбовь к пошаговому заполнению формы - чисто мой бзик. Мне удобно когда все перед глазами, так лучше запоминается, если нужно - скролю. Знаю, многим наоборот удобнее пошаговость. На вкус и цвет, как говорится...) Страно что форма exessqd1 (http://s3.dump.ru/viewer/5379905/) у вас не вызвала ощущение пошаговости. Отличие лишь в дизайне табиков, всего-то. Во втором случае они внизу.

Вспомнил конкурс канваса. Приятнее всего было играть, несмотря на самый прозаичный дизайн, вот в эту версию игры: http://forum.htmlbook.ru/index.php?showtopic=28492&view=findpost&p=214975 Всего ничего, одна лишь "мелочь" - запоминание активной фишки, и все. Все остальные версии просто потерялись из-за этой мелочи. Я тогда смотрел все работы, но играл только в одну. Поэтому и тут я разделил места по дизайну и юзабельности, но впервую очередь смотрел на юзабельность. Блог на вордпрессе про цветы. Захожу в админку, а там, о какой ужас, ничего общего с цветами. Не буду я вести этот блог.

Давай на "ты". Это мой ответ тебе на Ты говоришь робота хорошая, но стандартная, скушная. Я говорю что она такой и должна быть, стандартной, чтобы удобно было ее заполнять. Я не отдал ей первое место из-за кучи селектов. Я говорил уже что самым напряженным моментомв форме (с точки зрения юзабельности) был выбор инградиентов. И тут s0rr0w, на мой взгляд, справился лучше всех, поэтому я и отдал ему первое место. Плюс у него, хоть и не пошпговая форма, но она и не растянута, а компактна. И в ней видна целостность. Посмотрев на твою форму я скажу: "Вау, красиво, оригинально." Но если мне скажут что мне ее нужно практически каждый день заполнять, то я от нее откажусь.

Ты подходи к делу так: Эта форма не для развлекушек и заманивания юзверей. Эта форма для человека, который заполняет сайт, тема которого рецепты коктейлей, и он эту форму будет видеть ну очень часто, поэтому тут не важна эффектность первого впечатления, тут нужно удобство заполнения + не отталкивающий дизайн. Посмотрите на дизайны приложений айфона: Они серы и не впечатляющие, но они мягкие и не отталкивающие, именно это и нужно. У s0rr0w форма удобная для заполнения + видна вся целостная картина того что получится. А это и есть главное.

По твоей работе можно сделать вывод что к тебе можно обращаться за креативом.

Голосование не продуманное. Я хочу отдать одной работе 3 балла, другой 2 балла, третей 1 балл, но при голосовании приходится все работы ставить на один уровень. Выделил 4 работы: Verder (http://freeway-design.ru/files/form.png) s0rr0w (http://forum.htmlbook.ru/index.php?showtopic=29186&st=0&p=222128entry222128) Temiks (http://forum.htmlbook.ru/index.php?showtopic=29186&st=0&p=222187entry222187) exessqd1 (http://s3.dump.ru/viewer/5379905/) Работы где нужно чето скачивать не смотрел, так как лениво. Казалось бы, скачай да посмотри, но вот лениво и все тут. Это нужно учитывать разработчикам: любое лишнее телодвижение для юзера - смерть для сайта. По дизу я бы расставил данные работы так: 1. exessqd1 2. Temiks 3. Verder 4. s0rr0w По юзабельности: 1. s0rr0w Единственное замечание - неудобно выбирать бокалы, долго придется перебирать их по одному, может лучше попапчик сделать где было бы видно если не все то как можно больше бокалов одновременно. При просмотре каждой работы я представлял как я эту форму буду заполнять, и как по мне так самым "напряженным" местом тут оказалось - "инградиенты". Все пошли на поводу задания и сделали это селектами. И только s0rr0w сделал это самым удобным для заполнения. Во-первых в базе есть инградиенты которые появляются в подсказке для автокомплита, во-вторых можно смело написать свой инградиент, которого в базе нету. Именно по этому я этой работе отдаю первое место. Селект нам такой возможности не предоставит. 2-3. exessqd1, Temiks Работы почти одинаковые, у Temiks выбор бокалов лучше сделан. Но диз приятнее у exessqd1 это тоже улучшает восприятие. 4. Verder Отличная работа, но по юзабельности уступает(имхо) первым трем. голосовал за все 4 работы если совместить работы s0rr0w и exessqd1 получится что-то близкое к идеалу Shader (http://forum.htmlbook.ru/index.php?showtopic=29186&st=0&p=222241entry222241) Удобство под сомнением, но оригинальность вне всяких похвал. Не резюмировал работу, так как не считаю ее жизнеспособной и удобной. Сделать можно и такое, но удобнее она не станет. P.S. Резюме от Great Rash увидел только после того как свое опубликовал.

Приятный подбор цветов, но темы нету. Банка в футере и не подходит для визитки (зачем мусор на визитке?) и не подходит для данного дизайна. Картинка вверху тоже никак не клеится к студии вебдизайна. В жару пешком по пустыне, по гарячему асфальту с рюкзаком на плечах - вот так свобода, никакой ассоциации с легкостью удобством и уютом. Да и персонажи уходящие в даль - грусть. Текст плохо читается. Зачем мне скачивать официальный договор? Захотел прочесть, а тут на тебе скачивание.может как-то откывать на новой страничке в pdf формате?

Не забывайте что многое зависит от самой странички. Если набросать пример с парой блоков и им скруглить углы, то оно еще и нормально отработает. А если страничка загруженна тенями скруглениями и градиентами, то тут будут траблы. У меня комп не новый, Pentium 4, оперативки 3Г. Был случай когда локальная страничка в ие6 отрисовывалась не менее 20секунд из-за этого PIE. Там не было квадратного элемента. Все в скруглениях да тенях с градиентами.

Думаю немногие веб-разработчики пользуются оперой. Я юзаю CV_RULER

Дизайн отличный. Юзабилити - ну блог он и есть блог. Значительно повышает юзабилити раздел "Карта сайта". Не помешает если добавишь. Так же галлерея вверху (http://prntscr.com/2v4qg) сделай чтобы она останавливалась при наведении на нее мышкой, читать же неудобно. Постоянно возвращать слайд приходится. Меня раздражает эта всплывающая штука http://prntscr.com/2v4r0 Меню не похоже на меню. Я сразу думал это табы относящиеся к черному блоку. И немог понят что же меняется. Потом понял что это такая навигация. Может как-то визуально отделить его от черного блока, ведь оно к нему не имеет отношения.

Вопрос немного не корректен. Должно звучать примерно так: Неужели дизайн настолько важен, что из-за него нужно лишать юзера доступности содержимого? http://forum.htmlbook.ru/index.php?showtopic=29002 Обязательно посмотрите видео.

Если монитором гвозди забивать, то он тоже не будет работать. Айди должен быть уникальным на страничке! Айди используй, если знаешь точно что он там нужен, иначе оставь его для програмиста, а сам юзай классы Желаешь юзать именно айди? тогда так: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>slideshow</title> <style> #slideshow-1, #slideshow-2, #slideshow-3 { margin: 20px; } .item { width: 150px; height: 100px; border: 1px solid #000; background: #fff; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" ></script> <script src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest. js"></script> <script> $(document).ready(function() { $('#slideshow-1').cycle(); $('#slideshow-2').cycle(); $('#slideshow-3').cycle(); }); </script> </head> <body> <div id="slideshow-1"> <div class="item"> 1 </div> <div class="item"> 2 </div> <div class="item"> 3 </div> </div> <div id="slideshow-2"> <div class="item"> 1 </div> <div class="item"> 2 </div> </div> <div id="slideshow-3"> <div class="item"> а тут только один элемент, поэтому он слайдится не будет. </div> </div> </body> </html>

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>slideshow</title> <style> .slideshow { margin: 20px; } .item { width: 150px; height: 100px; border: 1px solid #000; background: #fff; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script> <script> $(document).ready(function() { $('.slideshow').cycle(); }); </script> </head> <body> <div class="slideshow"> <div class="item"> 1 </div> <div class="item"> 2 </div> <div class="item"> 3 </div> </div> <div class="slideshow"> <div class="item"> 1 </div> <div class="item"> 2 </div> </div> <div class="slideshow"> <div class="item"> а тут только один элемент, поэтому он слайдится не будет. </div> </div> </body> </html>

http://jquery.malsup.com/cycle/ там еще внизу линки на другие странички с примерами.

А по-моему ошибка на лицо. Вот тут я писал, что создатель jQuery учит делать .each() сразу внутри плагина, чтобы потом не было вопросов как у ТС. все же лучше применить each чем искать другой плагин. Этот плагин очень даже функциональный, и здорово работает.