JS vs CSS анимации

[infidel]

Всем доброго дня. Я достаточно давно не занимался версткой, последний раз когда я что-то верстал - css3 и html5 были новинкой и все боялись их использовать из-за весьма скудной поддержки браузерами, вся анимация делалась на jquery в основном. Я так понимаю в данный момент эти технологии являются мейнстримом? Собственно я покурил гугл какое-то время и пришел к выводу, что анимации в современной реальности в большинстве случаев делаются на css3. Я понимаю профит от использования css вместо js - оптимизация, в следствие чего плавность и т.п. Собственно интересует мнение практикующих, насколько верно мое мнение по поводу распространенности css3 анимаций, и насколько хорошо эти анимации фактически поддерживаются браузерами, интересуют также мобильные платформы, те на которые стоит вообще обращать внимание.

[raptor-dm]

сейчас практически вся анимация делается на css

 

и рекомендую пользоваться вот этим http://caniuse.com/
чтобы знать что в моде, а что нет.

Edited September 20, 2015 by raptor-dm

[infidel]

Спасибо, сайт положил в закладки. Есть еще вопрос по теме, есть ли какой-то софт\онлайн сервис, позволяющий смотреть как сайт выглядит на разных браузерах, в основном интересуют мобильные, обычные можно и так установить. Такой чтобы адекватно отображал верстку, так же как на искомом девайсе.

[hypnocolor]

Есть. https://www.browserstack.com/

[infidel]

Есть. https://www.browserstack.com/

Я так понимаю достойных бесплатных аналогов не существует?

[hypnocolor]

Не припомню. Для тестирования на устройствах Эпла можно использовать XCode, там есть встроенный эмулятор разных айфонов и айпадов. Для андроида тоже эмуляторы есть. А вообще, лучше заиметь реальные устройства для тестирования.

[infidel]

Не припомню. Для тестирования на устройствах Эпла можно использовать XCode, там есть встроенный эмулятор разных айфонов и айпадов. Для андроида тоже эмуляторы есть. А вообще, лучше заиметь реальные устройства для тестирования.

 

Угу, под эпл уже качаю образ мака. А вот насчет андроида, пока что не нашел достойных вариантов. Не хотелось бы платить 30 баксов за сервис, т.к. знаний явно не хватает для поточной разработки, да и нет пока уверенности что буду заниматься фронт ендом серьезно. В пользу того чтобы таки заниматься версткой говорят условия продажи тех же тем под wordpress на themeforest.

[mrnobody]

Можете в Dev панели нажать на иконку мобильника и там выбрать интересующие вас устройства

https://leto41d.storage.yandex.net/rdisk/ea5e24c1857eb4875249d4297735f8a91e990d9aa9096912e1cd27c93313ce4e/inf/zRat6KazoOAlCSsqjxudxCLykRuKsg1dq_6IkUWnYHxnd6oDbiQWBwtoGEIQCXehwZau9cZ5Su9x9bg8OZf6Vg==?uid=0&filename=2015-09-20%2014-58-53%20JS%20vs%20CSS%20%D0%B0%D0%BD%D0%B8%D0%BC%D0%B0%D1%86%D0%B8%D0%B8%20-%20%D0%94%D0%BB%D1%8F%20%D0%BD%D0%B0%D1%87%D0%B8%D0%BD%D0%B0%D1%8E%D1%89%D0%B8%D1%85%20-%20htmlforum.ru%20-%20Google%20Chrome.png&disposition=inline&hash=&limit=0&content_type=image%2Fpng&tknv=v2&rtoken=7d641b0df05f320aac2924634b3424df&force_default=no&ycrid=na-386c7fda0beff99f4e6dd9869a4b0a2f-downloader5g

Edited September 20, 2015 by mrnobody

[infidel]

Можете в Dev панели нажать на иконку мобильника и там выбрать интересующие вас устройства

 

Спасибо, то ли раньше не замечал, то ли его там не было, буду пробовать.

[antonKar]

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

По своему опыту могу сказать, что как сайт выглядит на мобильных устройствах, и как он работает на мобильных устройствах — это 2 совершенно разных вещи. Если сайт выглядит хорошо в Chrome и Firefox, значит и на Андроиде в этих браузерах тоже будет всё нормально. А вот глюки, когда начинаешь именно пользоваться сайтом (например фиксированное позиционирование, самое банальное, или мыло в картинках) — это уже можно смотреть только на реальном устройстве.

 

Больше всего глюков на Android Browser, затем в Safari/Chrome под iOS, ну и меньше всего под Chrome/Firefox под Android.