Mobile Front-end

Гайз, у кого то может есть best practices по работе с мобильными девайсами, заделитесь плиз.
Може всякие классные закладочки уже копились.
Сейчас ушел углубленно в мобильную верстку, работа с изображениями для мобильных устройств, много интересностей всяких, много гуглю.
Такое.

https://developer.apple.com/library/mac/documentation/AppleApplications/Reference/SafariWebContent/Introduction/Introduction.html

http://www.quirksmode.org/m/table.html

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