Сайт о вёрстке, юзабилити и seo

Главные вкладки

Аватар пользователя Shift-Web Shift-Web 5 апреля 2010 в 11:38

На Shift The Web Вы найдете массу интересного о web технологиях, вёрстке, seo, да и вообще всему, что так или иначе связано с интернет деятельностью homo sapiens. Ресурс ориентирован в первую очередь на неискушённых.

скрин

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

На момент публикации этой темы использованы модули:

  • xmlsitemap
  • sitemap
  • nodewords
  • privatemsg
  • author pane
  • advanced forum
  • bueditor

Jquery взят с модуля Jquery Update. Кое что обработано напильником Smile Адекватная критика приветствуется!

Комментарии

Аватар пользователя Kaitano Kaitano 5 апреля 2010 в 11:58

Браузер FF 3.5, приступимс:
- при скроле страшно лагает (подозреваю jquery скрипт прокрутки ...)
- шрифт активного пункта горизонтальной верхней менюшки в тон самой менюшки - не айс
- ссылки active hover why not define?
- на главной ссылки с title на ноду убраны О_о why?
- непонятный курсор при наведении на скрытый блок логина сверху
- некликабельный логотип
- ощущается пустота между верхней менюшкой и контент блоком ... ну мб для рекламы будущей место
- футера нет, так и задумано?
- карте сайта не место в навигаторе, лучше туда категории с количеством статей
пока все что в глаз сразу кинулось ... Smile

Аватар пользователя Shift-Web Shift-Web 5 апреля 2010 в 12:01

- на главной ссылки с title на ноду убраны О_о why?

Не понял, что имеется ввиду Smile

Цвет активной ссылки подправлю, курсор так просто. Логотип подразумевает некоторую функциональность на будущее, поэтому пока не кликабелен.

Нет - рекламы там не будет. На самом деле, у меня просто ступор. Никак не могу придумать внятный заголовок Acute

С картой сайта учту.

Спасибо за критику! Я старался по мере свободного времени!

Аватар пользователя Shift-Web Shift-Web 5 апреля 2010 в 12:04

Скрол еще и в жопере ужасно анимируется, пытаюсь найти решение, если не получится - откажусь.

Футер? А зачем он? Может быть на будущее .... пока, думаю, он ни к чему Smile

Аватар пользователя Shift-Web Shift-Web 5 апреля 2010 в 12:25

CSS - это принципиально? ))) Я пишу о том, как малой кровью и в достаточной степени правильно.

Зачем d.ru на транзе, если не проходит валидацию? )))

Можно даже разбить css-ку на каждый браузер в свой файл и отдавать по ua. Можно вообще спрятать половину от валидатора, чего я не делаю.

Аватар пользователя xxandeadxx xxandeadxx 5 апреля 2010 в 13:07

о юзабилити говорите?)) заголовки нод не кликабельны, логотип не кликабельный, ссылки в блоках и в хлебных крошках не реагируют на наведение, не выделен текущий раздел, шрифт у списков не соответствует основному.

о вёрстке говорите?)) доктайп указан HTML5 но ни одна из возможностей пятого html не использована) + 9 Errors, 1 warning(s)

о seo говорите?)) у статей даже нет keywords

вобщем сапожник без сапог))

Аватар пользователя Shift-Web Shift-Web 5 апреля 2010 в 13:15

о seo говорите?)) у статей даже нет keywords

xD А надо? Даже рама просит указать ключи в дурилке. Нет .. ну если Вам с ними комфортнее - нет проблем Smile

Взял на заметку, обязательно займусь )))

Друпал морально не готов к html5. Да и я не готов переопрделить пол друпала.

С какой стати шрифт списков обязан быть в унисон основному шрифту?

Снимаю шляпу. Поторопился, пожалуй, но Ваши замечания очень важны.

Аватар пользователя PVasili PVasili 5 апреля 2010 в 17:27

Зачем нужен ещё один из 10 000 000 сайтов ни о чём с жутким юзабилити, дизайном и сомнительное полезности информацией?
Если создавать сайт, по делать что-то уникальное, чего увы нет Sad
Перед созданием попробуйте задать себе вопрос: - что может посетитель получить полезного от ресурса?

Аватар пользователя Shift-Web Shift-Web 5 апреля 2010 в 17:50

PVasili, что в Вашем понимании качественное юзабилити? Ориентация на чтение и получение ответа на вопрос.

Если бы Вы вчитались, то, наверняка-бы, обратили внимание на то, что ресурс ориентирован далеко не на профессионалов. И это далеко не финальный вариант.

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

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

Я что-то плохого сделал? Осквернил друпал и сообщество? Пишу хреново, спорить не буду. Надеюсь все-же набью руку и будет интереснее. Спасибо!

Kaitano, чиркнул в блокнотик, благодарю.

Аватар пользователя PVasili PVasili 5 апреля 2010 в 18:03

"Shift-Web" wrote:
я не был все-же прав, когда полез сюда создавать тему, не подготовив сайт основательно.
ну вот, а предлагаете оценить построенный дворец по вырытому котловану...

Вас ни кто не осуждает за то что вы делаете. Вы просите дать оценку сайту - и все ответы только по сайту.

