Share this page!

Miguel Ángel Durán Profile picture
Twitter logo
Apr 24 • 5 tweets • 3 min read
📸 ¡Crea imágenes bonitas de tu código para compartir en redes!

- Soporta JavaScript, HTML, CSS y más 👩‍💻.
- Añade marca de agua 🔏.
- Copia la imagen al portapapeles 👯‍♂️
- Configura paddings y sombras 📐

➡️ chalk.ist

Te dejo otras ALTERNATIVAS en el HILO 🧵⬇️ Crea imágenes bonitas de tu código con chalkist.Captura de pantalla de chalkist, con todas las opciones paraImagen resultante de código fuente de JavaScript tras usar
También tienes snappify.io.

- Te deja elegir entre 6 temas de colores 🌈.
- Soporte para un montón de lenguajes 🗣.
- Añade fácilmente marca de agua ®.
- Preparado para las medidas de Twitter 📐.
- ¡Soporta tabs!

Tiene una versión de pago bastante interesante. Imagen resultante tras usar Snappify de tu código HTML
También tenemos el mítico carbon.now.sh.
Van tan sobrados que no han cambiado a un dominio en condiciones.

- Themes reales de Visual Studio Code 🔥.
- Fondos de imágenes de Unsplash. 📸.
- Un montón de fuentes a elegir. 🤯
- Muy configurable 🔧
- Exporta a SVG Pantalla realizada con carbon.now.sh de un código HTML
Y últimamente estoy usando ray.so.

- Diseños con degradados muy atractivos. 🕶
- Light & Dark Mode de los colores 🌓
- Fácil de cambiar el ancho de la ventana. 📏
- Exportar con fondo transparente 🤩

La verdad es que quedan bonitas, bonitas. Ojalá más colores. Imagen creada con el servicio ray.so de un HTML con JavaScri
¡Y si lo que quieres es mejorar tu nivel en programación, puedes pasarte por mi canal de YouTube!
⬇️ midu.tube

• • •

Missing some Tweet in this thread? You can try to force a refresh
　

Keep Current with Miguel Ángel Durán

Miguel Ángel Durán Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @midudev

Miguel Ángel Durán Profile picture
Apr 21
¿Quién gana más DINERO en el mundo de la PROGRAMACIÓN 💰?

⚡ La gente que va a un Bootcamp
👩‍🎓 Personas con una carrera
📚 Autodidactas

Pues según los resultados de una encuesta a 2500 devs...

🧵⬇️ ¿Quién gana más dinero en el mundo de la programación? U
Antes de empezar:
Los datos vienen @arcdotdev, empresa especializada en encontrarte trabajo en remoto como dev.

Puedes acceder a sus servicios gratis aquí: midu.link/arc

Y si quieres acceder a todos los datos de la encuesta, puedes ir aquí:
arc.dev/developer-blog…
@arcdotdev Según los datos, la gente que va a un Bootcamp.

- Entre 0 y 1 año de experiencia gana de mediana unos 16,400$. Un +12% que la gente con una carrera.
- Entre 2 y 3 años de experiencia, gana de mediana 27,334$. Un +37% más que graduados, que ganan 19,883$.

¿Y la razón? ⬇️
Read 10 tweets
Miguel Ángel Durán Profile picture
Mar 30
🔥 ¡TODAS LAS NOVEDADES DE REACT 18!

Te las explico ⬇️🧵 React 18, todas las novedades
¡La más importante!
El nuevo modo de concurrencia ⭐.

Esto significa que ahora React puede interrumpir un renderizado si ve que no es importante.
Así se asegura de dejar la UI siempre disponible para la interacción del usuario.

Para poder usarlo, recuerdar usar createRoot ⬇️ createRoot, aprovecha el mo...
🚀 Otra mejora de rendimiento es que ahora hace actualizaciones por lotes de los estados que están fuera de métodos de React. Por ejemplo, en funciones para responder a un evento (handleClick), setTimeout y respuestas de promesas. ¡Menos renderizados innecesarios! Automatic Batching de los e...
Read 10 tweets
Miguel Ángel Durán Profile picture
Mar 21
ADIÓS WEBPACK 👋

4️⃣ ALTERNATIVAS QUE DEBES CONOCER.

🧵⬇️
🟢 vite, sencillo y optimizado

Del creador de Vue.js llega vite. La apuesta de este empaquetador es usar ES Modules de forma que en modo desarrollo funciona de forma nativa, y super rápida, mientras que en producción se empaqueta con Rollup.

vitejs.dev
📦 esbuild, la alternativa rápida a Webpack

Nacido en 2020, esbuild es un empaquetador de aplicaciones web que está escrito en Go. Esto hace que sea hasta 100 veces más rápido que Webpack o Rollup.

esbuild.github.io
Read 6 tweets
Miguel Ángel Durán Profile picture
Mar 15
Guía para aprender a centrar elementos en CSS de una vez por todas.

🧵 👇 Image
Con grid, centrar elementos en los dos ejes es sencillo. Es fácil de recordar y funciona muy bien para layouts grandes.

Digo casi porque los elementos que contiene tomarán la anchura del elemento más ancho. 📐

.container {
display: grid;
place-content: center;
} .container { display: gri...
Puedes usar flex y una solución un poco hacky para centrar los elementos usando un margen.

No es elegante 🙈 pero te puede sacar de apuros para iconos y elementos pequeños.

.container {
display: flex;
}

.container > * {
margin: auto;
} Puedes usar flex y una solu...
Read 6 tweets
Miguel Ángel Durán Profile picture
Feb 22
🚀 Los mejores HOSTINGS GRATUITOS para tu próximo proyecto WEB con JAVASCRIPT 🔥

🧵⬇️
🔗 render.com

¿Tienes una API con Node? Perfecto.
¿Necesitas un dominio estático para tu sitio? Lo tiene.
¿Quieres una base de datos PostgreSQL gratis? Hecho.
¿Quieres un worker en segundo plano? Gratis!

Lleno de posibilidades cubre casi todas las necesidades. Captura de pantalla de la página render.com
🔗 railway.app

Railway tiene una interfaz increíble. Pero es que sus funcionalidades están al mismo nivel.

Básicamente, tú te preocupas del código y Railway del resto.

Perfecto para desplegar tus próximo bots de Discord o Telegram, totalmente GRATIS. Captura de pantalla de la página railway.app donde indica q
Read 7 tweets
Miguel Ángel Durán Profile picture
Feb 22
¡Nuevo setup para estar de pie mientras trabajo! ✨

🧍‍♂️ Standing Desk FlexiSpot EF1
🖥 Huawei MateView 28.2”
💻 Slimbook Executive de 14”

Mi espalda ya me lo está agradeciendo. 🧵⬇️ Imagen del escritorio con portátil de Slimbook, monitor Hua
La mesa es la FlexiSpot Standing Desk Escritorio EF1.

🆙 Rango de altura de 71-121cms.
🏋️‍♂️ Capacidad de peso de 70kg
📏 Acepta tablero de 100 a 160cm.
⚡ Velocidad de elevación 25mm/s.

Opinión: Opción muy asequible y buena relación calidad/precio.

🔗 bit.ly/3LO6X3i
El monitor Huawei MateView 28.2"

🖥 Pantalla 4K+ Ultra-HD (3840 x 2560)
📐 Relación de aspecto 3:2 para optimizar espacio
🔌 Hub de conexiones USB
🌈 Color real DCI-P3 del 98%
🆙 Peana para regular altura

Opinión: Calidad brutal, buenos acabados.

🔗 amzn.to/33Fj9lP
Read 5 tweets

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(