Amigos, y es que, ojo, Microsoft ha creado su página web del Design System Fluent 2,
que también me sirve como noticia porque no sabía que había salido una nueva versión,
y ojo con esto porque está súper interesante, lo ha hecho con Astro
y las nuevas páginas se construyen en la mitad del tiempo respecto a lo de antes.
Aquí tienen un artículo donde explican todo de cómo lo han utilizado y esto.
Microsoft, bueno, quien no conoce Microsoft, obviamente,
entre su línea de productos, ya sabéis, todo el Office, OneDrive, Excel, PowerPoint, Word,
todo eso utiliza un Design System que se llama Fluent,
que está hecho con React, con Web Components, con un montón de cosas.
¿Ves? Y está, lo tenéis para la web, para iOS, Windows y Android está a punto de salir.
Por cierto, ¡qué bonita es la web! Es muy chula, me gusta un montón.
Fíjate este joven, si este joven no es para lamerlo, ya me diréis.
Está muy chulo, me encanta que está como todo animado.
Me gusta mucho, no sé si estaréis de acuerdo, que Microsoft está mejorando bastante
lo que es el cuidado en la UI de sus cositas.
Lo digo porque anteriormente como que Microsoft tenía un estilo bastante chungo
que a mí nunca me ha gustado mucho.
Además, mira, estoy seguro que si busco una página así que no sea antigua,
pero este, este estilo, este estilo así que tenía esta cosa horrible, tío,
los cuadrados estos horribles, todo cuadrado, no sé, no me terminaba de gustar, ¿no?
Pero, por suerte, no sé quién ha sido que ha dicho, bueno, basta ya, Microsoft.
Vamos a hacer, vamos a empezar a hacer estilos en condiciones.
Bueno, ya era hora. Gracias a esa persona por hacerlo.
Se han olvidado de los cuadrados, por fin, por fin.
Y fijaos, mira, en la versión 1 de Flyon también lo podíais ver, ¿eh?
Todo cuadrado, todo súper cuadrado.
¿Ves? Cuadrado, cuadrado, cuadrado.
A ver, que no estaba mal, pero creo que la nueva versión creo que mucho mejor, ¿eh?
Y además todo como muy animado, con hovers así muy bonitos.
O sea, es que este está muy chulo. Este me gusta.
Bueno, pues este es el design system que tienen y lo podéis utilizar, no sé si lo sabíais,
pero podéis utilizar esto en cualquier aplicación que queráis y tienen un montón de componentes.
Mira, por ejemplo, Web React. Aquí tenéis, no sabíais que todo Microsoft Office está hecho con React.
Todo, todo, todo. Con React Native, con React, todo, todo está hecho con React Native.
O sea, lo que tenéis justamente en la web, Office 365, está hecho con React.
Y lo que son las aplicaciones nativas de Android y las de iOS y todo eso, está hecho con React también.
No sé si lo sabíais, pero bastante interesante.
Y fijaos que tenéis, pues aquí, todos los componentes.
Estos componentes, todo está hecho con React.
Y los podéis utilizar. O sea, ¿lo ves? Tienes aquí el código.
Bueno, código, el código. Pones code y te sale la demo.
Esto es un poco raro, ¿eh? Tener que darle al Code Sandbox.
Pero que vais a ver que son componentes de React, ¿ves? Son componentes de React.
Y tenéis todo lo de Office, hay componentes de React.
Los botones, todo, todo, componentes de React.
Y los han hecho con Borders Radius, por fin.
El tema, el tema, que toda esta página que estáis viendo está hecha con Astro.
Está hecha con Astro y aquí justamente explican, ¿no?
Ya Microsoft ha intentado muchas veces utilizar algunos frameworks y CMS, Content Management Systems,
para crear su Design Docs, que es esto, ¿no?
La página de documentación de sus componentes.
No le ha ido bien, le ha costado mucho y al final han decidido utilizar Astro, ¿no?
Y aquí hablan un poco la solución, la implementación, que han utilizado finalmente, Storyblood, también Sanity.
Está bastante interesante los resultados, además.
Cómo ha mejorado los tiempos de build.
O sea, que ahora que muchas veces tenemos dudas de, pero ¿quién usa Astro en producción, no?
Que es normal.
Astro es un framework que os permite crear vuestras páginas sin componentes de React o con componentes de React,
de Svelte, de Vue, de lo que os dé la gana.
Y está muy chulo.
Entonces, que cada vez lo utilizan más big players y los tenéis en producción, como por ejemplo Microsoft,
que muchas veces la gente me pregunta, ¿pero dónde puedo ver un proyecto en producción?
Pues aquí lo tienes.
Aquí lo tienes.
Esto está hecho con Astro y la verdad que se nota que funciona bastante fino.
Fíjate, carga instantáneo.
O sea, es que es instantáneo.
Va muy, muy, muy bien.
Muy bien.
Así que nada, ahí tienen la noticia.
Justamente la decían por aquí.
Las nuevas páginas en la mitad de tiempo.
Nada mal, nada mal.
¡Ah!
Y es que Bersel han liberado su fuente, su tipografía.
Se llama Heist o Yeist.
No sé cómo sería Heist.
En español sería Heist.
Y al final lo que tenemos por aquí son dos fuentes.
Una que sería más para programar, que sea la Heist Mono.
Y la Heist Sans, que sería para las páginas web.
De hecho, la propia página de Bersel se supone que utiliza esta y poco a poco irán migrando para utilizar esta.
Tenéis nueve diferentes grosores.
652 glifos.
¿O glifos?
O sea, glifos.
Bueno, simbolitos.
Y soporta 32 lenguajes.
La podéis ver más aquí cómo funciona.
La verdad es que la página es muy chula.
De las mejores...
Ah, es una palabra alemana.
Se pronuncia Geist.
Ah, mira.
Geist.
No sabía que era alemana.
El tema.
Que si la quieren utilizar, que sepan, sobre todo si quieren utilizar la de programación.
Ves, tienen aquí el botón.
La pueden instalar.
Es de código abierto.
Es totalmente gratuita.
Y la de programación, yo la he estado probando y no me gusta mucho.
No me gusta mucho.
Tampoco tiene ligaduras.
Una cosa que te puede echar un poco para atrás.
O yo no he visto que no he sido capaz de activarla.
Y mirad, aquí se pueden ver un poquito con el tamaño.
Diferente tamaño.
¿Vale?
Aquí tenéis todos los grosores.
Tienen muchos, muchos grosores.
Eso sí que es verdad, ¿eh?
Que tienen muchos grosores.
Creo que es una fuente que queda bastante bonita.
Más bien en página web que no en editor.
En editor a mí no me ha terminado de gustar.
Pero bueno, ahí cada uno que la pruebe, que diga y tal.
Para mí, como mi querida Cascadia Code, no hay ninguna en el mundo.
Lo siento las cosas como son.
A mí Cascadia Code me encanta.
Y eso que hace dos años que no actualizan, ¿eh?
Ya desde el 2021.
Pero es que Cascadia Code es que...
Para merla.
Me encanta.
Me encanta Cascadia Code.
Pero bueno, aquí cada uno ya sé que está la J.B.
Mono y tal.
Sí, LairUp en su blog ahora está utilizando...
Si no me equivoco está utilizando Geist.
Geist.
Sí, Geist.
Está utilizándola y se ve bastante bonita.
La verdad es que es muy, muy bonita las cosas como son.
Viste así, se ve muy bonita.
Lo que en código...
En código es que no me gusta tanto.
No sé.
No me gusta tanto.
Es como que la veo demasiado, no sé.
No sabría deciros.
Pero no me gusta tanto como en texto.
Pero bueno, ahí cada uno la que le dé la gana.
La podéis probar y si os gusta, pues buenísima.
Y si no, pues nada.
Más cosas, amigos.
Y es que tenemos sorpresa.
Yo al menos no lo sabía.
Y es que...
Ha salido una nueva versión de Yarn.
No sé si saben lo que es Yarn.
Pero Yarn es una alternativa a NPM, a PNPM.
Es un instalador de dependencias, un manejador de dependencias de proyectos basados en Node.
Pero bueno, que ha salido la versión 4.0.
Así, de la nada.
Ya sabéis que Yarn en su día, ahora ya no tanto, pero era de la gente de Meta.
Pero ahora como que lo llevan de una forma totalmente separada.
Ya no está como dentro del paraguas de Meta, sino que es como algo totalmente separado.
Bueno, no está mal.
Y entre las cosas que tenemos, bueno, que tienes que actualizar la nueva versión de Node.
Que ahora puedes crear unos nuevos proyectos con Yarn Init.
Que también hay plugins oficiales.
Como por ejemplo, puedes hacer Yarn Add Script.
Yad Add Interactive Tools.
Y es que están incluidos por defecto.
Y que han mejorado bastante el tema del rendimiento.
Hay algunos cambios importantes.
Han cambiado algunas cositas de la UI.
¿Ves?
De rendimiento.
Performance, performance.
Como que ha mejorado bastante el rendimiento.
Pero sinceramente, a mí Yarn nunca ha sido mi administrador de paquetes favorito.
Siempre he preferido uno, o el oficial, que ha sido siempre NPM.
O por otro lado, la gran alternativa rápida, que ha sido PNPM.
Así que Yarn como que se ha quedado ahí en tierra.
Se quedó.
Para mí, para mí.
Si te gusta a ti Yarn, está perfecto.
No pasa nada.
Pero como que se quedó ahí en tierra de nadie.
Lo que está interesante es que ahora está empezando este estilo de página.
Que se parece mucho a la de Dino también.
Dino también le está haciendo este tipo de páginas.
O era Dino Deploy.
No sé.
Es una nueva...
No sé si es un...
Mira, ¿ves?
Así como con un dibujito y todo esto.
¿Veis?
Con dibujitos.
No sé.
Está bonito.
Me gusta, me gusta.
La landing me ha gustado así con la pintura así.
Pero no sé.
No termino todavía de verle cuándo usaría Yarn.
Sinceramente.
Como que se ha quedado ahí en mitad de nada.
Y a mí, yo como que lo evito siempre que puedo.
Porque además, siempre que lo he usado me ha dado problemas.
Es una cosa loca.
Siempre me ha dado problemas.
Es que ya no sé, no sé ni qué hacer.
Todo, todo, todo.