Аватар пользователя Shift-Web Shift-Web 6 апреля 2010 в 21:40

PVasili, Фамилие Имя пишет, что ему нравится (:

Валидность пофиксил, пожелания учёл, косячки подправил. Хочу еще "по шапке" ))))

Аватар пользователя Stan.Ezersky Stan.Ezersky 6 апреля 2010 в 22:01

Вы так и не ответили, почему HTML5, зачем?

  • Логотип не кликабелен -)
  • Смысл подсказок? Они не выполняют никаких полезных функций
  • При отключенном JS как авторизоваться? Нет "страховки"
  • Пустое место в хэдере, для чего?
Аватар пользователя Kaitano Kaitano 6 апреля 2010 в 22:14

Косяки вида: text-align: middle; недопустимы в верстке сайта о HTML+CSS и околотаких тем - исправить в срочном порядке, да и все стили заодним ... http://www.htmlbook.ru/css/text-align.html, советую лучше ознакомиться с этим ресурсом Smile с vertical-align переставать путать ...

Аватар пользователя Shift-Web Shift-Web 6 апреля 2010 в 22:11

html5 установлен на перспективу. До выхода спецификации буду пилишь напильником друпал, пока он не будет 100% подходить под формат. Подозреваю, что от друпала к тому времени останется немного.

Да с какой стати логотип должен быть кликабелен?
У кого отключен JavaScript?

Смысл подсказок в том, что пользователю не надо бегать болтами по всему монитору, чтоб узнать на какой url его приведет ссылка. У меня еще abbr'ы кое где подсвечены подсказками. И еще много чего будет ими подсвечено, когда буду сервисы внедрять.

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

Спасибо! )

Аватар пользователя Shift-Web Shift-Web 6 апреля 2010 в 22:14

«Косяки вида: text-align: middle; недопустимы в верстке сайта о HTML+CSS и околотаких тем - исправить в срочном порядке, да и все стили заодним ... http://www.htmlbook.ru/css/text-align.html, советую лучше ознакомиться с этим ресурсом =)»

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

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

Аватар пользователя Stan.Ezersky Stan.Ezersky 6 апреля 2010 в 22:15

"Shift-Web" wrote:
пользователю не надо бегать болтами по всему монитору, чтоб узнать на какой url его приведет ссылка.
Ссылки-то обрезаются (проверьте на длинных заголовках), к тому же их нельзя скопировать, я и спрашиваю, их смысл. Вы предлагаете пользователю их запоминать?-)

Логотип переход на главную, это уже стереотип, причём, очень хороший.

Аватар пользователя Shift-Web Shift-Web 6 апреля 2010 в 22:19

Стереотипы не мой конёк. Всегда любил их ломать.

По ссылкам поясню. Скажем так, есть категория людей, которым важно видеть не сам адрес ссылки, а то куда она его приведет(это сайт или другой). Будут поддомены, имеенно по этому подсказки нужны )

Аватар пользователя xxandeadxx xxandeadxx 6 апреля 2010 в 22:32

"Shift-Web" wrote:
html5 установлен на перспективу. До выхода спецификации буду пилишь напильником друпал, пока он не будет 100% подходить под формат.

чем он сейчас не подходит?

Аватар пользователя Shift-Web Shift-Web 6 апреля 2010 в 22:54

xxandeadxx, друпал это конструктор, у меня нет желания заглядывать вперед и я не до конца определился в том, сколько еще модулей придётся задействовать и какие. Такой ответ устраивает?

Аватар пользователя Shift-Web Shift-Web 6 апреля 2010 в 23:02

Я не пытаюсь залезть в шкуру экстрасенса и уловить ваше представление о том, как надо. На текущий момент мне не нравится, как друпал билдит такие вещи, как списки меню, например.

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

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

Аватар пользователя Stan.Ezersky Stan.Ezersky 6 апреля 2010 в 23:05

"Shift-Web" wrote:
На текущий момент мне не нравится, как друпал билдит такие вещи, как списки меню, например.
Что имеется в виду? Друпал генерит стандартные списки меню, со своими классами, что не так с ними?

Аватар пользователя xxandeadxx xxandeadxx 6 апреля 2010 в 23:05

не нужно лезть не в чью шкуру, ответьте на конкретный вопрос — почему на данный момент в Drupal нельзя использовать html5? зачем нужно "пилить ядро" и "трахаться с вьюсом"?

Аватар пользователя Shift-Web Shift-Web 6 апреля 2010 в 23:15

Что имеется в виду? Друпал генерит стандартные списки меню, со своими классами, что не так с ними?
не нужно лезть не в чью шкуру, ответьте на конкретный вопрос — почему на данный момент в Drupal нельзя использовать html5? зачем нужно "пилить ядро" и "трахаться с вьюсом"?

То, что в html 5, как заметили выше, эти вещи можно реализовать не на базе <_ul><_ol>, а на базе того-же <_menu>, к примеру. Отодрать друпаловскую придурь с лифами, активами, class="comment-x-y-z bla blya", идентификаторами и компановкой всего этого хренокода на пол строки.

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

