Cosas locotas que no pensé que se pudieran hacer con css
7 December, 2016
Nuevas propiedades de css que son más bien en este momento curiosidades porque no lo soportan todos los navegadores 🙁
Bueno en un futuro, ya veremos.
Estas son mis favoritas:
shape
Esto es algo bien loco que se hace bastante en editorial y ya lo tenemos al alcance de nuestras manitas, (no lo podrán ver en firefox ni en ie) pero es acomodar el texto al rededor de una imagen irregular.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae eligendi inventore facilis vitae culpa sapiente, doloremque atque asperiores velit adipisci voluptatem, odit repudiandae provident quo nostrum eveniet vero necessitatibus! Repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam assumenda error perferendis. Nostrum assumenda dolores ex culpa harum cumque doloribus et soluta, beatae perferendis odio, perspiciatis, est ullam, deleniti sit. lorem Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque mollitia asperiores repellendus soluta veritatis magnam facilis inventore molestiae velit, eligendi deleniti assumenda quam tempore distinctio molestias id, dolores consectetur, non!
.shape { shape-outside: circle(50%); } Código css del ejemplo de arriba
variable
Asi es papás, css ya está dando pirmeros pasos para incluir variables (como sucede en Sass o Less)
:root { --primary-color: #000; } body { color: --primary-color } Defines propiedades como colores, o medidas y después las llamas en otras partes del css
calc()
El css hace las matemáticas por ti el problema que operaciones sencillas (pero con eso puedes hacer mucho)
.calc3 { width: calc(100% / 3); box-sizing: border-box; } En este caso divides entre 3 el 100% del total del espacio y a esto añadimos box-sizing: border-box; que lo que hace es no sumar los bordes
Explorations about the reach of AI in our field and its ethical implications Link to google slides What is an AI and how do you even AI? As a surprise...
¿Se acuerdan cuando las interfaces eran un desmadre? A mediados de la primera década del dos mil hubo una explosión de herramientas para hacer webs...
Aviso de Cookies
Utilizamos cookies para obtener datos estadísticos de la navegación de nuestros usuarios. Si acepta o continúa navegando, consideramos que acepta su uso. Más infoAceptar