Freddy Montes Profile picture
Nov 14 7 tweets 6 min read
Hay 5 herramientas que yo uso en todos mis proyectos #web.

1. Iconfinder
2. Un generador de #css gradientes
3. Descargar y usar Google Fonts como Web Fonts
4. Y un lorem ipsum para imágenes
5. La mejor documentación

Acá el thread 🧵

#codenewbie #100daysofcode #webdeveloper
Para descargar iconos uso iconfinder.com puedes descargarte los iconos en #svg o png hasta 512px y hay muchos iconos gratuitos de calidad. 1/5
Nunca me he aprendido la sintaxis de #css gradients así que esta herramienta me permite generar el código con una interfaz bien bonita: cssgradient.io 2/5
Para mejorar el perfomance en tú página web deja de usar #GoogleFonts y carga tus fuentes localmente. Esta herramienta te permite bajar los archivos y te genera el código para incluirlo en tus #css google-webfonts-helper.herokuapp.com/fonts 3/5
Comienzas un proyecto, pero el cliente no ha mandado las imágenes, puedes usar picsum.photos para incluir imágenes como placeholder. Tu proyecto web luciendo increíble desde el primer día. 4/5
Última, pero no menos importante, la mejor documentación para #web la tiene Mozilla Foundation, todo sobre #html, #css y #javascript está aquí, bien organizada y siempre actualizada: developer.mozilla.org/en-US/docs/Web… 5/5
❤️ Si te gusto este thread dale RT al primer tweet y sígueme para más contenido.

📕 Y tengo un libro gratis de tips de #HTML, #CSS y #JavaScript fmontes.com/99

📸 También hago contenido en instagram.com/fmontes

• • •

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

Keep Current with Freddy Montes

Freddy Montes 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 @fmontes

Nov 11
¿Mal performance en tu #webapp o #paginaweb?

13 tips rápidos, fáciles y accionables para mejorar el #webperf

❤️ RT para repartir amor!

🧵 HILO Image
📊 Lo que no se mide no lo puedes arreglar.

Tienes que medir la performance de tu website.

Mis tools favoritas:

@____lighthouse
@gtmetrix
@pingdom Speed Test

Usa las recomendaciones en los resultados para mejorar.
🌄 Imágenes 1

Usa el tamaño correcto, si tienes que mostrar la imagen en 300px de width no metas una imagen de 5000px que pesa 5mb te afecta la performance.
Read 18 tweets
Nov 8
🌅 Buenos días 🌅

¿Buscando proyectos para practicar o para portafolio?

🧵 Te dejo 3 que me gustan por acá

#frontend #webdev
Desarrollar una pagina de producto para crowfunding y aprende:

1️⃣ Responsive design
2️⃣ Transiciones en hover states
3️⃣ Layouts con #CSS

frontendmentor.io/challenges/cro…
🏠 Room homepage

El layout de este está retador, pero te queda un proyecto interesante para mostrar en tu portafolio.

frontendmentor.io/challenges/roo…
Read 5 tweets
Nov 7
¿Nadie visita tu perfil de LinkedIn?

✨ 5 MEJORAS RÁPIDAS para tu LinkedIn y que te lluevan ofertas de trabajo de #webdev y #programacion.

🧵 THREAD CORTO

❤️ RT para repartir amor
Yo soy feo, pero me acomodo para las fotos y tú también deberías.

🌅 Bien iluminada
☘️ Que se vea natural
👀 Mira la cámara
😬 Sonríe, pero bonito, no creepy

Evita esas fotos raras con ropa de iglesia.
El "headline" no es solo tu título, descríbete a ti y que te hace único porque tienes habilidades que nadie más puede ofrecer.

Eres frontend developer, bien, pero ¿Qué más tienes para ofrecer? Esta es tu oportunidad de decirlo.
Read 7 tweets
Sep 26
20 años programando #web. Si tuviera que aprender desde cero hoy, haría esto...

🧵 THREAD
¡Arranco con el de @Platzi que es gratis y tiene profesores TOP!

platzi.com/programacion

Me aseguro de entender lo básico:

- Condiciones
- Loops
- Variables
- Funciones
- Y un poco de HTML, CSS y JavaScript
En este punto ya estoy familiarizado con HTML y CSS

Sigo con el curso de #ResponsiveWebDesign de @freecodecamp.

Este es un curso con proyectos y así es como se aprende mejor, haciendo.

Además, tiene gatitos.

freecodecamp.org/learn/2022/res…
Read 21 tweets
Sep 9
🤖 ¿La inteligencia artificial te reemplazará?

¡NO! Por ahora vino a hacerte tu trabajo de #developer y #UIDesigner más fácil.

✅ 7 utilidades de inteligencia artificial para #WebDevelopers

❤️ Ayudame con un RT

🧵 HILO
1️⃣ Copilot creado por @GitHub es un "autocompletado" de código que utiliza AI para ofrecerte sugerencias a tu código, pero completa una función completa solo con el nombre, por ejemplo.

Está en beta privada, anótate en la lista: copilot.github.com
@github @tabnine parecido a Github Copilot, pero se puede usar en cualquier editor de código y no está en beta cerrada.

Tiene una versión paga y una gratis y promete ser mejor que Copilot.

tabnine.com
Read 7 tweets
Aug 31
🌅 Buenos días 🌅

¿Buscando proyectos para practicar o para portafolio?

🧵 Te dejo 3 que me gustan por acá

#frontend #webdev
Desarrollar una pagina de producto para crowfunding y aprende:

1️⃣ Responsive design
2️⃣ Transiciones en hover states
3️⃣ Layouts con #CSS

frontendmentor.io/challenges/cro…
🏠 Room homepage

El layout de este está retador, pero te queda un proyecto interesante para mostrar en tu portafolio.

frontendmentor.io/challenges/roo…
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!

:(