CSS Flexbox es un modo de diseño de contenido flexible. Así evitamos usar float o position. Permite a los diseñadores frontend crear fácilmente diseños flexibles y adaptables que se ajustan perfectamente al contenido y al tamaño de la pantalla. En este tutorial paso a paso, te mostraré cómo usar Flexbox para crear diseños dinámicos e …
Aprender CSS puede ser muy divertido, solo tienes que ir a estas páginas con juegos online css. Poco a poco y con práctica, verás como vas avanzando y mejorando día a día. Lo mejor de todo, es que te ayudan a convertirte en un profesional mientras juegas, no está mal, ¿no? A continuación podrás ver …
Con los filtros CSS podrás aplicar varios efectos visuales a elementos, normalmente imágenes, aunque también los podrás usar para fondos, bordes… Propiedades generales de los filtros CSS La propiedad se define de la siguiente forma: En este ejemplo, estamos diciendo que las imágenes se vean con un filtro de escala de grises al 75%. Podrás …
Las variables CSS o custom properties están definidas desde el 2015. En un principio no se usaban demasiado por temas de compatibilidad con algunos navegadores, aunque hoy en día la compatibilidad es mínima y hay opciones css para solventarlo, lo verás a lo largo del artículo. Si eres de los que nunca las utilizaste, ya …
En cualquier web con tablas de precios (pricing table html) es recomendable que éstas atrapen al consumidor a comprar el producto, por este motivo, tienen que ser atractivas. A continuación te invito a ver algunas tablas de precios con css3 y html5. Son tablas responsives, que se adaptan a los dispositivos. Si te interesa este …
Tabla de precios html con css3 (pricing table html) Leer más »
Los generadores de código css te ayudarán a generar código rápido para insertar en tu página web. Solo tendrás que escoger los valores que quieres y el código se generará automáticamente. Utilizando este sistema te ahorrarás el tiempo de escribirlo a mano y serán muy útiles tanto para principiantes como usuarios avanzados. Pero no solo …
¿Se pueden esconder elementos html con css? Sí, se pueden ocultar elementos css y en este artículo vas a ver 3 formas distintas de hacerlo, con sus pros y contras. Simplemente con un código css vas a poder mostrar u ocultar elementos html. Ocultar elementos con css Display Si utilizas este código eliminarás el elemento …
Podrás ver como se crea una línea del tiempo con html5 y css3 (también conocida por el su nombre en inglés de timeline css) en formato vertical u horizontal. Utilizando líneas del tiempo en nuestros trabajos conseguimos claridad en los datos a mostrar. Es una forma fácil de obtener un buen resultado gráfico. También puede …
En este artículo podrás aprender a utilizar la propiedad css border con todas sus variantes. Si necesitas que el borde sea redondo, si quieres que sea más ancho, si quieres un borde un color determinado o incluso si quieres que solo aparezca uno de los border (arriba, abajo, izquierda o derecha). Si sigues paso a …
En este artículo podrás aprender trucos, utilidades… No es un tutorial de CSS al uso, sino ejemplos con CSS útiles y buenas prácticas para cualquier diseñador web. Podrás aprender como comprimir tu archivo css, diferenciar entre id y class que muchas veces se utilizan mal entre otras muchas cosas. Interesantes efectos css con fuentes Con …