Я не до конца изучил систему и не знаю многих тонкостей. Но мне так не нравится.

Аватар пользователя Shift-Web Shift-Web 6 апреля 2010 в 23:29

Господа ... ну вот снова кислые мины. Ну почему бл*ть каждый раз начинаются какие-то детские обиды и тыканье носом в учебнки и чьё-то нежелание плясать под дудку "идеи".

Почему надо так, как это видите Вы? Почему каждый раз надо кукситься? Вам самим-то не надоело?

Всем огромное искренне спасибо и улыбайтесь чаще! Изволю откланяться

Аватар пользователя Dalay Dalay 7 апреля 2010 в 2:39

"Shift-Web" wrote:
Всем огромное искренне спасибо и улыбайтесь чаще! Изволю откланяться

Мона еще один идиотский вопрос: зачем на таком маленьком сайте так много джаваскрипта?

Аватар пользователя Shift-Web Shift-Web 7 апреля 2010 в 3:56

Что в вашем понимании много? Строки? Килобайты? Нагрузка на процессор? Трафик? На 70% - это обвес фрэймворка.

Подразумевается, что аудитория будет сидеть не за пылесосами 486. Да и прогресс не стоит на месте.

Аватар пользователя Dalay Dalay 7 апреля 2010 в 4:05

"Shift-Web" wrote:
Что в вашем понимании много? Строки? Килобайты? Нагрузка на процессор? Трафик? На 70% - это обвес фрэймворка.

Подразумевается, что аудитория будет сидеть не за пылесосами 486. Да и прогресс не стоит на месте.


В моем понимании «много» - это когда «лишнее» начинает бросаться в глаза. Касаемо прогресса - да, на месте не стоит. Только вот и у света четыре стороны, в какую из них он ломанется, поди, и Господь Бог уже зарекся угадывать.

Аватар пользователя Shift-Web Shift-Web 7 апреля 2010 в 4:09

Что на Ваш взгляд есть лишнее? Сам придерживюсь нейтралитета относительно религиозных убеждений, уж простите.

Аватар пользователя Shift-Web Shift-Web 7 апреля 2010 в 4:18

В чём же оно заключается? Так выходит, что приходится "включать ежа" Smile Мы ж не рыбки молчаливые и не твари шестилапые в каках копошащиеся ))))) Бац каблуком и нету. Ан... нет

Аватар пользователя Dalay Dalay 7 апреля 2010 в 4:23

"Shift-Web" wrote:
В чём же оно заключается? Так выходит, что приходится "включать ежа" Smile Мы ж не рыбки молчаливые и не твари шестилапые в каках копошащиеся ))))) Бац каблуком и нету. Ан... нет

Ну эт не скажи, кто как. Некоторые, говорят, ваще от обезьян произошли.

ПС Избегай всех расходов, которые делаешь из тщеславия
Лев Толстой

Аватар пользователя Shift-Web Shift-Web 7 апреля 2010 в 4:23

"Dalay" wrote:
Ну эт не скажи, кто как. Некоторые, говорят, ваще от обезьян произошли.

Вы мне определенно импонируете.

Аватар пользователя Shift-Web Shift-Web 7 апреля 2010 в 4:24

"Dalay" wrote:
ПС Избегай всех расходов, которые делаешь из тщеславия
Лев Толстой

Как-же быть? Научите по другому? Сомневаюсь ...

Аватар пользователя Dalay Dalay 7 апреля 2010 в 4:27

"Shift-Web" wrote:
Как-же быть? Научите по другому? Сомневаюсь ...

Да научу, нехитрая наука. Позволь себе себя любить.

пс. я не про дроч

Аватар пользователя Shift-Web Shift-Web 7 апреля 2010 в 4:31

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

Аватар пользователя Shift-Web Shift-Web 7 апреля 2010 в 4:34

Определения определению самокритики быть не может по той простой причине, что всё довольно субъективно. Вам не кажется?

Аватар пользователя Dalay Dalay 7 апреля 2010 в 4:40

"Shift-Web" wrote:
Определения определению самокритики быть не может по той простой причине, что всё довольно субъективно. Вам не кажется?

Нам всем все только кажеться.

Аватар пользователя Dalay Dalay 7 апреля 2010 в 4:44

вспомнилось по теме

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

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

Аватар пользователя Shift-Web Shift-Web 7 апреля 2010 в 4:53

Сори, нашёл. Марина Цветаева

И наверное я пойду усну на часок-другой. Итак график побитый. Приятно было пообщаться, доброго утра.

Аватар пользователя xxandeadxx xxandeadxx 7 мая 2010 в 0:22

страница загружается, после этого какой-то непонятный визуальный эффект и страница начинает дико тормозить при прокрутке (Opera 10.53)

Аватар пользователя Shift-Web Shift-Web 7 мая 2010 в 0:31

xxandeadxx, спасибо!

Quote:
страница загружается, после этого какой-то непонятный визуальный эффект и страница начинает дико тормозить при прокрутке (Opera 10.53)

Сам понять не могу, думал из-за семерки или файр\антивиря, оказалось особенности оперы ): Эффект там фэйд ин стоит, придётся наверное пожертвовать...