Сайт для визажиста

[weart]

Делаю своей девушке сайт.

- wordpress

- горизонтальная галерея - прокрутка реагирует на колесико мыши (через jquery)

- шрифт через fontsquirrel

- html5 верстка

- резиновый фон через jquery

Скрины:

Вот так при увеличении окна:

При прокручивании галереи она уходит под полупрозрачный png с меню. Сделано для того, чтобы меню менее отвлекало от фото

Раздел с видео - здесь будут бекстейжи и другие видео:

Контакты:

Ссылка будет позже. Но код красивый

[buddah]

Пока нравится)

- резиновый фон через jquery - что делает плагин? Растягивает картинку сохраняя пропорции? Ссылку можно?

[weart]

buddah, конечно http://noxblog.ru/testfolder/backscrech/examples/basic.html

[kir]

Смотрится приятно.

Как можно улучшить:

1. [Work, Video] Убрать сверху черный прямоугольник — фотографии тогда можно будет показывать во всю высоту окна.
   
2. [Везде] Логотип расположить над меню, чтобы он не отвлекал от фото.
   
3. [Work, Video] Раз похвально желаете, "чтобы меню менее отвлекало от фото", то логично будет вертикальный полупрозрачный прямоугольник в меню заменить на полностью прозрачный — пускай остаются только пункты меню и логотип. Чтобы с фоном текст не сливался, можно сделать небольшую тень для него. Т. е. пускай меню в галерее выглядит так же, как и на главной.
   
4. [Contact]
   
   • В форме сделать правильные вертикальные отступы между контролами и идущими за ними лейблами — сейчас все сливается.
     
   • "Tel" -> "Tel.", "Mail" -> "E-mail", "Theme" -> "Subject".
     
   • Телефон, мыло и скайп лучше поместить в таблицу, где в левой колонке будут подписи, а в правой — значения. Т. о., значения будут выровнены слева по одной вертикальной линии.
     
   • "+7 901 202 45 65" -> "+7 901 202-45-65" — не обязательно, но предпочтительнее.
     

[weart]

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

[nerv]

Пока нравится)

- резиновый фон через jquery - что делает плагин? Растягивает картинку сохраняя пропорции? Ссылку можно?

Ради интереса попытался сделать масштабируемый фон на "чистом" js - http://nepiu.narod.ru/works/scalable_background_image.html

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

Edited April 11, 2012 by nerv

[weart]

nerv, чем лучше?

[nerv]

weart, не понял вопроса. Лучше чем, что? Чем мой изначальный вариант или чем плагин квери?

[weart]

weart, не понял вопроса. Лучше чем, что? Чем мой изначальный вариант или чем плагин квери?

чем твой. или квери))

закинул сайт в онлайн http://sgrosheva.com/

[hypnocolor]

weart, в большинстве браузеров в «Работах» не работает прокрутка колесом мыши. Только в Хроме работоспособно)