Un sidebar es un panel lateral que contiene enlaces a redes sociales, contenido relacionado o material que se vincula con el foco principal de esa página. En el diseño web, se utiliza principalmente para mejorar la usabilidad y la arquitectura…
Archivo del sitio
Anatomía de una página web
HTML y CSS son los lenguajes que permiten dar estructura a nuestros proyectos web. Un sitio web puede estar compuestos de una o varias páginas. Comprender la anatomía de una página web es clave a la hora de comenzar a…
Cómo maquetar un formulario: 10 recomendaciones
¿Necesitas maquetar un formulario y no sabes por dónde comenzar? Existen aspectos fundamentales para que los formularios no solo se vean bien, sino que sean accesibles, legibles, adaptables y, sobre todo, funcionales. Un buen formulario debe guiar al usuario de…
Una guía para empezar con las listas en HTML
En mis clases de diseño y desarrollo Web explico a mis alumnos que en el mundo Web, las listas son fundamentales para organizar y presentar información de manera clara y estructurada. HTML proporciona tres tipos principales de listas: listas ordenadas…
Una guía práctica para organizar y optimizar el CSS de nuestros proyectos
Hablar sobre la importancia de CSS en el armado de un sitio web nos puede llevar a muchos lugares comunes. Hoy en día dominar CSS es una de las piedras angulares del maquetado. A la hora de pensar en el…
Transiciones con CSS
Las transiciones de CSS han potenciado las capacidades del diseño web, permitiendo a los diseñadores crear experiencias de usuario más fluidas e interactivas sin grandes complicaciones. Hoy en día resulta una herramienta fundamental que todo aspirante a diseñador web debe…
Formularios en HTML5: los input
Al momento de emprender el desafío de diseñar y construir sitios y aplicaciones web, uno de los elementos fundamentales que encontramos son los formularios. Mediante el conjunto de características que nos ofrecen los formularios le podremos permitir los usuarios una…
Cómo escalar elementos con CSS
Cambiar las dimensiones de elementos desde CSS es una opción que está presente en el estándar desde sus comienzos. Por ejemplo, y a hemos visto que es posible cambiar el tamaño de las cajas utilizando las propiedades de ancho (width)…
Qué es Bootstrap
El maquetado y programación de las características interactivas de la interfaz de usuario de sitios y aplicaciones Web es una tarea que requiere tiempo y conocimientos sobre las técnicas vinculadas a HTML y CSS. A la hora de realizar este…
Cómo crear círculos con CSS
Si exploramos el gran potencial que nos ofrece CSS, seguramente podremos descubrir un mundo de posibilidades para dar estilos a los elementos de nuestras páginas HTML. Mediante CSS3 es posible crear una gran variedad de formas, aplicando algunos trucos muy…
Cómo resaltar y subrayar con HTML5 y CSS3
A la hora de maquetar con HTML y aplicar estilos con CSS contamos con una variada gama de opciones para destacar los textos. A la hora de aplicar diseño a a las páginas de nuestro sitio o los de nuestros…
Recomendaciones para mejorar el SEO de un sitio Web
Una vez publicado, lograr posicionar un sitio Web en los buscadores es un factor clave para su éxito. La pregunta recurrente que suelen realizarme mis alumnos cuando tocamos este tema es ¿Cómo podemos lograr escalar hasta las primeras posiciones en…