CSS

Todas las noticias sobre CSS

Introducción e instalación de PostCSS

Qué es PostCSS PostCss es una herramienta para transformar estilos CSS a través de plugins de JavaScript. Esta es la definición exacta que nos proporciona su página oficial de PostCSS en GitHub. Estos plugins transforman tu CSS en una hoja de estilos que interpretará...

Textos multicolumnas con CSS3

Para crear un párrafo repartido en diferentes columnas y sin la necesidad de repartir el texto contamos con la propiedad column-count y column-gap. column-count: detallamos el número de columnas que necesitamos.column-gap: espacio entre las columans. Mejor lo vemos...

Trabajar con colores en LESS

LESS actúa como herramienta para crear CSS con variables, operaciones, reglas anidadas o funciones, por citar algunos ejemplos. Hace unas semanas tuve la oportunidad de recibir un curso en EscuelaIT sobre cómo utilizar prepocesadores y utilizarlos en tu proyecto....

Utilizar CSS sprites para reducir el tiempo de carga de tu página

Seguro que has oído hablar de los CSS Sprites. Si es así apuesto a que los utilizas en tus páginas web, y si no, es el momento de empezar a hacerlo y te voy a dar unas cuantas razones para ello. Los CSS sprites es una técnica que se empezó a utilizar por los...

7. pasar de PSD a HTML y CSS | maquetar el pie de página

Con este último post de la serie aprenderemos a maquetar el pie de página y con ello tendremos nuestro psd convertido en un html y  css completamente. Hasta ahora hemos resuelto las siguientes cuestiones: Qué es un wireframe. Cómo organizar tu proyecto web....

Añadir Adobe Adge Web fonts a mi página web

Si hace unos días aprendíamos cómo utilizar y añadir Google Web Fonts a nuestra página web, hoy le toca el turno a Adobe Edge Web Fonts, un servicio  que nos permite disponer de cientos de tipografías gratuitas para nuestra página web....

6. pasar de PSD a HTML y CSS | crear varias columnas en html y css

En esta ocasión vamos a maquetar varias columnas en una página con HTML y CSS. Además, con la peculiaridad de que cada una tiene un ancho (width) diferente... Ya verás qué fácil 😉 Según nuestro archivo psd y ayudándonos de las guías, las columnas miden lo siguiente...

Añadir fuentes de Google Font a mi página web

Google nos da la oportunidad de usar diferentes tipos de letra en nuestro sitio web. Y lo ofrece de una manera muy sencilla que vamos a aprender en este post.Para empezar, vayamos a la página de Google Fonts y veamos cómo funciona. A la izquierda tenemos un menú que...

Cómo crear un fondo de repetición con CSS

Las propiedades de la etiqueta background se utilizan para dar efectos en el fondo de los elementos. Son 5, las diferentes propiedades con las que cuenta esta etiqueta. background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position En esta...

4. pasar de PSD a HTML y CSS | maquetar un menú

Ahora que tenemos la estructura básica de la página definida, el siguiente paso es maquetar la cabecera, donde encontramos dos menús. Uno a cada lado del logotipo. Podemos ir trabajando sobre el archivo index.html desde donde hemos empezado para ir viendo evolucionar...

Diseño y desarrollo web 2020:

Cómo estar al día y no morir en el intento

Herramientas de desarrollo web

Listado de todas las herramientas que he ido usando a lo largo de los años.

Únete a la newsletter

Me encontrarás en:

Facebook y Twitter (este último más activo) pero sobre todo escribo en este blog.