¿Cuál es la diferencia entre CSS3 y JavaScript?


Respuesta 1:

Creo que muchos han respondido la pregunta principal, pero creo que la verdadera pregunta es la segunda parte; "¿Por qué debería usar animaciones CSS3 no JS, y viceversa?"

CSS3 no se trata solo de estilo, sino de estilos en cascada y consistencia en su presentación. Le permite usar HTML5 (o versiones anteriores) para crear su contenido (o incluso PHP, etc.) mientras CSS3 maneja cómo se ve para el lector.

Esto significa que el contenido se produce una vez pero se presenta en pantallas pequeñas de una manera (quizás menos desorden y fuentes más legibles), pantallas grandes otra (con todos los controles, fuentes más elegantes, etc.), lectores de braille un tercio (sin imágenes, etc. .), discapacitados visuales de otra manera (quizás texto grande, de alto contraste), completamente diferente para imprimir (sin animación, sin subrayado de enlaces, sin botones siguiente / anterior, etc.), etc.

Por lo tanto, usar animaciones CSS3 significa que uno puede alterar fácilmente la animación para su público objetivo fácilmente (o eliminarla por completo si corresponde). También significa que un cambio en una hoja de estilo cambia cada aparición en el documento o sitio, según sea el caso.

También se puede decir que un cambio en el código fuente de JS también cambia cada vez que ocurre, pero ¿le da a uno la flexibilidad de cambiar la animación por tipo de usuario (tipo de agente de representación)?

Ahora JS puede hacer muchísimo más de lo que CSS3 puede hacer en términos de animación y contenido dinámico, etc. De hecho, CSS3 fue diseñado para funcionar bien con JS (con cosas como, onMouseOver, etc.), por lo que si es necesaria la complejidad, es posible que tenga que optar por JS.

Por otro lado, usarlos juntos (no uno u otro escenario) puede hacer que un sitio sea más fácil de mantener con la cantidad justa de estilo.

Considere estas cosas cuando considere qué tipo de animación usar o incluso si se debe usar la animación. La idea es lograr que el lector absorba el contenido y lo use, no que le guste la página y navegue.