Denis Gladkikh
Russian   |  English
rss twitter

Теперь у меня есть свой сайт (Переезжаю)

Так и хочется написать “Пожалуйста, прочтите это письмо до конца” :). Если кратко, то хочу получить фидбэк от вас и покрасоваться своим новым сайтом http://outcoldman.ru. Соответственно, постить теперь все свои записи буду туда, а на остальных ресурсах (Livejournal, GDN и т.п.) будут только ссылки. Потому, если вам удобней читать мой блог целиком без перехода на сайт, то измените, пожалуйста, подписку с rss от livejournal на http://feeds.feedburner.com/Outcoldman. Подозреваю что у некоторых уже rss стоит на feedburner (я старался везде публиковать именно его), вы станете свидетелями, что последние статьи загрузятся заново – я просто поменяю источник для feedburner.

Зачем это все

Причин несколько: буду стараться писать подробные интересные статьи (правда реже), а оказывается у LJ есть ограничение на длину статей. С 1 марта сменил работу и теперь у меня долгий и интересный проект на Silverlight (что несомненно повлияет в будущем на мой контент, но WPF я оставлю в приоритете), а LJ не позволяет встраивать примеры в свои статьи.

Ну и само собой я потратил время на создание сайта с пользой – связался с Microsoft MVC (v2) и jQuery, потому по мере доработки сайта буду знакомится и с ними.

Еще хочу сказать, что крутиться пока что все бесплатно на студенческом хостинге от masterhost, за что им бесспорно спасибо, зарегистрировался давно как аспирант. Сколько халява продлится не знаю, но как закончится – сразу же куплю хостинг. Как раз проверю, если masterhost хорош для меня – на нем и останусь.

Что я сделал

Как я сказал – использовал MVC & jQuery, взял как всегда OpenSource дизайн. Сайт разбит на две зоны – русская и английская (я все таки надеюсь что будет время иногда свои статьи переводить и на английский – хорошая практика будет для меня). Язык определяется автоматически при заходе на http://outcoldman.ru, в зависимости от выставленных приоритетах в браузере. Соответственно, есть и второй rss, который отдает контект на английском языке. На данный момент сделал добавление комментариев (сведения о добавляющем комментарии пользователе записываются в cookie при помощи js), комментарий отправляются при помощи ajax, все просто и шустро. Все страницы кешируются по одной минуте – на случаи всякого хабраэффекта и т.п., поэтому добавленные комментарии после обновления страницы вы можете не увидеть в течении минуты. При добавлении комментария можно подписываться на уведомления о новых комментариях (если что у уведомления будет ссылка при помощи которой можно отписаться). В тексте комментария я просто оставил возможность вводить html теги, но без скриптов само собой, никаких XSS! :)

Весь код, оформленный при помощи inline стилей, так и оставил оформленным при помощи inline стилей, потому как не нашел возможность встраивать нормально CSS в RSS.

Что я хочу от вас, мои вопросы к вам

Кроме того, чтобы изменили rss подписку (если хочется), есть несколько вопросов:

  • Как в целом работа? Нормальный ли дизайн? Читается ли текст? Не тянущийся дизайн это хорошо?
  • Кеширование по минуте – это хорошо? Спасет ли это в какой-то мере от хабраэффекта?
  • Что сделать для SEO? Добавил сайт в поисковики гугла, яндекса, рамблера. Особо заморачиваться с этим не хочу, просто было бы классно если бы искался :)
  • Заметил что в Opera иногда съезжает меню, скорее всего дело в том, что я как то коряво поправил верстку. Постараюсь разобраться.
  • Что предложите? Как поругаете?
  • Ну и просто протестируйте если что ;)

В общем как никогда важен любой фидбэк. Спасибо!

, 

Вас также может заинтересовать

rss twitter

Комментарии (40)

