Сайт, свой собственный.

[Softlink]

Всем привет.

Давно не выставлял ничего в обсуждения и решил исправить ситуацию.

За сегодня переделал свой сайт. Почти полностью.

Объект - http://alpatriott.ru/

Больше всего интересует "дизайн". Задумка и реализация полностью* своя. Без макетов, без ничего. Сразу верстал.

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

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

С затемнением и более качественной обтравкой помог Alexriz, за что ему большое спасибо.

p.s. в горшке лимон, и сейчас он уже немного больше размерами)

[ShumNo]

• v 3.0 находится в области логотипа, я бы убрал в подвал, пользователю как бы плевать версия 3 это или 10
  
• может это только мне, но читать текст(любой) очень тяжело для глаз
  
• возможно к цветочку надо текст для расшифровки чтоже символизирует этот горшок, а в нем какая-то зелень, может скорость с которой будут выполняться заказы, может, что автор еще зеленый и молодой как это растение
  

[Catherine]

Отступ слева от текста совсем не нравится, ну и межстрочный интервал попался)

http://clip2net.com/s/2bBIw

[Veseloff]

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

[Softlink]

• v 3.0 находится в области логотипа, я бы убрал в подвал, пользователю как бы плевать версия 3 это или 10
  
• может это только мне, но читать текст(любой) очень тяжело для глаз
  
• возможно к цветочку надо текст для расшифровки чтоже символизирует этот горшок, а в нем какая-то зелень, может скорость с которой будут выполняться заказы, может, что автор еще зеленый и молодой как это растение
  

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

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

К цветочку сделаю пояснение наверное) Вообще, это лимон, который растет у меня на окне

Отступ слева от текста совсем не нравится, ну и межстрочный интервал попался)

http://clip2net.com/s/2bBIw

Поправил.

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

Да, из форматирования текста я использовал лишь размеры, межстрочный интервал и кернинг.

По горизонтали - это горизонтальный скролл ты имеешь ввиду?

Всем спасибо за отзывы

[Radiocity]

Настоятельно рекомендую убрать красную тень

[hedgehog]

Плюсанул в блоге статью: http://i.imgur.com/SndrQ.png

Насколько я помню, можно при помощи снипетов указывать область документа, которая будет использоваться при расшаривании контента в google+. По-моему "перейти к списку статей" - лишнее в этом снипете. Я смотрю, что эта ссылка лежит в общем враппере div.post, хотя к самому посту она никак не относится. По-моему, так

[Softlink]

Настоятельно рекомендую убрать красную тень

Да уже понял. Вчера еще сомневался, а сегодня сам решил поменять на другую.

Плюсанул в блоге статью: http://i.imgur.com/SndrQ.png

Насколько я помню, можно при помощи снипетов указывать область документа, которая будет использоваться при расшаривании контента в google+. По-моему "перейти к списку статей" - лишнее в этом снипете. Я смотрю, что эта ссылка лежит в общем враппере div.post, хотя к самому посту она никак не относится. По-моему, так

Спасибо.

Мне кажется, что "перейти к списку статей" должна быть полезной. Пусть она и дублирует кнопку "назад" в браузере, но она очевидна.

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

[Great Rash]

Сайт хороший, все понятно. Я б еще блочек с рандомной (или последней) работой куда-нить на главную запихал. Это же сайт-портфолио, да?

[Softlink]

Сайт хороший, все понятно. Я б еще блочек с рандомной (или последней) работой куда-нить на главную запихал. Это же сайт-портфолио, да?

Думал насчет портфолио, но чето не стал его делать. Одну какую-то работу публиковать бессмысленно, а как организовать все портфолио еще не придумал. Если осенит, то, наверное, выложу. А пока это будет сайтом-визиткой)

[Seemann]

Горшок с растением - не очень)

Во-первых, плохо отфотошоплен, а, во-вторых, не ясна суть его присутствия)

А в остальном - текст. Норм, что тут сказать)

[Softlink]

Горшок с растением - не очень)

Во-первых, плохо отфотошоплен, а, во-вторых, не ясна суть его присутствия)

А в остальном - текст. Норм, что тут сказать)

Согласен, делаю уже описание небольшое.

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

[hedgehog]

Мне кажется, что "перейти к списку статей" должна быть полезной. Пусть она и дублирует кнопку "назад" в браузере, но она очевидна.

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

