Тут є всілякі способи анімації елементів в наші дні: анімації HTML5, анімації та переходи CSS3, звичайні анімації CSS, навіть створення нових HTML-об'єктів (http://uperduper.com/tronGame/index.html) Як вибираєте між усіма цими? Чи є щось швидше?
Відповіді:
2 для відповіді № 1Це не буде несподіванкою, я впевнений, що проста відповідь "це залежить". Існує кілька факторів, які можуть вплинути на вибір анімаційної техніки:
Як ви згадаєте, продуктивність, безумовно, єфактор Сучасні веб-переглядачі, особливо на мобільних пристроях, можуть покладатися на графічне прискорення на основі апаратного забезпечення для найкращої продуктивності. Найнадійнішим способом примусового використання апаратного прискорення є ретельне використання перетворень CSS. Якщо вашою метою є максимальна продуктивність, то CSS3, мабуть, є найкращим підходом.
Але не всі веб-переглядачі підтримують CSS3. Наприклад, якщо ваші користувачі отримують доступ до вашого сайту за допомогою Internet Explorer 8, то CSS3 перетворюється і переходи не застосовуються. Ви можете вибрати (а) відмовитися від анімації для цих користувачів (якщо анімації не є важливими для вашого сайту) , або (б) використовувати іншу техніку, яка більш загально підтримується. Для більш пізньої, анімації на основі JavaScript (особливо, що в jQuery) може бути найкращим підходом.
Звичайно, ці відповіді припускають, що вашЦілі можуть бути виконані за допомогою CSS3 переходів та / або CSS (та пов'язаних) властивостей, доступних через JavaScript. Це може не бути правдою, якщо у вас є складна анімація. (Ну, можливо, можна відтворити будь-яку анімацію в CSS та / або JavaScript, але складність може бути незрозумілою). Для більш складних анімацій, можливо, ви захочете подивитися на анімацію полотна (особливо, якщо ваш вихідний малюнок растр на основі) або навіть анімації SVG (якщо ваше джерело є векторним).
І ці параметри не беруть до уваги факторикрім джерела або аудиторії. Інші запитання включають майстерність та досвід розробника. Хтось, який дуже добре знайомий з розробкою JavaScript, швидше за все буде більш успішним за допомогою JavaScript / jQuery, тоді як більш традиційний (наприклад, Flash) дизайнер може бути більш зручним з полотном або SVG.