Freddy Montes Profile picture
Mar 31 6 tweets 3 min read
🌅 Buenos días 🌅

Cualquier sitio web o #webapp necesita al menos:

🅰️ Buena combinación de fuentes
🌈 Paleta de colores
📐 Layout correcto
📸 Imágenes hermosas

Te dejo 4 sitios para conseguir cada uno 🧵
🔥 El 95% de la información que se consume en la Web es texto.

Combinar tipografías consume bastante tiempo, pero con esta página vas a poder encontrar combinaciones perfectas en segundos y verlas en tiempo real.

fontjoy.com
🌈 Necesitas al menos un color primario y uno secundario, además variantes oscuras y claras de estos.

Con esta herramienta de Adobe puedes generarlos o explorar las paletas existentes:

color.adobe.com
📐 Organizar la información correctamente garantiza que el usuario va a encontrar en tu página web lo que vino a buscar sin mucho esfuerzo.

Te dejo 30 ejemplos de layouts y cuando usar cada una:

mockplus.com/blog/post/webs…
📸 Una imagen vale más que 1000 palabras así que asegúrate de conseguir imágenes de calidad para tú página.

En unsplash.com puedes conseguir imágenes gratis y solo tienes que dar crédito para usarlas.
❤️ Si te gustó este contenido ayúdame con un RT al primer tweet.

👋🏽 Sígueme para más

🌅 Mi Instagram comparto tips sobre diseño, desarrollo y empleos.

instagram.com/fmontes

Descarga mi libro: fmontes.com/99 o 99.tips

• • •

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

Apr 1
Yo sabía que las páginas de mi blog tenían problemas de performance, ya las arreglé y aquí te explico como:

👀 Encontré el problema
🕵🏽‍♀️ Conseguí el culpable
↔️ Y lo reemplacé

❤️ RT please.

🧵 HILO Image
Lo que no se mide no se puede arreglar, con Google PageSpeed Insights (Lighthouse)

🤮 La performance 70 de 100

Y esto de debe a malos resultados en el Time to Interact y Total Blocking Time.

Pero ¿y qué es eso?... Image
⌛️ Time to Interact: cantidad de tiempo que le toma a la página a hacerse completamente interactivo.

Es decir, que el usuario puede empezar a dar clics, hacer scroll, etc.

Según Google debe ser entre 0 y 3.8 segundos.
Read 8 tweets
Mar 29
🚀 Lleva tu perfil de @Github al siguiente nivel 🚀

Si le quieres sacar más provecho, agrega un README con tu información relevante.

🧵 Te explico como y te dejo 3 herramientas

❤️ RT para llegar a más personas.
Desde hace un par de años @GitHub permite crear un perfil para compartir información valiosa de ti como #developer.

Esta información se muestra cuando alguien visita su perfil y es una oportunidad para hablar de:

👩🏽‍🦱 Quien eres
👩🏽‍💻 Tu trabajo
🥈 Tus méritos
🏄🏽‍♂️ Y tus hobbies
Para crear el perfil necesitas un archivo README.md

1. Crea un repo (público) con tu nombre de usuario
2. Agregar un archivo README.md a la raíz

En este archivo agrega toda la información que quieras en formato Markdown.
Read 8 tweets
Mar 23
Hace 20 años cuando empece a programar me inventaba mis propios proyectos para practicar y mejorar.

✨ Tú no tienes que hacer eso ✨

Te dejo 10 #sitiosweb para practicar y mejorar tus skills como programador.

❤️ ¿Me ayudas con un RT?
Empecemos con el más conocido, HackerRank.

No solo tiene ejercicios de algoritmos, sino también una sección para prepararte para una entrevista.

Además, tener un buen puntaje en HR te puede sumar puntos cuando estés buscando empleo.

hackerrank.com
Code Wars tiene "kata" que son pequeños ejercicios de código para afianzar tus conocimientos.

Soporta desde #JavaScript hasta #Ruby o #Go o #PHP, lo que quieras.

Los ejercicios comienzan fácil, pero se van poniendo más complicados.

codewars.com
Read 12 tweets
Mar 3
👓 Hice review de 11 currículos de #WebDeveloper Junior y encontré 10 cosas que todos pueden mejorar.

❤️ Ayudame con el RT para llegar a toda la comunidad.

THREAD 👇🏽
⚠️ Quiero dejar claro que desde mi punto de vista un programador sin experiencia difícilmente consiga trabajo SOLO con su currículo.

✅ Los consejos que voy a dar son para hacer tu perfil junior más atractivo y sobresaliente para posibles empleadores.

👇🏽 Empecemos...
💼 Necesitas un portafolio

Al no contar con experiencia esta es la mejor manera de demostrar tus capacidades.

Te dejo un post que escribí sobre como crear uno sin experiencia:

fmontes.com/es/blog/how-to…
Read 14 tweets
Feb 28
4 cursos gratis de Google para #webdevelopers

Mi recomendación es hacerlos en este ordén:

1. Learn CSS
2. Learn Responsive Design
3. Learn Forms
4. Learn PWA

❤️ RT para llegar a más developers

🧵 THREAD
Aprenderás los fundamentos de CSS como:

➡️ Box model
➡️ Cascade and specificity
➡️ Flexbox
➡️ Grid
➡️ z-index

Además, funciones, logical properties, todo lo que un #frontend debe saber.

web.dev/learn/css/
En este vas a aprender:

➡️ Responsive layouts
➡️ Responsive images
➡️ Typography
➡️ Accessibility

web.dev/learn/design/
Read 6 tweets
Feb 17
✨ 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

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!

:(