Nombre del autor:esteban

Accesibilidad

Semántica La semántica sirve para implementar herramientas para brindar la accesibilidad a las personas con ciertas limitaciones físicas y que estas puedan consumir nuestros productos digitales. En HTML, la semántica consiste en utilizar las etiquetas específicas según la utilidad que van a tener en nuestro documento HTML, por ejemplo, si el área del contenido es …

Accesibilidad Leer más »

Imágenes responsive con CSS

Se recomienda utilizar la etiqueta <picture></picture> como contenedor de la imagen. Además se recomienda tener diferentes imágenes con diferentes dimensiones de tamaño para que se carguen en la medida que se observa la página web en dispositivos grandes. Es decir, si se abre en un dispositivo móvil, colocar una imagen con el tamaño y optimizada …

Imágenes responsive con CSS Leer más »

Patrones de maquetación Responsive: Column Drop

Inicia todo en forma vertical y una vez comienza a crecer el viewport empieza a generar el drop de los contenedores. Es decir, comienza a posicionar los contenedores hacia arriba por orden de importancia que se haya definido. Platzi.com Ejemplo Documento HTML <!DOCTYPE html><html lang=”es”><head> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Column …

Patrones de maquetación Responsive: Column Drop Leer más »

Imagen con el logo oficial de CSS en color azul. En el fondo oscuro una ilustración de una mujer trabajando en un computador.

Patrones de maquetación Responsive: Layout shifter CSS

Este patrón inicia también vertical, sin embargo, en la medida de que cambia el tamaño de pantalla hacia un ancho más amplio, se comienzan a distribuir unos bloques dentro de otros contenedores padre que se pueden posicionar para brindar un layout diferente. Platzi.com Ejemplo Documento HTML <!DOCTYPE html> <html lang=”es”>     <head>     …

Patrones de maquetación Responsive: Layout shifter CSS Leer más »

Responsive design: Media Queries

Responsive design es un patrón de diseño web estándar en la industria. A través de estas prácticas, lograremos que los productos que estamos desarrollando para la web puedan funcionar en cualquier plataforma. Es decir, pueda ser visualizado en cualquier dispositivo. El objetivo principal de responsive design es que nuestro producto pueda ser perfectamente visualizado desde …

Responsive design: Media Queries Leer más »

¿Por qué todo el mundo tiene un podcast?

Lado de los cradores Antes quienes creaban podcast eran las estaciones de radio o publishers con suficiente dinero para poderlos producir. Con el tiempo, las mejoras en tecnología, en conectividad, el acceso a herramientas de hardware y de software, permitieron democratizar la producción de podcast y esta no dependiera de grandes medios de comunicación. Se …

¿Por qué todo el mundo tiene un podcast? Leer más »

Comandos básicos de consola para trabajar Desarrollo Web y de aplicaciones.

No le temas a la consola, acércate a ella, aprende a utilizarla y verás cómo tu eficiencia a la hora de trabajar en tus proyectos mejora considerablemente. A través de la consola puedes manipular tu equipo de cómputo sin la necesidad de la interfaz gráfica, todo, a través de comandos especiales. En este artículo aprenderás …

Comandos básicos de consola para trabajar Desarrollo Web y de aplicaciones. Leer más »

Herramientas de creación de video para redes sociales

Unfold: aplicación con plantillas para generar Instagram Stories. La gran mayoría son de pago, pero hay unas gratuitas, no existen muchas posibilidades pero si hay lo necesario para crear concepto y de proporción de las imágenes. Además puedes exportar todos los slides o de manera individual. Clips: Con esta aplicación se puede grabar de forma …

Herramientas de creación de video para redes sociales Leer más »

Scroll to Top