notacat ( ) #
avatar
Ссылка в контактах на facebook выбрасывает в неправильное место. Надо вот так: http://www.facebook.com/outcoldman
Андрей ( ) #
avatar
Если можно выложите все материалы по WPF 4.0, начиная с первой части.
Vladimir Yunev ( ) #
avatar
отлично, здоровский сайт получился
Евгений Мокеев ( ) #
avatar
Хороший сайт получился. И дизайн не напрягает. Только у меня на 1024 горизонтальный скроллинг (наверно счетчики).
dmodeus ( ) #
avatar
Форма комментария сильно отличается от текста статьи, может поменьше ее сделать? Похвально, что решил делать свой велосипед, хотелось бы увидеть какой-никакой поиск по сайту + список заголовков последних статей.
Евгений Веприков ( ) #
avatar
А смысл?
Олег Елифантьев ( ) #
avatar
ИМХО оформление блока комментариев (не формы) спорный. А в целом все отлично, читается хорошо. И да, на 1024 скроллер.
Clevelus ( ) #
avatar
А не сложно ли будет такой "движок" поддерживать? С другой стороны для программиста это может быть и правильно, сам над этой проблемой долго думал, но временно остановился на WP (а просмотрев кучу движков, решил написать свой). С другой стороны, посмотрю на твой опыт, может и сам так сделаю :) ЗЫ: остается проблема, найти время для нормальных постов и статей на сайте, и это самое сложное (для меня) :)
Denis.Agarev ( ) #
avatar
Все четко и весьма удобно. Как уже писали, цвет формы добавления комментариев немного бросается в глаза. P.S. Не расскажешь, как делал реврайтинг с локализацией?
Денис Иванов ( ) #
avatar
Мне все нравится, красиво и просто.
Дмитрий ( ) #
avatar
Серый фон заголовков комментариев "давит". IMHO, лучше вообще без фона.
Denis Gladkikh ( ) #
avatar
Все спасибо!

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

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

Евгений, я же вроде написал "Зачем это все" или вопрос более глубокий?

Clevelus, думаю не сложно. Буду помаленьку подкидывать функционала, да и сейчас уже сайт работает как нужно - статьи есть, комментарии добавляются. SEO я заниматься особо не буду, так что поддержки как такой не особо нужно.

Denis, реврайтинг с локализацией очень просто при помощи MVC сделать, добавил просто такой роутинг - 
routes.MapRoute(
                "Default", // Route name
                "{lang}/{controller}/{action}/{id}", // URL with parameters
                new { controller = "start", action = "start", id = "", lang = "" } // Parameter defaults
               );
Ну а дальше подточил немного. Сделал на start, start определение языка, ну и в ресурсах использовал потом везде какой язык выбрал.

