Marko Monster

UX Developer rumbo a Frontend Developer 💻

[Abraham John 🦄🦓 @Abmankendrick]

UI/UX Designers, this might be one of the cleanest color palette generators I’ve seen lately.

Kigen is a color generator that helps you quickly create beautiful palettes for your UI projects, making it easier to pick colors that actually work well together instead of guessing.

Bookmark it for later 💜

[✦ VISUAL AI ✦ @VisualconAI]

🚨 ULTIMA HORA: Anthropic acaba de demostrar que la mayoría usa Claude completamente mal.
Su propio equipo publicó un workshop de 24 min. Hay 6 elementos en todo prompt bien hecho. La mayoría usa 1, máximo 2.

Llevas meses al 30% de su potencial.

[Miguel Ángel Durán @midudev]

Truco para ahorrar disco duro y tiempo al clonar repositorios de GitHub

[Marko Monster @MarkoMonstr]

@UiSavior Consideras que con la llegada de Claude Design, tiene caso aprender UX, siquiera aprender Figma? Saludos

[Marko Monster @MarkoMonstr]

@UiSavior Que buena aportación, la mayoría los conocía con excepción de los recursos en 3D. Saludos desde México

[Shraddha Bharuka @BharukaShraddha]

📂 SaaS Stack
┃
┣ 📂 Frontend
┃ ┣ 📂 React
┃ ┣ 📂 NextJS
┃ ┣ 📂 Vue
┃ ┣ 📂 TailwindCSS
┃ ┗ 📂 Shadcn UI
┃
┣ 📂 Backend
┃ ┣ 📂 NodeJS
┃ ┣ 📂 Django
┃ ┣ 📂 Laravel
┃ ┣ 📂 FastAPI
┃ ┗ 📂 Express
┃
┣ 📂 Database
┃ ┣ 📂 PostgreSQL
┃ ┣ 📂 MySQL
┃ ┣ 📂 MongoDB
┃ ┣ 📂 Redis
┃ ┗ 📂 Supabase
┃
┣ 📂 Auth
┃ ┣ 📂 Clerk
┃ ┣ 📂 Auth0
┃ ┣ 📂 Firebase Auth
┃ ┣ 📂 Supabase Auth
┃ ┗ 📂 NextAuth
┃
┣ 📂 Payments
┃ ┣ 📂 Stripe
┃ ┣ 📂 Paddle
┃ ┣ 📂 Dodo Payments
┃ ┣ 📂 Lemon Squeezy
┃ ┗ 📂 Polar
┃
┣ 📂 Emails
┃ ┣ 📂 Resend
┃ ┣ 📂 SendGrid
┃ ┣ 📂 Mailgun
┃ ┣ 📂 Postmark
┃ ┗ 📂 Amazon SES
┃
┣ 📂 Storage
┃ ┣ 📂 AWS
┃ ┣ 📂 Cloudflare 
┃ ┣ 📂 Google Cloud Storage
┃ ┣ 📂 Supabase Storage
┃ ┗ 📂 Uploadcare
┃
┣ 📂 Deployment
┃ ┣ 📂 Vercel
┃ ┣ 📂 Netlify
┃ ┣ 📂 Railway
┃ ┣ 📂 Render
┃ ┗ 📂 AWS
┃
┣ 📂 Domains and DNS
┃ ┣ 📂 Namecheap
┃ ┣ 📂 Hostinger
┃ ┣ 📂 Cloudflare DNS
┃ ┣ 📂 Google Domains
┃ ┗ 📂 SiteGround
┃
┣ 📂 Analytics
┃ ┣ 📂 Google Analytics
┃ ┣ 📂 Plausible
┃ ┣ 📂 PostHog
┃ ┣ 📂 Mixpanel
┃ ┗ 📂 DataFast
┃
┣ 📂 Monitoring
┃ ┣ 📂 Sentry
┃ ┣ 📂 LogRocket
┃ ┣ 📂 Datadog
┃ ┣ 📂 NewRelic
┃ ┗ 📂 UptimeRobot
┃
┣ 📂 DevOps
┃ ┣ 📂 Docker
┃ ┣ 📂 Kubernetes
┃ ┣ 📂 GitHub Actions
┃ ┣ 📂 CI CD
┃ ┗ 📂 Terraform
┃
┣ 📂 Search
┃ ┣ 📂 Algolia
┃ ┣ 📂 Meilisearch
┃ ┣ 📂 Elasticsearch
┃ ┣ 📂 Typesense
┃ ┗ 📂 OpenSearch
┃
┣ 📂 AI Integration
┃ ┣ 📂 OpenAI API
┃ ┣ 📂 Anthropic API
┃ ┣ 📂 Replicate
┃ ┣ 📂 HuggingFace
┃ ┗ 📂 Gemini API
┃
┣ 📂 Integrations
┃ ┣ 📂 Zapier
┃ ┣ 📂 Make
┃ ┣ 📂 n8n
┃ ┣ 📂 Pabbly
┃ ┗ 📂 Webhooks
┃
┣ 📂 Security
┃ ┣ 📂 SSL
┃ ┣ 📂 Cloudflare
┃ ┣ 📂 WAF
┃ ┣ 📂 Rate Limiting
┃ ┗ 📂 Secrets Management
┃
┣ 📂 Marketing
┃ ┣ 📂 Search Console
┃ ┣ 📂 Outrank
┃ ┣ 📂 Buffer
┃ ┣ 📂 Analytics
┃ ┗ 📂 Kit
┃
┗ 📂 Customer Support
  ┣ 📂 Intercom
  ┣ 📂 Crisp
  ┣ 📂 Zendesk
  ┣ 📂 Tawk
  ┗ 📂 HelpScout

