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
Primeros pasos para comenzar con CSS
A la hora de comenzar a armar una página web, debemos comenzar aprendiendo HTML y CSS. El maquetado se basa en estos dos lenguajes y permite Desde lo conceptual debemos saber que CSS significa Cascading Style Sheets o Hojas de…
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 botones con estilo outline
En diseño web, los botones juegan un papel crucial en la experiencia del usuario. Entre los diferentes estilos disponibles, los botones con estilo outline se han convertido en una opción popular por su estética minimalista y moderna. En este artículo,…
Optimización de contenido multimedia para sitios web
A la hora de desarrollar y gestionar sitios web, la optimización del contenido multimedia es esencial para lograr un rendimiento eficiente. Esto colabora a evitar que contenido del sitio fluya de manera lenta y, también, ayuda a mejorar la experiencia…
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…
Diferencias entre id y clase en HTML, CSS y JavaScript
Uno de los conceptos fundamentales en el desarrollo web es la diferencia entre id y clase. Con mi experiencia como docente, he visto a muchos alumnos que necesitan ayuda para comprender cómo trabajar con estas características del desarrollo web. Entender…
Cómo maquetar una pantalla de login con Bootstrap
Cuando desarrollamos un sitio o aplicación web, la pantalla de login es una de las primeras interfaces con las que el usuario interactúa. Es esencial que sea visualmente atractiva, intuitiva y funcional. En palabras sencillas: debe ser una pantalla simple…
10 ejemplos de CSS Grid
CSS Grid es una características que ha renovado el maquetado web. Ofrece una solución moderna y adaptable a diferentes dispositivos. Mediante esta funcionalidad podemos distribuir los elementos en filas y columnas sin complicaciones, solucionando diseños complejos de manera sencilla. A…
10 Claves del Responsive Web Design
Crear un sitio web que se adapte a todo tipo de dispositivo es un desafío. Para lograr que nuestro trabajo se ajuste de manera fluida y eficiente a diferentes medios, se necesita dominar un conjunto de conocimientos y técnicas adaptadas…
Los selectores en CSS: una guía completa
Los selectores en CSS son una de las características fundamentales que debemos dominar a la hora de aplicar estilos a los elementos de una página web. Sin ellos, no podríamos conectar nuestras reglas de estilo con los elementos del DOM…
Cómo utilizar la propiedad Mask en CSS
La propiedad Mask en CSS es una opción que nos puede ayudar a resolver situaciones del diseño web. ¿Para qué sirve? Permite aplicar máscaras a elementos , controlando la visibilidad de ciertas áreas y logrando efectos visuales interesantes. Se usa…