CSS - Oxygenados La comunidad
Oxygenados La comunidad hispana
Recoda White Full Logo
Patrocinador
Menu

El diseño fluido se refiere a un enfoque de diseño web en el que las dimensiones de los elementos son flexibles, escalando proporcionalmente al tamaño de la pantalla del usuario. En lugar de medidas fijas de píxeles, utiliza unidades relativas como porcentajes o ems para garantizar que el diseño se ajuste sin problemas, independientemente del dispositivo.
Ver Entrada
Mostramos como añadir más iconos sin la necesidad de añadir más sets de SVGs, usando la fuente denominada "vanilla" y con la particularidad de que vamos a poder usarlos de manera global en todo nuestro sitio o solo en aquellas páginas o entradas en las que sea necesario. La diferencia entre usarlos de manera global en todo el sitio o solo en aquellas páginas está en que en la primera manera cargaremos los kb de la fuente, en este caso 79Kb de manera innecesaria en aquellas páginas o entradas donde no requiramos el uso de estos iconos.
Ver Entrada
Un pequeño tip para lograr un efecto de subrayado animado con css y Oxygen
Ver Entrada
Efecto de desplazamiento lateral de cuatro imágenes con información interna de título, subtítulo, texto y botón. Además, con ensombrecimiento y agrandado de la imagen
Ver Entrada
Vamos a mostrar como con unas cuantas líneas de código CSS podemos hacer un bonito efecto "flip-cards" y sin necesidad de añadir código JavaScript alguno. El proces es muy sencillo, solo hay que respetar el orden de los elementos contenedores y por supuesto dar las clases correspondientes para el código CSS
Ver Entrada
En esta entrada vamos a tratar la propiedad "float" que aunque no es de las mas desconocidas tampoco es de las que mas se utilizan y por lo tanto no se aprovecha todo el potencial, sobre todo en la creación de cards que incluyen imágenes, las típicas que presentan la foto y la presentación en texto de algún miembro del equipo o de la empresa.
Ver Entrada