HTML

Todas las noticias sobre HTML

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...

3. pasar de PSD a HTML y CSS | maquetando una web desde cero

Para maquetar una página web necesitamos dos herramientas fundamentales: - Un editor de texto. Yo uso SublimeText. - Un navegador web. Antes de empezar es el momento de echar un rápido vistazo de nuevo al wireframe que realizamos previamente: En este boceto están...

1. Pasar de PSD a HTML y CSS | Definiendo los pasos

Convertir un archivo de Photoshop en código HTML y CSS es una de las tareas más comunes para un maquetador web. En ocasiones el diseño y la maquetación de la página los asume la misma persona, pero en otras, ambas tareas son...

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.