Гайз, у кого то может есть best practices по работе с мобильными девайсами, заделитесь плиз.
Може всякие классные закладочки уже копились.
Сейчас ушел углубленно в мобильную верстку, работа с изображениями для мобильных устройств, много интересностей всяких, много гуглю.
Такое.
2 лайка
ты знаком с такой версткой? http://lingualeo.com/ru/#welcome
Для мобильников самое оно. Только вот я не пойму как оно сделано, это js framework или что?
Адаптивныя верстка https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/
Сейчас в большой мере реализуется всеми возможностями CSS и частично узкие места которые некак реализовать по иному подпираются JavaScript (включая какие-то уникальные особенности для каждого девайса).
1 лайк
Спасибо, но меня именно интересует реализация данной верстки которую я указал, как именно добиться таких эффектов
Большую часть подобных эффеквто можно добаиться с помощью CSS3 Transitions.
Поддержка барузерами - CanIUse
Чуток с примерами статья - mozillaMDN
Но Transitions требуют тестирования на большом количестве девайсов. Это мое мнение. там много нюансов вылазит.
Можно и при помощи JS поробвать =)
там из вёрстки: расположить картинку с одной стороны, а текст с другой + адаптивность верстки
а с помощью jquery управлять этим делом, реагировать на events, изменять свойства (изменить background, сделать один div видимым, другой невидимым и т.д.)
анимацию можно и с помощью css3 делать или с помощью js