Попробывал адаптив, есть вопросы

[psixodyb]

 http://ksportfolio.esy.es/Zebra/

Сабж, думаю все плохо, т.к. первая попытка сделать адаптив.

З.Ы. не гнобите за шрифты, маржины и вообще за плохое написание стилей, думал о том как сделать,а не как написать.

Вопросы:

Как сделать нормальную анимацию в блоке категории?(проводить по нескольким картинкам быстро начинает выстраиватся очередь из анимаций, .clearQueue() не помогло).

Что делать с логотипом Levis где есть ::before и ::after с уголками? Как такие конструкции делать и чтобы они были адаптивными?

 

[Z1gnet]

ох ё. ну тут вы все сделали уж очень сложно с блоком категорий. здесь можно вообще без js обойтись (на css3), ну на крайняк сильно его упростить. я бы сделал так http://codepen.io/Z1gnet/pen/wBvQmR . что бы не блымало когда много раз наводишь я поставил .stop()

ну а вообще мое мнение - если можно обойтись без джееса - то нужно делать без него.

 

по поводу логотипа Levis - я вообще не понимаю зачем вы делаете уголки отдельно - сделать одно пнг картинкой с прозрачным фоном и все

[Sergik+]

ох ё. ну тут вы все сделали уж очень сложно с блоком категорий. здесь можно вообще без js обойтись (на css3), ну на крайняк сильно его упростить. я бы сделал так http://codepen.io/Z1gnet/pen/wBvQmR . что бы не блымало когда много раз наводишь я поставил .stop()

ну а вообще мое мнение - если можно обойтись без джееса - то нужно делать без него.

 

по поводу логотипа Levis - я вообще не понимаю зачем вы делаете уголки отдельно - сделать одно пнг картинкой с прозрачным фоном и все

JS это сейчас часть браузера, большинство современных ресурсов не будут без него работать.

[ryter]

скролл лучше вернуть body { overflow-x: hidden;} и без этого должно быть все хорошо