Оценить верстку !
Критика приветствуется
http://domius.cc.ua/ |
- меню рекомендуется вынести в список ul > li
- для картинок с подписями есть figure и figcaption - для логических блоков есть section - font-size лучше указывать в относительных единицах (я предпочитаю rem + фаллбэк с пикселями) - респонсивность так и просится под этот дизайн, а ее нет |
не понимаю я таких дизайнов. кто-то ввел в моду. но они же бестолковые. артемия лебедева на них не хватает.
верстку не оценивал. но при наличии фразы Responsive Web "респонсивность" все таки должна быть. |
document.all = HTMLAllCollection[159]
document.styleSheets.length = 1 document.styleSheets[0].rules.length = 84 19.000 ms Loading 7.000 ms Scripting 95.999 ms Rendering 840.822 ms Painting 85.178 ms Other 426.304 ms Idle Круто че =) долго вылизывалось наверно xD Понравилось что мало элементов и мало стилей а это сильно влияет на скорость отображения страницы. Немного непонятно почему ? margin-bottom: 0px; margin-left: 45px; margin-right: 0px; margin-top: 75px; имхо margin должны быть симметричными иначе потом понадобятся костыли вроде .service-block>:first-child { margin: 0 0 0 1px!important;} и чем дальше тем больше костылей. |
Цитата:
Цитата:
+ всегда был против горизонтальной полосы прокрутки, хотя иногда она действительно нужна (например, в деревьях, тут всплывающие подсказки в тему) Цитата:
из этой фразы вообще мало понятно, о чём речь Цитата:
Цитата:
|
да я учусь ))) просто скачал psd формат и так сверстал )))
|
<h6>Welcome To Our Studio!</h6>это правда заголовок? |
<div class="services"> <section class="content-width"> <h2 class="name-page">SERVICES</h2> <p>Proin iaculis purus consequat sem cure.</p> </section> </div>section и div нужно поменять местами. И раз уж берешься использовать фичи html5 - не плохо было бы почитать о них. https://developer.mozilla.org/en-US/...HTML5_document |
<article> <a href="#"><img src="img/basket.png" alt="basket"></a> <h4>E-Commerce</h4> <p>Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt.</p> </article> Про figure уже сказали. Ссылка в данном случае должна быть на всю фигуру, а не только на картинку. И раз уж это активный элемент - должна быть визуализация для ховера. |
<a href="#"> <img src="img/item1.jpg" alt=""> <p>Ebony & Ivory</p> <span>Branding</span> </a> Не стоит смешивать блочные и строковые элементы на одном уровне иерархии. Для картинок, кстати, должен быть задан размер. Лучше если в css. |
Часовой пояс GMT +3, время: 11:14. |