9 resultados por: viewport
Nuevas unidades de ventana gráfica - CSS
'Intercop 2022' es un proyecto anunciado por Google, Microsoft, Apple y la fundación Mozzilla para que todos los navegadores ofrezcan la misma experiencia web. El proyecto tiene 15 áreas de enfoque y una de ellas es añadir más unidades de tamaño de la ventana gráfica, para que haya mayor compatibilidad entra…
Category : Css 22-06-2023 by Laura Celis Ballesta
Cómo centrar un Div con CSS - 10 formas diferentes
Para los desarrolladores web, a veces centrar un div parece uno de los trabajos más difíciles del mundo. Pues ya no. En este artículo, aprenderás 10 formas diferentes de centrar un div. Exploraremos cómo centrar divs utilizando la propiedad CSS position, CSS Flexbox y CSS Grid. Después de leer todo este artículo,…
Category : Css 26-06-2023 by Janeth Kent
Las ventanas gráficas o viewports grandes, pequeñas y dinámicas
Recientemente se han introducido algunos cambios en materia de unidades de ventana gráfica o viewport. Las novedades -que forman parte de la especificación de valores y unidades CSS de nivel 4- definen varios tamaños de viewport: el Large, el Small y el Dynamic Viewport (Grande, Pequeño y Dinamico). Gracias a estas adiciones,…
Category : Css 02-09-2021 by Janeth Kent
Bootstrap 5 beta2. ¿Qué ofrece?
Dado que el lanzamiento de Bootstrap 4 es de tres años, en este artículo vamos a presentar lo que es nuevo en el marco más popular del mundo para la construcción de sitios responsivos y mobile-first. Si quieres saber cuáles son los cambios significativos que vienen con la próxima versión…
Category : Css 05-04-2021 by
Como hacer una App Lista de Tareas con Javascript Vanilla
La mejor manera de aprender algo es haciendo. En esta guia, construiremos de lista de tareas usando JavaScript Vanilla. Si eres un principiante y estás cansado de estudiar con aburridos tutoriales teóricos, entonces estás en el lugar correcto construiremos esta lista To-Do desde cero. No te preocupes, te he explicado…
Category : Javascript 12-01-2021 by
Como integrar lazy-loading nativo de imágenes en tus proyectos web
¡El soporte nativo de lazy-loading en imágenes está ahora soportado en la web! Mira esta demostración de la función A partir de la versión 76 de Chrome, puedes usar el atributo para hacer lazy-loading en imágenes sin necesidad de escribir un código personalizado para el lazy-loading o usar una librería JavaScript…
Category : Programación 03-04-2023 by Luigi Nori
Cómo crear un aplicación Vue.js en 5 minutos
Vue.js se está volviendo cada vez más popular, convirtiéndose en un competidor significativo de frameworks como Angular o React.js. Como front-end framework para principiantes, conquista con éxito los corazones de los desarrolladores de front-end junior y de las personas que acaban de empezar a aprender programación de front-end. En este artículo,…
Category : Javascript 23-05-2020 by Silvia Mazzetta
Imágenes responsivas y atributos srcset and sizes
En la revolución del diseño web, las imágenes son una cosa que aparentemente se ha quedado atrás. Hasta hace relativamente poco, servir diferentes imágenes en función del tamaño de la pantalla o de la densidad de píxeles no era algo que se hacía en absoluto. El elementoes muy prometedor para cambiar…
Category : Diseño web 01-07-2019 by Janeth Kent
Que son y Como funcionan las medidas VH y VW de CSS3
Seguro muchos de nosotros conocemos las unidades px, em, rem, % y pt, pero quizás no todos conocían o usan las unidades de medida vh y vw. Hoy vamos a conocer las unidades vh y vw, introducidas en la versión 3 de CSS. Qué son estas medidas y cómo usarlas en…
Category : Css 23-02-2017 by Janeth Kent