Насчет блога комментариев - да сильно отличается, такой был дизайн, попробую в будущем, конечно же что-то додумать, но я не особо дизайнер. 1024 - буду поправлять!
XOR ( ) #
avatar
Попробуй шрифт основного абзаца сделать чуть больше. И увеличь межстрочное расстояние. Можно также межбуквенное чуть-чуть увеличить.
Denis Gladkikh ( ) #
avatar
Извините за двойные уведомления от моего бота... Это masterhost так работает, точнее он отваливается, говоря что много писем в сессии, а БД не обновляется, что что-то отправилось, потому письма пошли вторым скоупом. Сейчас постараюсь поправить.
XOR, ок, попробую!
Серый фон заголовков комментариев - это уже моя работа :( А не opensource дизайна. Подумаю как можно сделать по другому будет.
Сергей ( ) #
avatar
Здравствуйте, Денис, задумка с отдельным сайтом хорошая, только вот интерфейс бледноват, надо бы что-то другое.
force ( ) #
avatar
В Опере вёрстка периодически едет, правь это, может просто ресурс какой-то не грузится? SEO для гугла, имхо, не нужно, он хорошо ищет статьи по ключевым словам, на рамблер можешь забить, он никому не нужен из ЦА, с Яндексом можешь возиться, это долгий и упорный труд, да :) ЗЫ: И к комментированию прикрути что ли gravatar и openID, чтобы всё по-взрослому было :)
force ( ) #
avatar
Ээээ, а почему в комментариях переносы строк не работают? Их
надо отделять?
Станислав ( ) #
avatar
На мой взгляд, ОЧЕНЬ трудно читаемо. Необходимо по-любому увеличить интервал между строками. второе - различия между размерами шрифтов заголовков и текста слишком сильные. Надо бы либо текст крупнее, либо заголовки поменьше, а лучше и то и то. Не графики - плюс. В жопу графику.
Denis Gladkikh ( ) #
avatar
force, да переносы строк это я что-то упустил. Попробую сделать при помощи regex типа такого: [^>]\r\n[^<]
Samous Prime ( ) #
avatar
По внешнему виду. Ну дизайн как таковой отсутствует, однако для подобного сайта это не важно, главное чтобы текст читался, а он читается. Если делаешь нетянущийся дизайн, то его ширина должна быть не более 1000px, отступ текста от краев (от контейнера) нужно сделать больше, чем есть сейчас. Необходим ограничитель на имя, поскольку если я введу длиннющее имя, оно либо растянет твою верстку, либо начнет переносится на новую строку, а учитывая, что оно оформляется у тебя блоком черного текста, то можно получить черный квадрат Малевича оООочень большого размера :) . По СЕО. Добавь в хедер информацию Keywords и Description - это если не заморачиваться сильно. Все внешние ссылки делай через редирект типа http://outcoldman.ru/ru/blog/show/www.traderplugins.com , иначе сайт через некоторое время среди поисковиков начнет слыть "линкопомойкой". Для себя однозначно - блог в закладки, потому что стараюсь читать все посты на готдотнете, в которых отвечает Outcoldman :) . P.S.: сейчас тоже принимаю участие в проекте с MVC + JQuery - очень нравится эта связка.
Denis Gladkikh ( ) #
avatar
Спасибо всем еще раз за фидбэк! Поправил дизайн: подстроил под 1024, заменил тусклые заголовки темные, изменил форму добавления комментариев, да и сделал чтобы комментарии добавлялись при помощи js после нажатия на клавишу. Сделал так же замену в комментариях переноса строк на br. Пока не додумался как же круто то сделать добавление комментариев, скорее всего потом сделаю что-то вроде bb кодов... Только писать самому это уж очень не охота, порылся на codeplex исходники блогов, так там какая то жуть только попадается, может кто знает кто можно посмотреть (с исходным кодом) где хорошо все это сделано. Samous Prime, да MVC + JQuery - это вещь. Знаний правда не хватает, постоянно борюсь с какими то мелочами, так и не понял как это роутинг нормально работает, добавил свои валидаторы и все поехало... Книжки что ли читать нужно. По поводу ссылок через редикты не понял, а зачем это? Вроде на том же LJ такого нет... Да и как представлю что в постах нужно будет такие ссылки писать... Можно конечно replace делать... Еще раз спасибо за фидбэк, если еще есть чем поругать и предложить то плз говорите. А так приятно, что теперь в свободное время всегда можно додумать что поделать на сайте :) Облако тегов, граватар приделать и еще может чего...
Denis Gladkikh ( ) #
avatar
ага... это в IE приходят Environment.NewLine, а из Chrome только \n :( Подправил опять... Беда с этими комментами, нужно что-нибудь придумать…

Кстати, проблему что дергается в опере поправил кодом:

if (navigator.appName == "Opera") document.body.innerHTML = document.body.innerHTML;

Samous, по поводу имени еще, у меня на сервере ограничение в 100, сделается Subtring :)
XOR ( ) #
avatar
Дэн, еще важный момент - отступ до подзаголовка не должен быть меньше, чем отсуп после. Сейчас как раз меньше и выглядит странно. Нужно как минимум такой же.
Samous Prime ( ) #
avatar
Насчет ссылок через редиректы - поисковые машины могут счесть твой сайт за каталог ссылок, из-за большого кол-ва внешних ссылок на другие ресурсы. Если ты делаешь через редирект, то внешние ссылки для поисковиков становятся внутренними.
Denis Gladkikh ( ) #
avatar
XOR, ok! Сделаю, в веб дизайне я нуб :)

