Критика, критика и ещё раз критика!

[vera17]

Прошу покритиковать вёрстку, указать недочёты, неточности, неправильный подход.

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

Вёрстка так же корректно отображается в IE8.

Вёрстка http://verino.alldesign.org.ua/test/

Макет в jpg http://verino.alldesign.org.ua/test/6.jpg

[ryter]

http://i.imgur.com/DLCdQlX.png?1

 

иконки в спрайты, фильтры для ие предпочитаю не юзать, для ie9(svg base64), на теги header и footer лучьше вешать классы так как эти теги можно юзать везде чтоб не пересекатся.

 

чтоб небыло пространства под inline-block прописывайте этим блокам vertical-align: top; 

Edited March 8, 2014 by ryter

[Serafim1991]

Подозреваю, что так не должно быть

Если конкретно: когда поле находится в фокусе - синенький бордер не соответствует очертаниям поля.

[Aleksandr.L]

Подозреваю, что так не должно быть

Если конкретно: когда поле находится в фокусе - синенький бордер не соответствует очертаниям поля.

 

Это не border, просто по умолчанию Google Chrome добавляет синий outline. Его можно убрать.

[Serafim1991]

Не знал, спасибо.

[vera17]

http://i.imgur.com/DLCdQlX.png?1

 

иконки в спрайты, фильтры для ие предпочитаю не юзать, для ie9(svg base64), на теги header и footer лучьше вешать классы так как эти теги можно юзать везде чтоб не пересекатся.

 

чтоб небыло пространства под inline-block прописывайте этим блокам vertical-align: top; 

Спасибо!

Иконки я объединила в спрайт, все кроме стрелки. Логотип же в спрайт нельзя?

С svg  и base64 не знакома, ознакомлюсь обязательно.

А где пространство, можете показать, а то я что то смотрю и как то  безрезультатно .

Бэкграунд, уходящий в даль увидела  

 

Подозреваю, что так не должно быть

Если конкретно: когда поле находится в фокусе - синенький бордер не соответствует очертаниям поля.

 

Это не border, просто по умолчанию Google Chrome добавляет синий outline. Его можно убрать.

 

Ага, жалко, закруглить углы нельзя.

Edited March 9, 2014 by vera17

[ryter]

 

http://i.imgur.com/DLCdQlX.png?1

 

иконки в спрайты, фильтры для ие предпочитаю не юзать, для ie9(svg base64), на теги header и footer лучьше вешать классы так как эти теги можно юзать везде чтоб не пересекатся.

 

чтоб небыло пространства под inline-block прописывайте этим блокам vertical-align: top; 

Спасибо!

Иконки я объединила в спрайт, все кроме стрелки. Логотип же в спрайт нельзя?

С svg  и base64 не знакома, ознакомлюсь обязательно.

А где пространство, можете показать, а то я что то смотрю и как то  безрезультатно .

Бэкграунд, уходящий в даль увидела

 

Подозреваю, что так не должно быть

Если конкретно: когда поле находится в фокусе - синенький бордер не соответствует очертаниям поля.

 

Это не border, просто по умолчанию Google Chrome добавляет синий outline. Его можно убрать.

 

Ага, жалко, закруглить углы нельзя.

 

http://i.imgur.com/HFskVBw.png?1 вот обвел синим неупровляемое пространство 

[ryter]

 

Подозреваю, что так не должно быть

Если конкретно: когда поле находится в фокусе - синенький бордер не соответствует очертаниям поля.

 

Это не border, просто по умолчанию Google Chrome добавляет синий outline. Его можно убрать.

 

насчет outline если уберать то делать на focus бордер или box-shadow так как если убрать вообще то при переключении табом не видно будет где ты находишся. Юзабилити не стоит нарушать. 

[vera17]

 

 

http://i.imgur.com/DLCdQlX.png?1

 

иконки в спрайты, фильтры для ие предпочитаю не юзать, для ie9(svg base64), на теги header и footer лучьше вешать классы так как эти теги можно юзать везде чтоб не пересекатся.

 

чтоб небыло пространства под inline-block прописывайте этим блокам vertical-align: top; 

Спасибо!

Иконки я объединила в спрайт, все кроме стрелки. Логотип же в спрайт нельзя?

С svg  и base64 не знакома, ознакомлюсь обязательно.

А где пространство, можете показать, а то я что то смотрю и как то  безрезультатно .

Бэкграунд, уходящий в даль увидела

 

Подозреваю, что так не должно быть

Если конкретно: когда поле находится в фокусе - синенький бордер не соответствует очертаниям поля.

 

Это не border, просто по умолчанию Google Chrome добавляет синий outline. Его можно убрать.

 

Ага, жалко, закруглить углы нельзя.

 

http://i.imgur.com/HFskVBw.png?1 вот обвел синим неупровляемое пространство 

Подскажите как этот плагин называется, который задаёт бэкграунд(зелёный, красный), или это вручную?

[ryter]

вручную

[xzarxzes]

Прошу покритиковать вёрстку, указать недочёты, неточности, неправильный подход.

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

Вёрстка так же корректно отображается в IE8.

Вёрстка http://verino.alldesign.org.ua/test/

Макет в jpg http://verino.alldesign.org.ua/test/6.jpg

Не рекомендуется использовать html 5 shiv из google репозитория http://zoompf.com/blog/2012/05/html5shiv-and-serving-content-from-code-repositories

Edited March 10, 2014 by xzarxzes

[vera17]

 

Прошу покритиковать вёрстку, указать недочёты, неточности, неправильный подход.

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

Вёрстка так же корректно отображается в IE8.

Вёрстка http://verino.alldesign.org.ua/test/

Макет в jpg http://verino.alldesign.org.ua/test/6.jpg

Не рекомендуется использовать html 5 shiv из google репозитория http://zoompf.com/blog/2012/05/html5shiv-and-serving-content-from-code-repositories

 

Спасибо за информацию