No es sencillo encontrar un generador de código CSS3 tan completo como lo es css3maker.
Con esta herramienta podremos generar código CSS3 simplemente modificando los parámetros de los diferentes componentes con los que podemos trabajar, entre los que se encuentran: bordes redondeados, degradados, trasformaciones, animaciones y transiciones CSS, selector de colores RGBA, sombra en: texto y cajas y rotación y seleción de tipografía @Font Face.
Como es puede ver el la imagen, a medida que... ...
ver más
La API de Selectors describen la forma de seleccionar elementos dentro de la página, con el fin de aplicar un determinado estilo. La API está compuesta con los selectores de las versiones 1 y 2 de CSS, ahora con la llegada de la nueva versión de CSS3 se suman aún más selectores a la lista.
En el libro de “Estudio sobre Internet Explorer 9 y los nuevos estandares web”, ya adelantaban cuales serían algunos de los selectores de los que ahora podemos hacer uso, estos se pueden... ...
ver más
Aunque pueda parecer ridículo, en ocasiones ahorrar un par de caracteres en una misma palabra dentro de nuestro código, puede resultar muy beneficioso para nuestro site. Es por esto por lo que es interesante conocer pequeños trucos para ahorrar tiempo de carga en nuestra página y de paso, también ahorrar algo de ancho de banda en nuestro servidor.
Un truco que muchos diseñadores ya conoceran es el de los códigos de colores. No es más que una lista de 16 colores, los cuales no son... ...
ver más
Aunque parezca que es una práctica que ya no se lleva a cabo, cambiar el cursor o puntero del ratón puede servirnos en más de una ocasión para mejorar la accesibilidad en nuestra página, así como señalar por ejemplo, cuando existe un enlace con el puntero de la mano, cunado se muestre algún mensaje de ayuda con el puntero de una interrogación o simplemente punteros con flechas de todo tipo.
Para conseguir adaptar el puntero o cursor del ratón a cada situación nos bastará con añadir... ...
ver más
El siguiente truco, le será de gran utilidad a diseñadores o maquetadores, que una gran cantidad del tiempo después de realizar los cambios solicitados tienen que refrescar la página y vaciar la memoria caché para ver correctamente los cambios de diseño efectuados.
Con el siguiente truco se consigue prevenir la cache de los archivos CSS de nuestra web en php. Basta con añadir un parámetro al archivo CSS, como en el ejemplo, donde se añade fecha y hora con minutos y segundos para... ...
ver más
Si eres usuario del sistema operativo de teléfonos móviles Android te habrás encontrado en más de una ocasión, cuando una operación es realizada con éxito con las notificaciones emergentes llamadas Toast. Un ejemplo de esto es el sistema de avisos que recibimos al activar una alarma, que nos notifica cuántas horas de sueño podremos tener antes de que suene.
A continuación aprenderemos a realizar un sistema de alertas tipo Toast utilizando HTML y CSS.
Las transiciones CSS nos... ...
ver más
