¿Quieres desarrollar un #portafolio de #frontend y no tienes diseños ni ideas?

Te dejo 5 diseños que puedes usar.

1. Están en @figmadesign
2. Asegúrate de dar el crédito correspondiente
3. Desarrolla en la tecnología que te sientas cómodo

❤️ RT para compartir
Old Careo Landing Page UI

By @NickelfoxStudio

figma.com/community/file…
Linkedin Redesign Website

By @UiuxSaif

figma.com/community/file…
Food Delivery Website Design

By @uikit_to

figma.com/community/file…
Digital Agency Landing Page Design

By @uikit_to

figma.com/community/file…
Data Agency landing page

By Usama Ahmed

figma.com/community/file…
Si te gusto esta información:

1. Dale RT al primer tweet
2. Sígueme en instagram.com/fmontes
3. Descarga mi libro: fmontes.com/99

• • •

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

17 Dec 21
👓 Hice review de 11 currículos de Web Developers 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
22 Nov 21
¿Eres #developer, pero te cuesta diseñar?

Hoy en "Diseño para desarrolladores": 10 pequeñas acciones para mejorar tus diseños

🚀 RT para salvar un #programador a la vez

#uidesign #ui #ux #webdesign #diseno #disparades

👇🏽 UN HILO 👇🏽
En tus textos usa al menos 1.5 de alto de línea.

Por ejemplo si el tamaño de fuente es 16, multiplícalo por 1.5 y te da 24 (o sencillamente usa line-height: 1.5 en css).
No deformes tus imágenes, cambia el tamaño sin cambiar el ratio o usa crop, pero nunca las deformes.
Read 12 tweets
21 Nov 21
🌅 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 4 tweets
4 Nov 21
Te explico 4 selectores de #CSS que quizás no conocías o quizás si, no sé, pero igual te los explico.

❤️ RT para que todos aprendamos

🧵 THREAD
Se llaman "Selectores Parciales" te permite seleccionar elementos haciendo match parcial o completo del valor de sus atributos.

Para aplicarlos se usan [] y dentro el nombre del atributo y el valor.
Empecemos con el más común "igual" y se representa con el símbolo = .

Seleccionamos un elemento que tenga el atributo "lang" con el valor igual a "en-US".
Read 7 tweets
19 Oct 21
Aprende a mejorar el #UX, el #SEO y la #accesibilidad de tu sitio web con estos:

🚀 9 trucos de #HTML

🎁 Regalo al final ;)

❤️ RT para compartir.

THREAD 👇🏽
Enfocar un <input /> cuando tu página carga.

Es una buena practica de #UX si tienes una pagina donde la tarea comienza en un input.

Por ejemplo Google enfoca el campo de búsqueda al cargar.
Agrega el atributo "download" para forzar a el navegador a descargar el archivo del <a>.

Por ejemplo algunos navegadores abren PDF pero quizás necesitas forzar que el usuario lo descargue
Read 11 tweets
24 Sep 21
🙃 ¿Te quedas pegado cuando intentas hacer un proyecto de #programación?

😉 Te explico un método para salir de esa pega y evitar la frustración.

🧵 THREAD
🧠 Cuando no puedes arrancar es porque estás viendo la aplicación como una sola tarea gigante y tu cerebro está tratando de resolverla, pero en realidad lo que debes hacer es resolver muchas tareas pequeñas.

➡️ Vamos con un ejemplo.
🤑 Desarrollemos un #app para calcular propinas.

Ok, pero ¿Por dónde comienzo?

☝🏽 Lo primero yo recomiendo es hacer un pequeño dibujo de como se va a ver con anotaciones de como va a funcionar.
Read 18 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

Too expensive? 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!

:(