sin miniatura

6 guías de tipografías muy útiles

Todo el mundo que tenga un sitio web debe saber unos mínimos acerca de la tipografía, uno de los aspectos más importantes del diseño web. Hace unos días publiqué un artículo sobre cómo elegir correctamente tu tipografía, pero, no está mal complementarlo con esta entrada. Aquí, se muestran varias ayudas y guías acerca de las … Lee más!

sin miniatura

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!

sin miniatura

CSS Shorthand: La regla del reloj

Cuando empezamos con CSS, tendemos a poner las propiedades así: Pero, podemos agrupar todos estos valores en una sola propiedad, esto se suele llamar shorthand – Podéis ver esta guía para recordar valores en CSS Shorthand -. En el ejemplo anterior, quedaría así: Esto simplifica mucho el modo de definir las propiedades, pero para los … Lee más!

sin miniatura

CSS: position, propiedad

La propiedad position, como su nombre indica, sirve para establecer la posición de un elemento. Su valor por defecto es static (sin posición). Es soportada en todos los navegadores (Cabe destacar que en todas las versiones de IE, incluyendo la 8, no soporta el valor inherit). A continuación mostraremos un ejemplo, los valores de la … Lee más!

sin miniatura

Ventajas e inconvenientes al usar CSS

Aunque las hojas de estilo (CSS) tienen muchas ventajas, también tienen algunos inconvenientes. En esta entrada os expongo algunas ventajas e inconvenientes que pueden tener las hojas de estilo: Ventajas – Se obtiene un mayor control de la presentación del sitio al poder tener todo el código CSS reunido en uno, lo que facilita su … Lee más!

sin miniatura

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!

@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!

Pedro Corchero Murga

¿Qué es CSSBlog ES?

Hola, soy Pedro Corchero Murga. Mi objetivo es ayudarte a aprender sobre CSS, tanto a nivel básico, medio, como avanzado, de forma amena, sencilla y gratuita. Todo ello para ayudarte a empezar a crear tus proyectos o mejorarlos, encontrando la inspiración necesaria.

Puedes contactarme o anunciarte en el blog.

¡Espera! ¡Un regalo por tu visita!

Como muestra de gratitud te enviaremos gratis los últimos freebies, sabios consejos y valiosos cupones de descuento sobre materiales de diseño web a tu correo si te registras abajo.