Samous, уяснил... Надо будет сделать такой функционал и по возможности использовать.

Спасибо!
Павел ( ) #
avatar
При открытии с украинской версии браузера переадресовывает на английскую версию сайта. Думаю с украинского и близких к русскому языков лучше на русскую версию сайта переадресовывать.
Denis Gladkikh ( ) #
avatar
Спасибо, Павел. Об этом как то не подумал...
Краули ( ) #
avatar
Я очень плохой "сайтодел", так что могу оценить только как любитель.
Дизайн у Вас без наворотов, но зато невероятно удобен (плюс быстро грузится - это до сих пор важно).
А то иногда в Сети встречаешь такие сайты, где не прочитать толком, ни разобраться в навигации невозможно.
В общем все удобно и функционально. Хотя в "хэдере" картинку я бы добавил (или хотя бы элемент картинки, логотип)
П.С.: У меня в Опере кстати все нормально отобразилось.
виктор ( ) #
avatar
а как сделать вставку коментария на своем сайте?
Denis Gladkikh ( ) #
avatar
Краули для оперы у меня специальный фикс
if (navigator.appName == "Opera") document.body.innerHTML = document.body.innerHTML; :)

виктор, не понял вопроса, что значит как? Написать код, который бы это делал. Вопрос с подвохом?
Алексей ( ) #
avatar
Денис, я, конечно, понимаю, что Вы жёсткий кодер и дизайнить сайт не для Вас, но это, имхо уж слишком "минимализм". Хоть какой логотипчик придумайте - в шапку пихните =)
Denis Gladkikh ( ) #
avatar
Алексей, обычно в персональных блогах видел либо фотографию автора, либо какой-нибудь интересный предмет или логотип, который связывает автора с ним. Само собой могу поставить фотографию, либо поставить логотип MVP (но это уныло :( ). Вообще, подумаю насчет этого.
Ирина ( ) #
avatar
Дизайн для блога вполне нормальный. Минимализм - это как раз то, что нужно. И текст читается лучше, когда нет "отвлекающих факторов" в виде большого кол-ва картинок.
Алексей ( ) #
avatar
ВО!! Минимализм!=) это очень хорошо. И хоть я достаточно толерантен в вопросах выбора технологий(MS\не MS), я добавил этот сайт в закладки, и теперь могу показать, как быстро может работать сайт на технологиях MS. Фон очень нравится.. прям такая обстановка получается.. спокойно.. как дома чтоли..) это больше не фидбэк, а ответ на ваше сообщения в статье про backgroundWorkerюю так что прошу прощения..)
Denis Gladkikh ( ) #
avatar
Ирина, Алексей, спасибо!
Metal ( ) #
avatar
Я тоже люблю минимализм - тогда просто меньше юзабилити сайта/блога может отвлекать от чтения и восприятия статьи.
Piter ( ) #
avatar
А у меня при заходе на Ваш сайт http://outcoldman.ru язык автоматически определяется как английский почему-то, хотя я из Петербурга захожу!
Denis Gladkikh ( ) #
avatar
Piter, видимо потому что у вашего браузера этот язык выбран по-умолчанию.
Sergei Ivanzov ( ) #
avatar
Согласен с выше сказанным, что бледновато. Немного изменить дизайн и будет отлично.
Алексей ( ) #
avatar
Если честно, я не совсем понял прикола. Зашел по ссылке на ваш новый сайт, но там ведь тот же блог что и здесь. Или я чегото не допонял? Просто я новичок в мире Интернета )
Добавить комментарий

Если вы хотите получать уведомления о новых комментариях к данному топику, укажите, пожалуйста, email и отметьте соответствующий пункт в форме. Если вы хотите добавить код в тексте комментария, то заключите его внутри тега [code]...[/code], более того можно уточнить язык, на котором написан данный код при помощи [code cs]...[/code], где вместо cs могут быть cs, html, xml, java, js, php, sql, cpp, css.

 

busy