Моя третья верска

[eklikesw]

Всем доброго времени суток.

 

Вот сверстал третий свой сайт по макету.

 

Сразу скажу, что намудрил с левым блоком Recent comments. Я думаю из-за абсолбтного позиционирования, но не уверен.

 

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

 

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

 

Как и обычно в этом разделе , хочу услышать критику и подсказки.

 

http://project-two.zz.mu/

 

Кому надо отдельный файл с кодом, пишите скину файл, я просто читал что кто-то просил, джля того чтобы было удобней смотреть.

[afdw]

А почему третья вёрстка, а project-two?

[eklikesw]

А почему третья вёрстка, а project-two?

Потому что на данном компьютере это второй проект

[afdw]

photoshop на ubuntu какой-то глючный

 

Использовать GIMP. Для вырезки картинок точно хватит.

Почему у каждого блока задана высота? Мало того, что может вылезти контент за пределы блока, так он уже сейчас вылезает!

Почему у блока Recent comments абсолютное позиционирование?

Ховер эффект в меню просто ужасен.

Если сайт многоколоночный, то для каждой колонки надо сделать элемент.

Опять .block-one, .block-two... Я же писать, что так не надо делать! К тому же в этом месте блоки абсолютно идентичны. Зачем задавать им разные стили? И опять position: absolute...

Для картинок используйте http://placehold.it или аналоги.

Edited July 10, 2015 by afdw

[eklikesw]

 

photoshop на ubuntu какой-то глючный

 

Использовать GIMP. Для вырезки картинок точно хватит.

Почему у каждого блока задана высота? Мало того, что может вылезти контент за пределы блока, так он уже сейчас вылезает!

Почему у блока Recent comments абсолютное позиционирование?

Ховер эффект в меню просто ужасен.

Если сайт многоколоночный, то для каждой колонки надо сделать элемент.

Опять .block-one, .block-two... Я же писать, что так не надо делать! К тому же в этом месте блоки абсолютно идентичны. Зачем задавать им разные стили? И опять position: absolute...

Для картинок используйте http://placehold.it или аналоги.

 

Там был psd макет,  вроде в gimpe ведь нельзя открывать psd'шки.

Спасибо за сайт placeholder, буду теперь знать.

 

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

 

На счет блока Recentcomments, я не знал как влепить его, так как float не помогал и пришлось делать абсолютным, но теперь понимаю что это ошибка, и совет про многолоночный сайт решил бы это, спасибо.

 

А почему hover эффект ужасен ?

 

Поясните подробней пожалуйста про block-one, block-two... , я в тот раз не совсем понял. first chield я понимаю что это такое.

[afdw]

Там был psd макет,  вроде в gimpe ведь нельзя открывать psd'шки.

 

Можно.

[eklikesw]

 

Там был psd макет,  вроде в gimpe ведь нельзя открывать psd'шки.

 

Можно.

 

Отично тогда, уже установил.