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…
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…
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…
¿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…
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…
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…
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…
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…
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)…
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…
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…
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…