Первые верстки и пару вопросов.

[Jack_V]

Вот уже пару-тройку месяцев посвящаю свободное время верстке.

Интересует критика этой верстки: одностраничник (его psd макет).

 

Вопросы:

1) использовал для разметки vw и vh (кроссбраузерность). Насколько это неправильно? Правильнее ли для шрифта использовать rem и em?
2) как без использования скриптов сделать автоцентр на фотографиях?*
3) почему css валидатор ругается на префиксы?
4) иногда при медленном интернете, на опере, меню (проекты-контакты) сползает вниз, как с этим бороться?

 

Заранее ОГРОMНОЕ СПАСИБО всем неравнодушным.

 

*

 

| :active по картинке снизу => картинку видно полностью |

 

Edited May 3, 2015 by Jack_V

[Jack_V]

Я кривой и всем тут мешаю? Ни одного сообщения же.

[antonKar]

использовал для разметки vw и vh (кроссбраузерность)

vw и vh не использовал, но если Opera Mobile не поддерживает их, то это точно не те инструменты, которые стоит использовать.

 

как без использования скриптов сделать автоцентр на фотографиях?

background-position: center? Нет?

 

почему css валидатор ругается на префиксы?

Всё-всё-всё, увы и ах, уже было в Симпсонах.

 

иногда при медленном интернете, на опере, меню (проекты-контакты) сползает вниз, как с этим бороться?

Как вариант скрывать весь контент, поставить какую-нибудь иконку предгазгрузки, на $(window).load показывать контент.

 

По вёрстке:

1) У меня горизонтальный скролл.

2) У круглой фотки при убирании мыши нет анимации возвращения в исходное состояние.

3) "A trick is something a whore does for money...or candy. ... or cocaine." Ужасно. Если дизайнер не в состоянии нормально написать текст, то не нужно за ним повторять ошибки, если конечно хотите быть хорошим верстальщиком, а не говнюшей-повторюшей "мне что дали, то я и сверстал". Ну и про типографику не забывайте.

4) Хотелось бы ховеров с анимацией на фотках.

 

И поищите какой-нибудь другой дизайн, этот какой-то наркоманский с капсами, текстами второклассника и выбивающей сеткой.

[Jack_V]

Огромное спасибо за критику и подсказки.
 

 

как без использования скриптов сделать автоцентр на фотографиях?

 

background-position: center? Нет?

 

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

[Jack_V]

4) Хотелось бы ховеров с анимацией на фотках.

 

Но там же при наведении на фото синеватая маска появляется.

 

Edited May 3, 2015 by Jack_V

[antonKar]

при наведении на фото синеватая маска появляется

И вот её хочется с анимацией.

 

Про опускание и поднимание фото так и не понял что нужно. 

[Jack_V]

Про опускание и поднимание фото так и не понял что нужно. 

 

Ну вот листает посетитель сайт и хочет открыть нижнюю картинку, на которую навел мышкой.

 

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

А ведь лучше бы было чтобы картинка разворачивалась и "поднималась".

Вот так, скажем:

 

Ну вот как на ссылки-якоря - нажал и контент сам подтянулся к верху окна браузера.

Edited May 3, 2015 by Jack_V

[antonKar]

В самом грубом варианте будет что-то типа такого:

$(".image").click(function() {        var $this = $(this);    $this.animate({ height: "666px" }, 300);    $("html, body").animate({ scrollTop: $this.offset().top }, 300);});

[Jack_V]

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

 

Ого, спасибо большое. И как думал - без js никак.

Edited May 3, 2015 by Jack_V