Los enlaces, en HTML conocidos técnicamente como hipervínculos o hyperlinks, son uno de los pilares fundamentales de la web. Gracias a ellos, podemos navegar de una página a otra con solo un clic. En este artículo exploraremos su origen, evolución,…
Archivo del sitio
Etiquetas y atributo en HTML: guía para comenzar
Cuando uno se inicia en el mundo del diseño web y la maquetación, es común encontrarse con términos que suenan similares, pero que tienen significado distinto dentro del lenguaje HTML. Como autor y docente en esta área, me he dado…
Cómo crear un reproductor de video personalizado
El desarrollo web moderno nos permite personalizar casi cualquier cosa, desde formularios hasta reproductores de video. En este artículo, explicaré paso a paso como crear un reproductor de video personalizado usando HTML, CSS y JavaScript. Para el ejemplo utilizaremos FontAwesome…
Cómo crear un Sidebar con Bootstrap
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…
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…