• Cuarzo.dev
  • Posts
  • 💎 Colores, patrones, arboles de ficheros y funciones de CSS

💎 Colores, patrones, arboles de ficheros y funciones de CSS

Increíble lo que se puede hacer sólo con CSS, sin JavaScript

¡Hola!

¡La semana pasada nos equivocamos al mandaros el enlace para la encuesta! Algunos de vosotros no pudisteis hacerla. Os lo dejamos aquí de nuevo.

En el correo de hoy:

  • 🌈 Visualiza el color en todos los elementos de una web

  • 🌳 Crear arboles de ficheros

  • 🖼️ Carrusel sin JavaScript

En esta web puedes ver la paleta de colores que elijas en todos los contextos para una web. Además tanto en tema claro como en oscuro.

En esta web tienes diferentes patrones en CSS listos para copiar en tus proyectos.

🌳 Tree

Si quieres representar una estructura de ficheros con esta herramienta puedes escribirla indentando o en forma de lista. Te la transformará a un arbol de archivos.

Con esta web puedes crear SVG curvados para usar de fondo en tus webs.

Más recursos interesantes

Carrusel de imágenes sin JavaScript. Sólo CSS y HTML.

Increible animación usando la librería Three.js donde todos los puntos se van uniendo y separando.

Uso de las funciones cos() y sin() en CSS junto con filtros.

Carrusel en 3D usando el plugin de animación GSAP. Se puede usar el ratón para moverlo de un lado a otro.

Álbum Lo-Fi

Música preparada para escuchar mientras estas programando, estudiando o trabajando:

Vídeo destacado

Unos correos atrás os hablábamos de Supabase, y ahora os traemos este tutorial de 3 horas por freeCodeCamp para aprender a usarlo:

Noticias exprés

👨‍💻 Figma saca su Dev Mode y una extensión para Visual Studio Code.

🦊 Mozilla ha lanzado un agente IA para ayudarte a buscar en su documentación. Además usan Supabase.

🥽 Apple libera la documentación de visionOS.

🗣️ Google liberá AudioPaLM un modelo de lenguaje capaz de escuchar y hablar.

🥺 ¿Nos ayudas?

Queremos seguir mejorando los contenidos de la newsletter y necesitamos tu feedback.

Hemos preparado un formulario que puedes responder en menos de 1 minuto. A nosotros nos será realmente útil.

¡Si quieres colaborar en el futuro de esta newsletter ayúdanos rellenándolo!

(Sí, es el mismo que envíamos la semana pasada, pero nos equivocamos al mandar el enlace y muchos no pudistéis acceder, ahora ya funciona)

¡Eso es todo por ahora!

Si quieres contarnos algo, dejarnos un comentario, compartir tus ideas o proyectos interesantes, tan sólo tienes que contestar este email o mándanos un DM en Twitter: @CuarzoDev & @kikopalomares.

Gracias por leernos y te esperamos en el próximo correo.

¿Qué te ha parecido el correo de hoy?

Ayúdanos a mejorar con tu opinión.

Login or Subscribe to participate in polls.

¿Te reenviaron este correo? Regístrate aquí para recibirlos directamente

Reply

or to participate.