Para hacer que tu HTML sea responsive usando display grid, puedes seguir estos pasos: Define el contenedor de la cuadrícula: Primero, define el elemento contenedor que contendrá tu cuadrícula usando la propiedad display: grid. Esto habilitará el diseño del grid. Configura las columnas y filas de la plantilla de cuadrícula:… Leer más »
Una de las mejores formas de crear animaciones de carga para tus proyectos web que no implique la carga de recursos desde su servidor web, CDN externos o complementos de Javascript de terceros, es crearlo dentro de tu aplicación web utilizando las mismas tecnologías web que usa para renderizarlos.Esto asegura… Leer más »
¿Qué es AnimXYZ? AnimXYZ es una biblioteca de animación CSS para crear animaciones CSS personalizadas para tu sitio web. Lo que hace que AnimXYZ sea tan bueno es que se puede componer, lo que significa que puede combinar y mezclar diferentes animaciones para crear tus propias animaciones CSS altamente personalizables… Leer más »
Qué es Ionic: Ionic es una plataforma SDK gratuita, de código abierto y front-end que le ayuda a crear aplicaciones móviles para teléfonos iOS, Windows y Android utilizando la misma base de código. Demuestra ser una herramienta de desarrollo multiplataforma para móviles. Esta herramienta le permite crear aplicaciones móviles híbridas…. Leer más »
Este año ha sido muy productivo para mí, ya que desarrollé numerosas aplicaciones y sitios web UI / UX. En el camino he recogido algunos trucos útiles para mejorar mis diseños. 1. Variables CSS Las variables CSS son útiles cuando queremos aplicar el mismo estilo a elementos comunes. En lugar… Leer más »
En este tutorial, vamos a aprender a trabajar con fonts en CSS. La propiedad font puede combinar un número de diferentes sub-propiedades en una única declaración. Por ejemplo: Esto equivale a: Veamos cada una de estas propiedades en detalle Propiedades de CSS Font font-family La propiedad font-family establece la familia… Leer más »
CSS tiene mala reputación por varias razones. Basandome en encuestas propias, una de las cosas que más frustran a la gente es hacer webs adaptables (‘responsives’). Algunos de los problemas que oigo más a menudo son: Las ‘media queries’ son una pesadilla. Es difícil encontrar el orgien del problema. Demasiados… Leer más »
Cuando surgió Bootstrap, la comunidad de desarrolladores web se volvió loco con él. Hizo que crear páginas responsives (adaptables) fuese tan fácil que todo el mundo lo utilizó en algún momento. Si ahora miras diferentes páginas en internet, verás que hay muchas que tienen el mismo aspecto. Parece que Bootstrap… Leer más »
Lo admito, no soy muy bueno con los CSS. Mi declaración text-align: center sólo funciona a veces. Añado padding (relleno) alrededor de un elemento usando margin: 50px pero, de algún modo, sólo aparece en los laterales. Declaro position: absolute en un elemento y le añado top: 0px. Y el elemento… Leer más »
¿Qué es Sass? Sass (syntactically awesome style sheets – hojas de estilo sintácticamente impresionantes) es un lenguaje de scripting que es totalmente compatible con todas las versiones de CSS. Es un pre-procesador de CSS que permite añadir funcionalidad, eficiencia y usabilidad al CSS estándar. ¿Por qué debería usarlo? Si ya… Leer más »