Сама ссылка - удобная, бесспорно. Но из-за некоторых семантических несоответствий (как мне кажется) гугл вытягивает текст этой ссылки вместе с контентом и при публикации в google+ текст ссылки не нужен совершенно (см. скриншот в моем сообщении, это скрин сниппета после клика по +1)

[Krevetka13]

Видно что создатель сайта любит природу) И горшок вызывает ассоциации со стартапом)

[ar00]

Родился

еще в СССР, еще в Алтайском крае

Учился

в школе и университете

Увлечения

гитара, нумизматика, хоккей, верстка

Работа

разработчик, верстальщик

Интересуюсь дизайном(веб, графический, типографика, интерфейсы). В интернетах встречаюсь еще под именем Softlink. Иногда пытаюсь донести до людей, что надо быть добрее и терпимее. Люблю прохладную погоду и почти не люблю лето. Приветствую все новое и не терплю стереотипы.

1) Точек не хватает в конце предложений.

2) Для горшка Я бы добавил "интересный" title.

3) Для блока "Всё моё" Я бы добавил padding-bottom, что бы при узком окне смотрелось всё равномерно.

4) "Электропочта"...... (|a|r|t|l|e|b|e|d|e|v|)

5) Что-то с header, когда появляется overflow-y

Edited August 8, 2012 by ar00

[kvant]

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

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

[Softlink]

1) Точек не хватает в конце предложений.

2) Для горшка Я бы добавил "интересный" title.

3) Для блока "Всё моё" Я бы добавил padding-bottom, что бы при узком окне смотрелось всё равномерно.

4) "Электропочта"...... (|a|r|t|l|e|b|e|d|e|v|)

5) Что-то с header, когда появляется overflow-y

1) действительно, исправил

2) там справа от него есть "тайтл"

3) добавлено

4) именно

5) браузер? А вообще, есть подозрение, что вы зафиксировали момент, когда один медиазапрос не перешел в другой. Там ширина меняется у этого блока. Заметил по скроллу внизу, кстати. При ресайзе может быть это заметно, но на статичных разрешения должно быть все в порядке.

Спасибо за отзыв.

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

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

Спасибо за мнение. Подумаю насчет текста.

Ох уж этот лимон) Кто мне сегодня только не двигал идей, что с ним сделать. Можно нафотографировать новых снимков. Там сейчас в горшке еще есть мандарин и грейпфрут Но обещаю подумать, чтобы там интересного сделать.

[psywalker]

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

[ar00]

5) браузер?

Проверено в последних версия следующих браузеров: Opera, Chrome, Mozilla. А так же IE9.

Передавали огромный привет IE8 & IE7 =) - можно заморочиться с отдельным стилем, но решать автору.

[Softlink]

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

Говори разрешение по вертикали и горизонтали. В чем и как проверяешь?

Проверено в последних версия следующих браузеров: Opera, Chrome, Mozilla. А так же IE9.

Передавали огромный привет IE8 & IE7 =) - можно заморочиться с отдельным стилем, но решать автору.

Тогда это точно стык между запросами. Вы же изменяли размер окна, да?

ИЕ - в лес, и чтоб его там волки съели.

upd Понял, дело было при изменении размеров окна. На нативном разрешении все было в порядке. Но чтобы таких вопросов не возникало, изменил медиазапросы.

Также исправил этот "стык".

Edited August 9, 2012 by Softlink

[psywalker]

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

Говори разрешение по вертикали и горизонтали. В чем и как проверяешь?

Ха, прикинь, ща уже всё ок) Ты чё с лимоном сделал, признавайся?

[Softlink]

Ха, прикинь, ща уже всё ок) Ты чё с лимоном сделал, признавайся?

upd Понял, дело было при изменении размеров окна. На нативном разрешении все было в порядке. Но чтобы таких вопросов не возникало, изменил медиазапросы.

Также исправил этот "стык".

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

Кстати, обнаружил, что http://quirktools.com/screenfly/ показывает несколько другую картину, нежели мой ноутбук с разными варииантами разрешений.

p.s. а viewlike.us, похоже, сдулся. Или может кто знает куда он переехал?

[Vin]

Шрифты основного текста я бы сделал каким-нибудь стандартным шрифтом. Из нестандартных мало что хорошо подходит для кириллицы, увы. И ещё фон бы поинтереснее, градиента добавить или шума. А в целом, концепция нравится.