Antes de CSS3, cuando queríamos hacer un efecto espejo o un reflejo teníamos que usar jQuery. Eso estaba bien ya que a los usuarios de internet les encantan los efectos visuales y, por norma general, la vistosidad. Ahora con CSS3, hacer esto es muy sencillo. El código que debajo os propongo está dentro de la normativa Cross Browsing, por lo que funciona en todos los navegadore. Hay que decir que en IE8 e inferiores el efecto no es maravilloso pero no queda mal del todo.
Antes de CSS3, las transparencias sólo se podían hacer en Internet Explorer con la propiedad filter y en los demás con opacity. Esto era un poco caótico y encima funcionaba de aquella manera ya que tenía las limitaciones de aplicarse a todo el recipiente o contenedor. Ejemplo
Hace tiempo, cuando empezó a nacer el CSS3, vi una imagen de la Mona Lisa y pensé que era un archivo JPEG, pero no. Era un estilo CSS3 y, como no podía ser de otra manera, me quedé sorprendido de la calidad de la imagen frente a mis ojos. Me puse a investigar y, al poco tiempo, vi que estaba realizado con box-shadow. Entoces me puse a pensar en las posibilidades que podía contemplar sólo con una propiedad CSS3.
Los degradados y gradientes son uno de los recursos más utilizados por los diseñadores para hacer que las las webs sean más vistosas y la verdad es que dan mucho juego para mejorar el aspecto de la página. No obstante, hasta la llegada de CSS3, también tenían una desventaja importante, ya que para implementarlos necesitábamos usar imágenes de fondo para los elementos. A medida que ha ido avanzando y creciendo el CSS3, se ha mejorado el soporte y, entre otras cosas, también en el uso de degradados.
Un estilo que, posiblemente, nos librará más de una vez de usar imágenes y Photoshop es el efecto shadow de CSS3. Este tiene 2 variantes, sombra en recipiente o contenedor y sombra en texto. Cuando IE9 fue lanzado, estabamos contentos de ver a todas las grandes características de CSS3 como Transformaciones 2D, selectores avanzados, bordes redondeados, RGBA / HSLA colores, fuentes WOFF ... se fuesen a incluir. Sin embargo, nos decepcionó que IE9 no fuera compatible con text-shadow y, claro, eso nos lleva a, otra vez, ensuciar el código.
TideSDK es una plataforma open source que permite desarrollar aplicaciones de escritorio (Windows, Linux, Mac OS X) usando HTML5, CSS3 y JavaScript. Con TideSDK puedes extender la funcionalidad de las aplicaciones apoyándote en lenguajes de lado del servidor como PHP, Python y Ruby. También pueden hacer uso del sistema de archivos, tener una base de datos integrada, notificaciones de la pantalla, etc.
Capacitarnos y no dejar de estar al tanto de todas las nuevas tecnologías es lo que nos permite sobrevivir en este competitivo mundo, en especial si nos dedicamos al desarrollo o al diseño Web. Si bien existen muy buenas obras en idioma español, si buscamos profundizar sobre algunas características o técnicas de HTML5 es una buena idea recurrir a libros en inglés.
Como muchos ya sabrán cuando entramos en el mundo de Flex nos encontramos con determinadas carencias que los desarrolladores como yo echamos en falta... Una de ellas es crear estilos CSS de forma rápida y dinámica... Eso es el Flex Style Explorer una herramienta util para definir y declarar los estilos en Flex de forma independiente y visual En otras palabras, es capaz de mostrarnos y dejar configurar el estilo de cada componente por separado y con una interface muy cómoda.
Por si alguna vez os habéis preguntado si podíamos tener un listado con todas las propiedades de estilo o CSS que tiene cada componente en Flex, aquí tenéis la respuesta... Una página que nos muestra todas las propiedades CSS de cada componente u objeto y además nos indica los valores por defecto que tiene cada objeto.
CEO de IslaVisual, Manager, Full Stack Analyst Developer y formador por cuenta ajena con más de 25 años de experiencia en el campo de la programación y más de 10 en el campo del diseño, UX, usabilidad web y accesibilidad web. También es escritor y compositor de música, además de presentar múltiples soft kills como la escucha activa, el trabajo en equipo, la creatividad, la resiliencia o la capacidad de aprendizaje, entre otras.
Especializado en proveer soluciones integrales de bajo coste y actividades de consultoría de Usabilidad, Accesibilidad y Experiencia de Usuario (UX), además de ofrecer asesoramiento en SEO, optimización de sistemas y páginas web, entre otras habilidades.
Consentimiento para cookies y datos
Este sitio web utiliza cookies para permitir la navegación entre páginas, procesar información de dispositivos finales, cargar imágenes desde CDNs externos (como pixabay) y extraer datos personales recopilados por Google Analytics (como objetivo analilzar el tráfico o la IP origen, entre otros).
Ten en cuenta que, al rechazar las cookies, se eliminará todo rastro dejado y se abandonará la página de manera inmediata.