[UI/UX Savior @UiSavior]

Timeless aesthetics rooted in simplicity, harmony, and impermanence. 🦜

[Marko Monster @MarkoMonstr]

@Reactor105 estuve pegado al radio esperando el spot para grabarlo como la vieja escuela 🎙️📟. qué buen mensaje, rifado como el Santo. Me dejó pensando.
¿Me lo pueden compartir? Pasó justo al terminar el turno de @Marialadelradio. ¡Joyita!

[Miguel Ángel Durán @midudev]

7 consejos de Linus Torvalds para evitar código basura

① Hazlo simple o no lo hagas
② Borra sin miedo el código inútil
③ Si necesitas comentarios, rehazlo
④ No mezcles refactors con arreglos
⑤ Si no lo puedes explicar rápido, está mal
⑥ Que funcione primero, optimiza después
⑦ Commits pequeños o estás ocultando algo

[Marko Monster @MarkoMonstr]

@Reactor105 estuve pegado al radio esperando el spot para grabarlo como la vieja escuela 🎙️📟. qué buen mensaje, rifado como el Santo. Me dejó pensando.
¿Lo tienen a la mano para compartirlo? Pasó justo al terminar el turno de @Marialadelradio. ¡Joyita!

[Todo Code @todo_code]

LÓGICA DE PROGRAMACIÓN con EJERCICIOS 🤩¿Necesitás practicar tu #logica de #programacion mediante ejercicios? No te pierdas estos recursos GRATUITOS!! ♥ #aprender #javascript #github #java #Python

[Carmen Ansio @carmenansio]

¿Buscas tipografías que funcionen juntas?

→ https://t.co/2ziVdiek9a

[Marko Monster @MarkoMonstr]

👨‍💻Buen Video el CRUD MERN del master @FaztTech, aprendí, mucha info que procesar. Gran recurso, bien explicado. #ReactJs #TailwindCSS #javascript #MongoDB #NodeJS #ExpressJs - #FrontEnd

[freeCodeCamp.org en Español @freeCodeCampES]

¿Listos para crear una API?

📽️ Hoy publicamos un curso en el que crearán una API con Node.js, Express, MongoDB, Mongoose y JSON Web Tokens.

✏️ Curso creado por @ljcl79

https://t.co/r13oXo9hsu

[Miguel Ángel Durán @midudev]

Patrones de Arquitectura que debes conocer ↓

1. Arquitectura Orientada a Eventos

Los componentes del sistema se comunican entre sí mediante eventos. Los productores de eventos generan datos y los envían a un intermediario, quien luego los distribuye a los consumidores de eventos interesados.

Ventajas: Escalable y desacoplado

Desventajas: Difícil de depurar y puede haber latencia

Se usa: Para eventos en tiempo real o aplicaciones grandes que deben sincronizarse frecuentemente

2. Arquitectura por Capas

Organiza el sistema en capas jerárquicas, cada una con una responsabilidad específica como presentación, lógica de negocio y acceso a datos.

Ventajas: Fácil de mantener y reutilizar

Desventajas: Puede afectar el rendimiento y ser rígido

Se usa: En aplicaciones empresariales con reglas de negocio complejas

3. Monolito

Todo el sistema está integrado en una sola aplicación grande donde todos los componentes están interconectados.

Ventajas: Fácil de desarrollar inicialmente y buen rendimiento

Desventajas: Difícil de escalar y mantener a largo plazo

Se usa: En aplicaciones más simples que no requieren escalabilidad avanzada

4. Microservicios

El sistema se divide en pequeños servicios independientes que se comunican a través de API.

Ventajas: Altamente escalable y flexible

Desventajas: Más complejo de gestionar y puede aumentar la latencia

Se usa: En aplicaciones grandes y complejas que requieren despliegue independiente

5. MVC (Modelo-Vista-Controlador)

Patrón que divide la aplicación en Modelo (datos y lógica), Vista (interfaz de usuario) y Controlador (manejo de la entrada del usuario).

Ventajas: Facilita la gestión y la reutilización

Desventajas: Añade complejidad y puede generar sobrecarga

Se usa: En frontend (web y móvil) para separar la lógica de negocio de la interfaz de usuario

6. Arquitectura Maestro-Esclavo

Un servidor maestro maneja las operaciones de escritura, mientras que los servidores esclavos manejan las operaciones de lectura.

Ventajas: Mejora el rendimiento y la disponibilidad

Desventajas: Problemas de consistencia y mayor complejidad

Se usa: Para bases de datos a gran escala que requieren balanceo de carga

[Miguel Ángel Durán @midudev]

¿Buscas un Bootcamp FullStack con JavaScript?
Gratis, en Español y con certificado final

Aprenderás:
✓ React y Redux
✓ Node.js y TypeScript
✓ Desarrollo mobile React Native
✓ GitHub Actions y Docker
✓ Base de datos MongoDB

→ https://t.co/Divm89YuBi

[Bilal Hussain @BilliCodes]

Fullscreen API - JavaScript

[Miguel Ángel Durán @midudev]

¡NUEVO en CSS! Por fin podrás animar el height a auto.
Con una sola línea más en tu código ↓

[Marina Budarina @marina_uiux]

Here is a tutorial on how to use Color in UI/UX
+ how to create Color Design Systems

Thread 🧵

1/10

[Miguel Ángel Durán @midudev]

¡Recursos para programadores!

✓ APIs gratuitas, Bases de datos y Hosting
✓ Retos de lógica de programación
✓ Los mejores cursos en Español
✓ Iconos, fuentes, ilustraciones

Esto y mucho más en → https://t.co/WV8LEY3mUf