Hola que tal
y bienvenido a esta nueva parte de los tutoriales de CSS3 y en esta ocasión nos
toca ver qué diferencias hay entre el CSS2.1 que hora es el estándar con el
CSS3 que un no lo es.
Es muy fácil
reconocer estas diferencias si ya tienes una noción de CSS pero si eres muy
nuevo en esto estas son las diferencias.
·
CSS
es más estándar de esta forma es mejor aceptada por los navegadores.
·
CSS3
implementa nuevas funcionalidades y efectos sin la necesidad de librerías
Tal vez esta
se las grandes diferencias
Ya que con
CSS3 es muy fácil colocar cosas que para CSS estándar es muy complicado y que
si se necesitan más librerías como JavaScript
Lo nuevo que
implementa CSS3 es lo siguiente:
Como son los
bordes ya que permite varios colores en el mismo lado del borde, también
colocar imágenes de borde y lo que es muy utilizado es el de bordes redondeados
Esto con el
estándar de hoy sí que es muy difícil
También no
encontramos con los fondos
Se pueden
colocar varios fondos a la vez y también posicionarlos con más precisión y se
pueden redimensionar al tamaño necesario para tu diseño
Nuevas
funcionalidades en los colores
En los
colores nos encontramos con opacidad y degradados
Esto los
veremos más adelante :)
Pero el texto
no se queda atrás y no encontramos con los siguientes
Como sombras,
desbordamiento y ajuste de línea que antes creerme era muy complicado y ahora
con una sola línea de código
Y si crees
que esto solo es hasta hay…pues no hay muchas cosas más cool y son
Las
transformaciones como escalar o segar también nos encontramos con efectos 3D
Y bueno hay
muchas pero con estos ejemplos nos damos cuenta de la potencia de CSS3
Pero hey… no
todo es bello en la vida ya que hay algunas complicaciones y son las siguientes
Como todavía
no es un estándar el CSS3 no es reconocido en los navegadores viejos y en los
nuevos tiene problemas
Otro problema
es que como no hay un estándar en general se ha sacado propiedades para
diferentes navegadores y te das cuenta porque tiene un acrónimo al principio de
cada propiedad que se identifica por cada navegador por ejemplo para webkit que
usaba chrome y opera sigue usando pero también era otra y otra distinta para
Firefox…entre todo este relajo puedes ver que esto al principio es un problema
porque tienes que pensar en todos los navegadores para que se visualice bien
Hay hack que
ayudan a solucionar problemas para los navegadores viejos y también para no
escribir tres líneas distintas para diferentes navegadores solo escribes una y
un script se encarga de hacer lo demás
En este mundo
hay que acostumbrarnos a estos relajos y pues a darle con ganas
Saludos y
hasta luego
No hay comentarios:
Publicar un comentario