Maquetación en CSS
CategoríaArtículos sobre maquetación de CSS.
Cómo elegir la mejor tipografía para tu diseño
Existen una lista interminable de tipografías, pero sólo unas cuantas encajarán con el estilo que tenemos en el sitio web. Desde aquí os mostraré algunos puntos que os pueden resultar útiles para distinguir entre una tipografía aceptable y otra que no es buena para nuestro sitio. En las tipografías para títulos, se podrían seguir estos … Lee más!
Bonita caja de búsqueda con CSS3
Son miles las maravillas que podemos hacer con CSS3. Smashing Magazine ha estado investigando y ha creado una bonita caja de búsqueda realizada con CSS3, aplicando degradados con CSS Gradient, creando círculos redondeados con border-radius y aplicando sombra inferior con box-shadow inset. Ahora vamos a comprobar como se crea cada elemento que forma parte de … Lee más!
Mejora las miniaturas de WordPress con CSS
Wordpress en su versión 2.9 ha añadido una nueva característica, la posibilidad de insertar miniaturas en lo artículos, lo que hace mucho más fácil realizar miniaturas. Hay muchas formas de diseñar miniaturas, de hecho, os mostraré una técnica para darles un toque estético en 5 minutos con CSS, muy sencilla. dtsv.dtse_post_4417_permalink = ‘http://www.cssblog.es/mejora-las-miniaturas-de-wordpress-con-css/’; dtsv.dtse_post_4417_title = … Lee más!
5 útiles y sencillas propiedades CSS
En esta entrada hablaré de 5 propiedades para CSS2 muy sencillas de utilizar, y que os sorprenderán de lo útiles que pueden llegar a ser. Estas propiedades son perfectamente compatible con la gran mayoría de los navegadores. Las propiedades que analizaré son clip, min-height, white-space, cursor y display. Allá vamos: dtsv.dtse_post_4141_permalink = ‘http://www.cssblog.es/5-utiles-y-sencillas-propiedades-css/’; dtsv.dtse_post_4141_title = … Lee más!
Barra estilo Facebook con CSS por Ribosomatic
Ribosomatic ha creado a petición de sus usuarios una barra inferior parecida a la de Facebook, donde se muestran las aplicaciones, el chat, y las notificaciones de Facebook, realizada con CSS y algunas imágenes. Es muy simple, pero un poco limitada, por lo que, si la sumamos a este artículo, obtendremos nuestra barra definitiva. dtsv.dtse_post_4185_permalink … Lee más!
Crear una vista adaptable estilo Youtube con CSS y JQuery
Desde que Youtube implementó la novedad de “change view” (cambiar vista), permite a los usuarios cambiar entre el modo de vista normal y panorámica y así ampliar/reducir el área del vídeo. A pesar de esta novedad, la accesibilidad no se pierde, lo que es un gran punto a favor. En esta entrada aprenderemos a crear … Lee más!
Elegante barra de navegación usando CSS
¿Necesitas una barra de navegación para tu sitio web? Este tutorial explica como diseñar una bonita barra de navegación mediante el uso de CSS, inspirada en Gettyimages. Es tan simple como otras que he descrito anteriormente, además de poder encontrar mayor inspiración en esta lista de menús horizontales. dtsv.dtse_post_3952_permalink = ‘http://www.cssblog.es/elegante-barra-de-navegacion-usando-css/’; dtsv.dtse_post_3952_title = ‘Elegante barra … Lee más!
Eliminar el contorno de puntos en Firefox con CSS
Todo el que use Firefox 3 se dará cuenta que al hacer click sobre un enlace o un elemento enlazado con la etiqueta <a> este crea un recuadro punteado alrededor de sí mismo. En Firefox 3, el color de los puntos está determinado por el color del texto, en anteriores versiones y en otros navegadores … Lee más!
Tooltip oculto con CSS
Los bocadillos de texto (tooltip) son un recurso muy interesante a la hora de mostrar textos informativos. En esta entrada aprenderemos a crearlos usando HTML, CSS y 3 imágenes. Estos bloques de información quedarán ocultos y únicamente se mostrarán al mover el ratón encima de un enlace. dtsv.dtse_post_3742_permalink = ‘http://www.cssblog.es/tooltip-oculto-css/’; dtsv.dtse_post_3742_title = ‘Tooltip oculto con … Lee más!
5 bonitas estructuras de encabezados
En esta entrada os mostraré 5 ejemplos sobre encabezados, esa parte tan importante que aparece al comienzo de un texto. También la entrada sobre tipografías adecuadas para encabezados puede resultaros útil. Generalmente los encabezados contienen 5 elementos: 1- Título del artículo 2- Fecha de publicación 3- Nombre del autor 4- Categoría o etiquetas 5- Número … Lee más!
Vídeo: CSS orientado a objetos (Object Oriented CSS)
Cada uno tiene su manera de programar y formatear el código CSS. En este vídeo quieren proponer que definamos módulos u objetos como contenedores, atendiendo no a su presentación, si no a su forma. Nicole define estos objetos como Legos, al identificarlo con las piezas de un puzzle. Os enseñarán a usar CSS orientado a … Lee más!
Sintaxis de @font-face
En esta entrada explicaré los mejores métodos para introducir @font-face en nuestro documento. @font-face { font-family: ‘Graublau Web’; src: url(GraublauWeb.eot); src: local(‘Graublau Web Regular’), local(‘Graublau Web’), url(GraublauWeb.otf) format(‘opentype’); } El código de arriba podría ser la mejor opción para aplicar @font-face, pero en IE no nos sirve y necesitamos tener una fuente .EOT, mientras que … Lee más!
