Felicitación Navideña: Juego experimental con CSS Grid
Queremos desearos Feliz Navidad con este reto juego experimental basado en CSS Grid, con animaciones SVG y otras sorpresas. Vamos, Santa necesita tu ayuda!
Resultados de búsqueda para: css grid
Ejemplos de CSS Grid en producción
Siempre que llega una nueva tecnología, tenemos cierta reticencias a usarla en nuestro proyectos, por los problemas que puedan haber. Y mediante este listado de webs que ya hacen uso de CSS Grid, queremos mostraros como es una herramienta que es lo suficientemente madura y compatible como para incorporarla ya en nuestros proyectos.
Diseño Editorial y CSS Grid: Inspiración y ejemplos
Gracias a CSS Grid, el diseño editorial y diseño web están más cerca que nunca, sirviendo los diseños de magazines y publicaciones como inspiración para proyectos web, como algunos de estos ejemplos.
Ejemplo de Landing Page con CSS Grid: Apollo 8 (II)
Seguimos con nuestro homenaje-web al lanzamiento del Apollo 8. Y en esta segunda parte, nos centraremos en todas las herramientas que nos ofrece CSS Grid para poder crear nuestra landing page.
Ejemplo de Landing Page con CSS Grid: Apollo 8 (I)
Este año se cumple el 30 aniversario de un acontecimiento histórico: la primera vez que una misión tripulada orbitó la Luna. Y para celebrarlo, vamos a hacer una web-homenaje siguiendo los preceptos de CSS Grid, otro acontecimiento histórico, esta vez en el mundo del diseño web.
Introducción y primeros pasos con CSS Grid (II)
Continuamos con la introducción a CSS Grid, centrándonos en esta ocasión en como posicionar los diferentes elementos de nuestra web dentro de la rejilla que vimos como realizar con anterioridad, y los diferentes métodos que podemos usar para hacerlo.
Introducción y primeros pasos con CSS Grid (I)
Desde principios de año, CSS Grid viene habilitado por defecto en los navegadores webs más usado, por lo que es el momento ideal para aprender a usar este módulo de CSS e incorporarlo a nuestro flujo de trabajo.
Flexbox vs CSS Grid: Un ejemplo práctico
Tras la reciente compatibilidad de CSS Grid con las últimas versiones de los navegadores más usados, se alza como una alternativa a Flexbox. Por ello, vamos a ver algunos detalles que diferencian uno de otro mediante un pequeño ejemplo, para poder comprobar que las diferencian, y como pueden encajar mejor en nuestras necesidades.
7 propiedades CSS que quizás no conozcas
Os traemos un listado con algunas propiedades CSS poco conocidas, pero que seguro que puedes encontrarle un hueco en tus proyectos web que hagas en el futuro!
Neumorfismo – Diseñando Botones con CSS
El neumorfismo se ha convertido en tendencia este año dentro del diseño UI. Y hoy queremos ver como podemos construir botones de nuestra web siguiendo este tipo de diseño, de forma muy sencilla con unas pocas líneas de CSS.
Optimización de CSS manual para mejorar la velocidad de carga
Repasamos algunos principios y consejos sobre cómo optimizar nuestros archivos CSS para mejorar la velocidad de carga de la web y así mejorar el SEO y UX de nuestro proyecto.
CSS4: La nueva versión de CSS que nunca existirá
Mucho se habla de la nueva versión de CSS, sin embargo CSS4 no existirá. El ciclo de actualizaciones que nos tenían acostumbrados CSS1 y CSS2 cambiará radicalmente. Vemos que va a pasar en el futuro.
Feature Queries en CSS ¿Cómo funcionan?
Si te gusta usar las nuevas herramientas CSS, pero te inquietan los posibles problemas de compatibilidad con los diferentes navegadores web, no te preocupes. Con Feature Query puedes usar todas ellas, asegurándote de que van a funcionar sea cual sea el navegador desde donde entren tus usuarios.
Gridexamples.com: lo que te aporta trabajar en un Side Project
Estas últimas semanas hemos estado trabajando en un Side Project llamado Gridexamples.com, un showcase con ejemplos de webs en producción que usan CSS Grid. Repasamos lo que hemos aprendido durante su desarrollo.