Sabes lo que es utility-first o atomic?

A ok

En realidad si no recuerdo mal es curras con merinas

que son dos razas de oveja xD

Pero el traductor me la jugo 😛

A mira ni idea

Conoceis https://tailwindcss.com/ va a dar mucho que hablar este año, lo presiento

Ahí está claro lo que es boostrap fundation etc

Sabes lo que es utility-first o atomic ?

Pues buscalo o lee un poco de esa web

Si te interesa

Sobretodo para equipos pequeños yo creo que es lo mejor

atomic es una arquitectura para que uses solo un elemento específico por cada acción o algo así

¿Y qué mejora?

https://css-tricks.com/lets-define-exactly-atomic-css/

los casos de pasar paremetros a funciones desde la clase son mas extremos

Para mi una ventajja muy importante es que si trabaajs con margen1 digamos 10px 2 20px 3 30px 4 40px

los diseños van a ser mas consistentes

y van a mantener la concordancia que deberian

Si un diseño esta bien hecho los espacios son muy importantes, no deberia cada cosa tener margenes a lo loco

Es cierto que la nomenclatura puede ser un poco rara al prinncipio, muchas son iguales que los atajos de emmet

pero se trabaja muy rapido.

Si la arquitectura atomica que veo con Tailwind es que para hacer un botón rectangular redondeado con texto blanco, fondo azul y un hover con un azul más oscuro tengo que insertar 7 clases, me parece un cáncer en potencia

https://tailwindcss.com/docs/extracting-components

Primero lo haces asi, si consideras que es un elemento que puedes extraerlo a un componente pues lo extraes a su propia clase

en componentes me gusta la nomenclatura BEM personalmente

Una cosa es que si para un componente sencillo uses 2 clases para hacerlo reutilizable, escalable y personalizable pues vale, pero si con Atomic para un boton sencillo tengo que insertar 7 clases, parece que estamos iendonos a un extremo abismal

La cosa es que si es un componente lo extraes

No entiendo, ¿extraer el que?

Yo no lo he usado demasiado porque tengo mucho trabajo ahora mismo en el curro, y no tengo tiempo apenas pa mirarme cosas a fondo

<button class=»btn-blue»>
Button
</button>

<style>
.btn-blue {
@apply .bg-blue .text-white .font-bold .py-2 .px-4 .rounded;
}
.btn-blue:hover {
@apply .bg-blue-dark;
}
</style>

Te pase el enlace a esa parte Alan https://tailwindcss.com/docs/extracting-components/

salud@s alguien sabe de una web que preste servicio de hosting gratuito para hacer pruebas?

el cosito q tenes de perfil(?

git!

hub

git+hub = github

url??

.com

cuack

enserio no sabias?

??????

github.com

no me refiero a eso. Voy a elaborar un sistema y necesito hosting gratis para que lo testeen

ahhh

ya

En que lenguaje?

Codeanywhere podría servirte para probar

github no corre php

RoR

ruby on rails