Cuarzo.dev
Posts
💎 Truco para los Border Radius, Project IDX, OpenAI y Redis juntos, Web Platform Status, etc

💎 Truco para los Border Radius, Project IDX, OpenAI y Redis juntos, Web Platform Status, etc

PLUS: Tutorial de JavaScript de piedra, papel y tijeras

May 20, 2024 • Lo lees en: 6 minutes

⭐ IA Star | Recursos | Suscríbete

¡Feliz inicio de semana!

¿Sabes como crear los bordes radius perfectos en CSS?

En el correo de hoy:

Formula para los bordes redondeados perfectos en CSS
Project IDX de Google
Notificaciones desde Servidor en Node.js

NOTICIAS

Existe una Fórmula para crear el border-radius perfecto en CSS y necesitas saberla

Cuadrar los bordes redondeados en CSS es cuestión de matemáticas

newsletter.cuarzo.dev/p/existe-una-frmula-para-crear-el-borderradius-perfecto-en-css-y-necesitas-saberla

Google Anuncia Web Platform Status: Todo lo Que Necesitas Saber

Descubre Web Platform Status, la nueva herramienta de Google para visualizar características web y su soporte en navegadores. Mantente al día con las últimas novedades de la plataforma web.

newsletter.cuarzo.dev/p/google-anuncia-web-platform-status

Project IDX el nuevo IDE de Google potenciado con IA y en la nube

Ya puedes usar Project IDX, el nuevo IDE basado en el navegador de Google que facilita el desarrollo de aplicaciones web y multiplataforma con la ayuda de la IA.

newsletter.cuarzo.dev/p/project-idx-el-nuevo-ide-de-google-potenciado-con-ia-y-en-la-nube

Alianza entre OpenAI y Reddit para entrenar a ChatGPT

La colaboración entre OpenAI y Reddit promete enriquecer ChatGPT con contenido único de Reddit y desarrollar innovadoras funciones de IA para los usuarios. Conoce más aquí.

newsletter.cuarzo.dev/p/alianza-entre-openai-y-reddit-para-entrenar-a-chatgpt

RECURSOS

🚀 Better SSE: eventos desde el servidor al cliente

Better SSE es una implementación de eventos enviados por servidor hacia el cliente para Node.js sin dependencias, escrita en TypeScript. Perfecto para notificaciones en tiempo real, sin necesidad de usar conexiones más avanzadas como websockets, ya que funciona bajo HTTP.

Ejemplo de como mandar una notificación desde el servidor:

// Server
import { createSession } from "better-sse";

app.get("/sse", async (req, res) => {
	const session = await createSession(req, res);

	session.push("Hello world!");
});

Así es como recibirías en tu cliente web la notificación.

// Client
const sse = new EventSource("/sse");

sse.addEventListener("message", ({ data }) => {
	console.log(data);
});

Tienes más detalles y ejemplos en su página de GitHub.

CURSO GRATIS

Curso de JavaScript desde cero [Completo]

¿Interesado en aprender JavaScript pero no sabes por dónde empezar? Nuestro curso gratis completo es perfecto para principiantes y te guiará a través de todo lo que necesitas saber para comenzar a programar.

newsletter.cuarzo.dev/p/curso-javascript-desde-cero

TUTORIAL

Cómo hacer un Piedra Papel o Tijera en JavaScript

Aprende a crear tu propio juego de Piedra, Papel o Tijera con JavaScript y HTML. Sigue nuestra guía paso a paso para desarrollar este juego interactivo.

newsletter.cuarzo.dev/p/como-hacer-un-piedra-papel-o-tijera-en-javascript

MÁS RECURSOS

📍 Una librería en TypeScript/JavaScript para integrar Google Maps API en aplicaciones React.

📜 Arcjet-js: SDK de Node.js y Next.js para limitar llamadas, proteger contra bots, verificar emails y defenderse de ataques comunes. Ideal para mejorar la seguridad en tus aplicaciones.

🚀 React Compiler es una herramienta experimental que optimiza automáticamente las aplicaciones React, mejorando el rendimiento sin necesidad de reescribir código.

🎨 Free Faces Gallery proporciona una selección curada de fuentes gratuitas disponibles para tu próximo proyecto.

🤖 Stylar es una herramienta de generación y edición de logos impulsada por AI que te permite crear logos únicos y memorables con efectos de texto en 3D.

🖼️ Photopea, un editor de imágenes avanzado y gratuito online que acepta múltiples formatos y permite aplicar efectos, agregar texto, y más.