Оцените блог пожалуйста по всех критериях)

[andrdov]

Создал блог для веб-мастера http://devblog.in.ua/ , сам являюсь веб-разработчиком более 1,5 года. Оцените его по всем параметрам от А до Я. Верстка адаптивная, и есть микроформат на сайте. Также оцените все что только видете) Буду благодарен за конструктивную критику.

[Galaxy]

футер не прижат, дизайн я так понимаю сами придумывали?) , при наведении на блок статьи должен быть cursor pointer + область должна быть кликабельна(открывать новость полностью), ну и + куча id. На главной(где выводиться по 5 новостей) кнопочка наверх не очень нужна. В общем как для вебразработчика со стажем 1.5 года можно было сделать и лучше

Edited October 2, 2014 by Galaxy

[andrdov]

1) футер не прижат - я не понимаю зачем его прижимать?

2) ну и + куча id - не понял

3) кнопочка наверх  - рассчитана на весь сайт, то есть большая статья и клик и поднимешься на верх)

 

 со стажем 1.5 года можно было сделать и лучше  - что еще?)

 

было бы хорошо получить ответы на вопросы, спасибо)

[IIIIIIIIII]

1) футер не прижат - я не понимаю зачем его прижимать?

2) ну и + куча id - не понял

3) кнопочка наверх  - рассчитана на весь сайт, то есть большая статья и клик и поднимешься на верх)

 

 со стажем 1.5 года можно было сделать и лучше  - что еще?)

 

было бы хорошо получить ответы на вопросы, спасибо)

1. это не обязательно. хоть я сам его всегда прижимаю

2. профессиональней верстать на классах

3 сделайте чтобы она появлялась при прокрутке, скажем больше 500px

[Galaxy]

1) футер не прижат - я не понимаю зачем его прижимать?

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

[IIIIIIIIII]

Еще добавлю. Что у вас этот див очищает? -

<div class="clear_l"></div>

Может я что-то недопонимаю, или не могу найти плавающих элементов.

Edited October 2, 2014 by IIIIIIIIII

[Galaxy]

clear_l

почему не clearfix ? 

[andrdov]

Еще добавлю. Что у вас этот див очищает? -

<div class="clear_l"></div>

Может я что-то недопонимаю, или не могу найти плавающих элементов.

 

В статях есть float: left; для миниатюр

Что еще скажите?

[IIIIIIIIII]

В статях есть float: left; для миниатюр

Да, только для родителя ul задано свойство position со значением absolute. Там нечего очищать. Могу сказать. что вам стоит больше понимания обрести при верстке с помощью чтения.

В целом верстка не плохая, успехов!

Edited October 2, 2014 by IIIIIIIIII

[npofopr]

1. Дизайн никакой.

2. ScrollTop не работает.

3. Адаптивность не продумана.

[Мэтт]

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

Я присоединюсь ко всем, кто здесь писал про классы. Поменяйте id на классы. Очень умиляет, что вы используете теги типа <header>, но задаёте большинству блоков id, а не class.  В хейдере создан ul с одним списком li. Это так и надо или будет продолжение. Если нет, то не думаю, что нужно было делать это списком.

По дизайну. 

Я так предполагаю, что большие блоки с темами и изображениями были продуманы для адаптивности... Честно говоря, это смотрится не аккуратно. С цветами перебор. Слишком пастельные цвета для фона и слишком яркие цвета для текста и ссылок. Сделайте вместо чёрного серый, вместо красного, допустим, зелёный или просто не такие яркие цвета. 

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

Желаю вам удачи! 

[andrdov]

1. Дизайн никакой.

2. ScrollTop не работает.

3. Адаптивность не продумана.

 

1) Конкретнее

2) этот баг я заметил только в опере

3) Почему?

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

Я присоединюсь ко всем, кто здесь писал про классы. Поменяйте id на классы. Очень умиляет, что вы используете теги типа <header>, но задаёте большинству блоков id, а не class.  В хейдере создан ul с одним списком li. Это так и надо или будет продолжение. Если нет, то не думаю, что нужно было делать это списком.

По дизайну. 

Я так предполагаю, что большие блоки с темами и изображениями были продуманы для адаптивности... Честно говоря, это смотрится не аккуратно. С цветами перебор. Слишком пастельные цвета для фона и слишком яркие цвета для текста и ссылок. Сделайте вместо чёрного серый, вместо красного, допустим, зелёный или просто не такие яркие цвета. 

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

