Pestañas simples con CSS y JQuery
Existen muchas maneras de crear pestañas con CSS, aquí os mostraremos un método de los muchos que existen, acompañado de un poco de jQuery para agregar animaciones y efectos de transición. Estructura HTML Usaremos una lista desordenada para las pestañas, seguido del div con clase «tab_container». Observa que cada item de la lista (pestaña) tiene … Lee más!
6 novedades para CSS3 que puedes implementar hoy
Cada cierto tiempo van saliendo nuevas propiedades CSS3, todas ellas son muy útiles y sencillas, pero ¿están soportadas por la mayoría de los navegadores?. En esta entrada os mostraré una lista de novedades para CSS3 que sí pueden ser usadas hoy, debido a su gran compatibilidad con los navegadores. Todas ellas las hemos explicado anteriormente … Lee más!
Bloques de texto encima de una imagen
Ya enseñamos hace tiempo a crear un rotador de imágenes con CSS, pero, ¿Y si solo deseamos ubicar texto encima de una imagen? En esta entrada aprenderemos a insertar bloques de texto encima de una imagen. Estructura La imagen se ubica al fondo del todo, y, el bloque de texto está agrupado por un encabezado … Lee más!
CSS: Text-shadow, propiedad
La propiedad text-shadow permite crear sombra en el texto, pudiendo variar las posiciones de esta y el color de la sombra. Suele usarse en encabezados y títulos que deseen resaltarse, pero no se debe abusar de ella (Un ejemplo incorrecto sería usar esta sombra los párrafos). Solo navegadores basados en Webkit, como Safari o Konqueror, … Lee más!
Vídeo: Firebug y CSS
Kristarella nos explica el funcionamiento de Firebug, la extensión para Firefox de la que os hablé hace unos días cuando publicamos la entrada de las extensiones para Firefox relacionadas con CSS. Nos explica cómo funciona la parte de Firebug relacionada con CSS, sus opciones, interfaz, y cómo podemos usarlo de forma efectiva.
Rotar un texto con CSS Transformations
Igual que disponíamos la fecha con CSS Sprites, ahora queremos rotar un texto para crear una fecha gracias a CSS Transformations. Explicación de su funcionamiento CSS Mágico La clave de estas rotaciones se encuentran en CSS Transformations, y tanto Firefox como Safari tienen esta ventaja: Es decir:
Manipular más fácilmente el CSS de Blogger
Cuando empezamos a crear un blog en Blogger, vemos una interfaz sencilla, con la que, mediante unos pasos, crearemos nuestro blog. Pero cuando empezamos a diseñarlo, tocando los códigos XHTML y CSS, nos damos cuenta de que no todo es tan sencillo. Francisco, de Blog and Web, nos presenta su «chuleta» CSS de Blogger, para hacernos … Lee más!
¡Contenido premium gratis!
Suscríbete a nuestra lista premium gratuita y recibe cupones sobre recursos de diseño gráfico Freepik, artículos y material exclusivo.
