26 agosto 2009
Archivos del blog
Bonito menú realizado con CSS & JQuery
Los menús son una parte fundamental de nuestro proyecto ya que facilitan la navegación al usuario. Debemos crearlos lo mejor posible, y si puede ser, con algún efecto, como el menú animado que os mostré hace unos días. En esta entrada aprenderemos a crear un menú muy bonito utilizando JQuery y CSS: dtsv.dtse_post_3343_permalink = ‘http://www.cssblog.es/bonito-menu-realizado-con-css-jquery/’; … Lee más!
Vídeo: Manual básico de CSS – Parte 2
Desarrolloweb ha publicado la segunda parte del vídeo básico sobre CSS. En la primera parte veíamos qué distintos tipos de usos podían darse en las hojas de estilo, y sus maneras de aplicarlo. En este vídeo nos centraremos en los archivos externos, la sintaxis y las unidades de CSS y la propiedad @import. Podemos ver … Lee más!
Pack gigante de recursos CSS
TripwireMagazine ha creado una recopilación de la mayor lista de recursos para CSS jamás mostrada. En ella se enumeran todo tipo de hacks y recursos, muchos de ellos ya explicados en CSSBlog.es (los que no se han explicado todavía terminarán explicándose, paciencia). Por ejemplo, podemos ver cómo crear barras gráficas, también nos enseñan hojas de … Lee más!
Calendario estilizado con CSS
En esta entrada aprenderemos a estilizar un calendario con CSS. Este calendario está estructurado mediante una tabla con filas y columnas (siendo estas los días y meses). Este calendario no es dinámico como el que indicamos en otra entrada, pero servirá por si alguna vez deseamos estilizar un calendario. dtsv.dtse_post_3167_permalink = ‘http://www.cssblog.es/calendario-estilizado-con-css/’; dtsv.dtse_post_3167_title = ‘Calendario … Lee más!
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!
Repetir fondo con CSS
Repetir un fondo con CSS es muy básico y efectivo para ahorrarnos KB al tener una única imagen minúscula que se repite por toda la pantalla y así, acelerar la carga de la página. Por ejemplo, en CSSBlog hemos usado la imagen de fondo que ahora tenemos. Vamos a repetir esta imagen uniformemente por toda … 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!
@font-face, inserta cualquier tipografía en tu sitio web
Existen una lista de tipografías estándares que todos los navegadores pueden interpretar, pero, ¿qué ocurre con las demás tipografías? ¿Cómo podemos implementarlas? @font-face es una propiedad muy útil para definir en un sitio web una fuente que el usuario no tenga instalada en su ordenador. Sólo debemos subir la fuente deseada a nuestro sitio web … 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. dtsv.dtse_post_2923_permalink = ‘http://www.cssblog.es/video-firebug-y-css/’; … Lee más!
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: -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); Es decir: -webkit-transform: rotate(VALORdeg);-moz-transform: rotate(VALORdeg); dtsv.dtse_post_2891_permalink … Lee más!