Желаю вам удачи! 

1) более продуманный сайт - это какой например?

2) Поменяйте id на классы - почему это все говорят header только же один раз используется на странице, а для статей у меня классы, верно?

3) ul с одним списком li - да, дальше будет больше меню

4) Сделайте вместо чёрного серый, вместо красного, допустим, зелёный или просто не такие яркие цвета.  - это про текст, я правильно понял?

[npofopr]

1) Конкретнее

а что конкретного? отступов нигде никаких нет. вертикальные линии кое где не соблюдаются.

 

2) этот баг я заметил только в опере

у меня Хром.

 

3) Почему?

потому что не удобно. Какой смысл прятать в "гамбургер" одну ссылку? А ссылки из сайдбара оставлять не спрятанными. Да и подписку оставлять вверху с шарингом, как то не айс.

[andrdov]

 

1) Конкретнее

а что конкретного? отступов нигде никаких нет. вертикальные линии кое где не соблюдаются.

 

 

 

2) этот баг я заметил только в опере

у меня Хром.

 

 

 

3) Почему?

потому что не удобно. Какой смысл прятать в "гамбургер" одну ссылку? А ссылки из сайдбара оставлять не спрятанными. Да и подписку оставлять вверху с шарингом, как то не айс.

 

 

1) отступов нигде никаких нет. - в статьях есть

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

[Galaxy]

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

[andrdov]

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

что конкретно?

[Galaxy]

Дизайн, верстка, UI

[andrdov]

Дизайн, верстка, UI

обновил дизайн немого, что скажите?

[dmsirotenko]

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

Когда в сайдбаре выбираешь какой-либо пункт, было бы неплохо, если бы текущий открытый раздел был подсвечен. Еще копирайту падинга снизу не хватает. А вообще, если честно, дизайн вырвиглазный.

[ShumNo]

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

 

+

 

цвет и шрифты и оформление мне не понравились.

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

[andrdov]

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

Когда в сайдбаре выбираешь какой-либо пункт, было бы неплохо, если бы текущий открытый раздел был подсвечен. Еще копирайту падинга снизу не хватает. А вообще, если честно, дизайн вырвиглазный.

 

Блог плох дизайном.

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

 

+

 

цвет и шрифты и оформление мне не понравились.

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

тогда как улучшить, если можно то лучше с скринами

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

Когда в сайдбаре выбираешь какой-либо пункт, было бы неплохо, если бы текущий открытый раздел был подсвечен. Еще копирайту падинга снизу не хватает. А вообще, если честно, дизайн вырвиглазный.

"Также куча ошибок на странице "Об авторе"." например?

[Sergik+]

Сделайте на вордпресс, тему купите, они от 5 баксов хорошие начинаются, крутая адаптивная 50 баксов.

[Мэтт]

Ошибки на странице "Об авторе".

Рад приветствовать "Вас" - здесь не нужно писать с большой буквы. Большая буква пишется, если это:

1. Начало предложения;
2. Имя;

"И моим хобби есть веб-программирование" - Как так вообще можно было написать? Язык не ломается. Сделайте проще. Зачем это усложнять.

Правильно расставьте подлежащее и сказуемое и составьте предложение корректно.

 

"А так же всё, что касается созданиЯ сайтов".

Обдумайте ещё раз всё написанное. Подумайте, может что-то можно изменить. И нее надо делать сложные предложения. делайте проще.

[andrdov]

Ошибки на странице "Об авторе".

Рад приветствовать "Вас" - здесь не нужно писать с большой буквы. Большая буква пишется, если это:

1. Начало предложения;
2. Имя;

"И моим хобби есть веб-программирование" - Как так вообще можно было написать? Язык не ломается. Сделайте проще. Зачем это усложнять.

Правильно расставьте подлежащее и сказуемое и составьте предложение корректно.

 

"А так же всё, что касается созданиЯ сайтов".

Обдумайте ещё раз всё написанное. Подумайте, может что-то можно изменить. И нее надо делать сложные предложения. делайте проще.

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

[Мэтт]

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

 

Всё что я написал, я узнал ещё в школе в учебнике по русскому языку