Omar Santos ⌨️
LightNews LightNews
banner
omarsantos.dev
Omar Santos ⌨️
@omarsantos.dev
8 followers 22 following 0 posts
🏠León -Spain🇪🇸 💻👨‍💻Full Stack Developer at @sngular📱 Techie🖱⌚️🖥 Project Fitness 💪🏻
Posts Replies Media Videos
Reposted by Omar Santos ⌨️
midu.dev
¡Google ha actualizado su curso para aprender CSS!
Nesting, anchor positioning, container queries y más.

Explicado en Español y con ejercicios prácticos
→ web.dev/learn/css
Cursod e CSS para aprender CSS desde cero
September 11, 2025 at 1:55 PM
Reposted by Omar Santos ⌨️
midu.dev
¡Adiós document.cookie! Hola, CookieStore.
Por fin una API moderna y asíncrona para las cookies.

Además puedes suscribirte a los eventos de escritura.
Ya disponible en Chrome, Firefox, Safari y Edge.

Código con ejemplo:
Código JavaScript domando cookies como si fueran galletitas: las crea, las lee y las borra... ¡todo sin mojar en leche! 🍪📚🗑️ Este es el código donde aparece el logo de JavaScript: // 🍪 Escribir una cookie await cookieStore.set({ name: 'usuario', value: 'midudev', expires: Date.now() + 86400 * 1000 // 1 día }) // 📖 Leer una cookie const cookie = await cookieStore.get('usuario') console.log(cookie?.value) // "midudev" // 🗑️ Eliminar una cookie await cookieStore.delete('usuario') cookieStore.addEventListener('change', (event) => { // event.changed, array con cookies modificadas // event.deleted, array con cookies eliminadas })
April 21, 2025 at 1:54 PM
Reposted by Omar Santos ⌨️
midu.dev
¡Cambio importante en HTML sobre el elemento h1!
Revisa que no afecte a tu página.

Actualmente si usas h1 dentro de elementos como section, automáticamente disminuye su tamaño.

En los próximos meses, todos los navegadores cambiarán esto y usarán siempre el mismo tamaño.
Comparación entre el comportamiento actual ("ahora") y futuro ("pronto") del encabezado <h1> en HTML dentro de estructuras anidadas. A la izquierda, un fragmento de código HTML con múltiples etiquetas <h1> anidadas dentro de <section>, <article> y <aside>. A la derecha, dos columnas: una con el estilo actual donde todos los <h1> se renderizan con el mismo peso visual (Level 1), y otra con el estilo futuro donde los niveles de los encabezados se ajustan automáticamente según la jerarquía del documento (Level 1, Level 2, Level 3, Level 4). Incluye el logo de HTML5 en la parte inferior.
April 15, 2025 at 12:51 PM
Reposted by Omar Santos ⌨️
midu.dev
¡El mejor recurso para personalizar el Scroll de tu web!

Cambia colores y tamaños de la barra...
Y te da el CSS listo para copiar con el máximo soporte.

→ scrollbar.app
April 5, 2025 at 1:55 PM
Reposted by Omar Santos ⌨️
midu.dev
Chuleta de SQL para todos los niveles:
Hoja de trucos de SQL con todos los comandos básicos hasta más avanzados.
March 20, 2025 at 3:58 PM
Reposted by Omar Santos ⌨️
midu.dev
¿No entiendes los JOIN en SQL? ¡Eso se acabó!
Esta guía visual te los explica con ejemplos de código ↓
La imagen muestra ejemplos de distintos tipos de JOIN en SQL con diagramas de Venn y sus respectivas consultas SQL: 1. INNER JOIN: Diagrama que muestra solo la intersección de dos conjuntos A y B. Consulta: SELECT * FROM A INNER JOIN B ON A.key = B.key; 2. FULL JOIN: Diagrama que muestra la unión completa de dos conjuntos A y B. Consulta: SELECT * FROM A FULL JOIN B ON A.key = B.key; 3. FULL JOIN con condiciones de NULL: Diagrama que muestra los elementos que no coinciden entre A y B. Consulta: SELECT * FROM A FULL JOIN B ON A.key = B.key WHERE A.key IS NULL OR B.key IS NULL; 4. LEFT JOIN: Diagrama que muestra todos los elementos de A y los coincidentes de B. Consulta: SELECT * FROM A LEFT JOIN B ON A.key = B.key; 5. LEFT JOIN con NULL en B: Diagrama que muestra los elementos de A que no tienen coincidencia en B. Consulta: SELECT * FROM A LEFT JOIN B ON A.key = B.key WHERE B.key IS NULL; 6. RIGHT JOIN: Diagrama que muestra todos los elementos de B y los coincidentes de A. Consulta: SELECT * FROM A RIGHT JOIN B ON A.key = B.key; 7. RIGHT JOIN con NULL en A: Diagrama que muestra los elementos de B que no tienen coincidencia en A. Consulta: SELECT * FROM A RIGHT JOIN B ON A.key = B.key WHERE A.key IS NULL.
February 18, 2025 at 1:48 PM
Reposted by Omar Santos ⌨️
midu.dev
Aprende Inglés GRATIS este 2025

Speaking → tandem.net
Vocabulario → engvid.com
Desde 0 → curso-ingles.com
Con películas → playphrase.me
Listening → bbc.co.uk/learningenglish
Universidad de Cambridge → cambridgeenglish.org
Pixel art de un programador con gafas aprendiendo inglés en su computadora. La pantalla muestra palabras en inglés, y un pequeño gatito gris está sentado a su lado, observando con curiosidad. El escritorio tiene una taza de café, un teclado y algunos libros abiertos. En el fondo, una estantería con libros y una pequeña bandera del Reino Unido decoran la escena. La iluminación cálida proviene del monitor, creando un ambiente acogedor.
February 18, 2025 at 2:56 PM
Reposted by Omar Santos ⌨️
midu.dev
¡Herramienta imprescindible para programadores!
Transforma código entre diferentes formatos

SVG ▶ ︎Componente de React
JSON ▶ Tipos de TypeScript
CSS ▶ Tailwind
...y muchas más!

→ transform․tools
February 12, 2025 at 3:57 PM