Vamos a abrir los porfolios, que está la gente nerviosa.
Yo voy a Alexandre Montilla-Rivera.
A ver una cosa, a ver una cosa.
Esta imagen, ya es que tengo, tengo el olfato, tengo el olfato a tope, ¿eh?
Tengo el olfato, vamos, tengo el olfato.
Ah, pues no, pues no parece, no parece tanto.
¿Por qué carga tanto?
¿Ves esa imagen?
¿Qué es lo que está pasando aquí?
¿Por qué se, por qué se carga la imagen?
Ah, es una animación.
La madre que te parió.
Es una animación de abajo arriba.
Es una animación de abajo arriba.
Hostia, Alexandre, tío.
Parece, yo la verdad cambiaría la foto, ¿vale?
Cambiaría la foto.
Es un poco rara.
O sea, es que parece que estés triste.
Parece como que por algún motivo se ha muerto alguien.
Me recuerda, ¿sabes a quién me recuerda?
Me recuerda a un meme, con todo mi cariño, ¿eh, Alexandre?
No por la cara, ya verás.
Meme, cuidador, cuidador de perros.
Es que me parto la caja con este meme, de verdad.
A ver, estoy buscando, pero tengo miedo que se hagan cualquier cosa.
Un labrador muerde...
Es que este, este, este, este, este.
Perrillo, lo que le pasa es que se pone...
Este tampoco es.
¿Cuántos doblajes de mierda hay?
Yo solo quiero uno, que es el bueno.
Este.
A un perro...
Es este, es este.
Ojo.
Nunca se le pega.
A un perro nunca se le pega.
Mira, está triste, ¿ya lo ves?
Mira, está triste.
Míralo, ¿eh?
Es porque ustedes le pegan y lo insultan.
Esta, esta es la cara que me estás poniendo aquí, Alexander.
Es la cara que me estás poniendo.
Es la cara que me estás poniendo.
A un perro jamás...
Pero a un perro jamás...
Hay que pegarle, ¿verdad?
Hay que pegarle.
Nunca hay que pegarle a un perro.
¡Ey, weputa!
Nunca hay que pegarle a un perro.
¡Perro de mierda!
A un perro nunca se le pega.
A un perro nunca se le pega.
Mira, está triste.
Míralo, míralo, está triste.
Es porque a ustedes le pegan y lo insultan.
¿Por qué le pegan y le insultan?
A un perro jamás hay que pegarle, ¿verdad?
Jamás hay que pegarle.
¡Ey, weputa!
¡Ey, weputa!
Ay, Dios mío, que me parece demasiado bueno este.
No es el doblaje original.
Es una parodia.
Pero bueno, me ha acordado, Alexander.
Pero ahora, en serio, que está...
No está mal la foto, pero yo qué sé, un poquito más alegre.
Mirando al frente, sonriendo y tal.
Yo creo que mejor, ¿vale?
Hazte otra foto.
Que si estás guapísimo, tienes pelazo, tío.
O sea, me encantan las lentes, por cierto.
Así que hazte otra foto y le das cañita.
Apasionado para la tecnología y metodologías ágiles,
en el mundo de desarrollo y conciertos conceptos del mundo multimedia.
¡Uh!
Conciertos conceptos del mundo multimedia.
Yo esto lo quitaría.
Soy full stack...
O yo qué sé.
Es que conciertos conceptos parece...
A mí me suena a...
No tengo mucha idea, pero lo voy a poner.
Soy full stack developer y me mantengo en una constante para aumentar mi capacidad
de resolver problemas, tanto en ámbito personal y profesional.
Vale, eso me parece bien.
A ver...
Oh, qué bonito este...
No tiene scroll.
No pasa nada, no pasa nada.
A mí me gusta más con scroll, ¿vale?
Que al hacer scroll vaya directamente.
Porque fíjate que tengo aquí el botón de sobre mí,
que al menos ahí lo tienes.
Pero es que el de trabajo lo tienes aquí.
Yo no sé si al lado de los sobre mí,
yo pondría este, el de LinkedIn y todo esto.
Porque total, aquí al lado te caben.
Y yo de verdad, a mí me encanta más el hacerlo con scroll.
Porque es que con scroll lo va a hacer todo el mundo, más que dar un clic.
Yo sé que luego a este tipo de cosas,
luego me viene un montón de hate en YouTube y me dice,
¡Es darle un clic!
¿Quién no le va a dar un clic?
Te sorprendería, ¿vale?
Tú le puedes dar un clic.
Pero hay gente...
Es que un scroll es imbatible.
Porque si te fijas, lo vas a ver.
Cuando tú estás navegando, es que tienes el dedo,
lo tienes encima del scroll.
Y siempre lo vas a intentar antes con el scroll.
Es que es normal.
Es que es algo que nos pasa natural.
Es la primera acción que te sale.
Y no lo digo con acritud.
Es que lo digo porque es que es lo que es.
Es un tema de experiencia de usuario
que además hay un montón de estudios que lo demuestran.
Así que más allá de que un clic de distancia
es mucho más fácil de hacer el scroll.
Entonces, información personal.
Nombres, Alexander, Manuel, apellidos...
Yo esto...
Yo esto me lo quitaría, tío.
Yo todo esto que...
¿Sabes? Como que...
Vale. A ver.
Yo, Alexander, yo esto lo reconfiguraría.
No está mal esto.
Aunque a mí esta raya como que me sobra.
Yo esta raya como que me genera...
Mira, yo te voy a hacer un cambio visual
que yo estoy pensando...
Ah, por cierto, ¿está hecho con Svelte?
Sí, está hecho con Svelte.
Qué chulo.
Yo a mí esta raya como que no me termina de gustar.
¿Vale?
Pero bueno, que si a alguien le gusta, buenísimo.
Entonces, ¿qué es lo que yo haría?
Yo aquí esto lo pondría quizás...
Este Paddenray lo pondría más a la derecha.
¿Vale?
Que este ya ha visto que no lo está haciendo.
Ah, sí que lo está haciendo.
Pero como es un Span...
Es un Span, ¿vale?
Entonces, esto lo pondríamos a lo mejor...
Así, así.
Vamos a poner esto un poquito más grande.
Voy a hacer solo uno.
¿Vale?
Para que lo hagamos.
Entonces, ya podríamos quitar el Span.
Este, vale.
Cuatro años.
Y yo lo que haría más grande esto,
que está bastante bien.
O sea, está bonito, ¿eh?
Me gusta el...
Pero igual, podrías hacer esto más grande.
El más, pues habría que ajustarlo.
También tenemos que ajustar.
Lo hacemos en uno y el otro ya, si quieres, lo haces tú.
¿Vale?
Esto por aquí y esto por aquí.
No sé si pondría...
Lo pondría aquí.
¿Sabes?
En lugar de ponerlo aquí.
Me resulta un poco más fácil entenderlo aquí.
Pero bueno, ahí cada uno que lo haga como quiera.
¿Vale?
Y luego aquí, que veo que tiene una separación,
que no sé por qué tiene esta separación.
Bueno, lo voy a hacer mal.
Ah, está aquí la separación.
Padding top 0.
Margin top 0.
Ahora.
Bueno, lo tendríamos que ajustar un poquito más, ¿eh?
Pero no sé.
Yo haría algo más así que no la otra cosa, ¿vale?
Porque así queda más claro lo que quieres hacer,
que no con el guioncito este, que me parece un poco raro.
Si es que este guioncito como que...
No sé.
Lo hace más grande.
Le quitas un poco de altura también,
para que no quede tanto el espacio.
Y lo que puedes hacer en todo caso,
este arriba, esto arriba, derecha, abajo.
¿Vale?
Algo así.
Incluso menos, ¿no?
Arriba, derecha, abajo.
Es que, ¿por qué abajo tiene tanto?
¿Vale?
Lo haría un poquito más así.
Y en esta parte que tienes a la izquierda,
que ya tienes la separación aquí a la izquierda,
tienes un hueco aquí a la izquierda.
Mira, yo quitaría la información personal.
Yo quitaría las habilidades.
¡No pongáis barras!
¡No pongas borros!
Que te busco en casa.
A ver, lo que pasa es que las barras, tío, no dicen nada.
Son muy raras.
Son extrañas.
Nadie las entiende.
No las entiendes ni tú.
Porque, ¿qué significa que tienes HTML un 60%?
Si tienes un 10% más de JavaScript,
yo las barras...
Mira, os voy a decir una cosa.
Porque es que esto es una regla que te va a servir para todo en la vida.
Cualquier cosa.
Esto me lo dijo un UX, que tenía un montón de experiencias,
lo conocí en el Reino Unido,
que trabajaba en Xbox.
Y me dijo una cosa que no se me olvidó jamás.
Me dice, una buena UX es la que no te genera preguntas.
Me pareció...
Digo, mierda.
Coño, qué buena.
Y es verdad.
Y mira, ¿por qué?
Porque tú entras aquí y al final lo que tienes son más preguntas que respuestas.
Lo que te está haciendo es generar preguntas.
Cualquier UX, cualquier página, cualquier cosa que veas
que te genera preguntas que no te da respuestas directas,
no está bien.
Hay que repensarlo de otra forma.
Y a partir de ahí, seguro que os va a pasar que vais a ir a la página web
y cuando tengáis esto de digáis, ¿qué le falla a esta página?
¿Por qué no me gusta esta página?
Y vais a ver que es porque os está generando preguntas.
Porque os está diciendo, ¿dónde tengo que darle clic?
¿Dónde...? ¿Qué es lo que me quiere decir?
¿Qué es exactamente cómo funciona esto?
Este tipo de cosas.
Entonces, recordad eso.
Una buena UX es la que no te genera preguntas.
Por lo tanto, yo quitaría toda esta información personal porque no me parece que realmente aporte mucho.
Los porcentajes al final lo único que te hace es preguntarte más cosas.
Y yo lo que haría, esta experiencia que tienes aquí, que la experiencia es la vida.
La experiencia es lo mejor del universo, tío.
Esta experiencia la puedes colocar aquí arriba y al lado incluso de estos años de desarrollo.
Que por cierto, antes, una cosa interesante es que cuando estaba haciendo esto, me parece que quedaba bastante bien el borde.
Como más, como un color...
Mira, a ver, lo voy a hacer para que lo veamos.
Ese, ese color.
Ese color como que quedaba bien, ¿sabes?
Como que...
Como más fuerte.
Borde, vale, border, un pixel solid y FBA 869.
Un color así como más fuerte me daba la sensación que le quedaba mejor.
Incluso ya, incluso más grande, algo así.
Más cómoda tiene una cosa así porque llama bastante la atención.
Entonces, le puedes poner este borde y aquí ponéis la experiencia, ¿vale?
Y quitas todas las barras y todo esto.
Vale, porfolio, cargando, vale.
Claro, es que fíjate que esta página tiene medio vacía, por eso es un scroll.
También muchas veces ayuda a Alexander.
Tenemos aquí el de Eduardo.
¡Ay, qué bonito este dibujito!
Vamos a poner en modo oscuro.
Muy bien.
Passionate, web development and design, ¿vale?
Este no sé...
Ah, looking for a job.
Este icono no he entendido, ¿eh?
Pero bueno, está bien.
El resume, experience...
Oye, pues bastante...
Oye, que es muy minimalista.
Me suena a este porfolio como que lo hemos visto alguna vez.
Igual el diseño, o igual es que se parecen ya porque cuando son muy minimalistas, es normal.
Hostia, ¿qué le ha pasado a este icono en XGS, tío?
Le ha dado como lepra, ¿no?
Tiene como lepra aquí a los alrededores.
No sé si es porque es el modo oscuro.
No, no, no.
El modo claro también se está desvaneciendo.
No sé.
Échale un vistazo.
A ver, es una tontería, pero es un momento arreglar eso.
Vale.
Pero, oye, está muy bien indicado.
Me gustan mucho estos detallitos.
Mira cómo aparece el icono S.
Me gusta el detalle que tienen los SVG, que son como blancos, pero hay otro lado que no es blanco del todo.
Aquí también lo tiene.
Está muy chulo.
Está muy chulo.
¿Veis?
Muchas veces hablamos de esto.
No hace falta, no hace falta que hagáis un landing, o sea, un porfolio muy complicado.
Mirad.
¿Qué tiene?
¿Qué tiene el de Eduardo?
Tiene un tamaño fijo.
Tamaño fijo, por lo tanto, ya se quita un montón de problemas.
El ancho es fijo.
Ala, nos quitamos un montón de historias que es el responsive y tal.
De hecho, responsive es más sencillo que el mecanismo de un chupete.
¿Vale?
Eso es lo primero.
Ha puesto lo importante arriba, su nombre y una frase y el currículum.
Yo aprovecharía, sinceramente, para poner, oye, pues el LinkedIn también, cualquier otra cosa ahí que pueda ayudar, pues yo la pondría por aquí.
De hecho, este icono yo no entiendo del todo.
Entonces, lo que pondría por aquí seguramente sería más el LinkedIn que esto, ¿eh?
Nunca hay que tener el ancho fijo, no todo lo contrario.
Yo siempre digo en porfolios, y especialmente si nos cuesta el tema del responsive, que fijemos un ancho máximo y a partir de ahí desarrollemos.
Porque fíjate, aquí lo ha quedado bastante bien.
Además, muy bien el tema de colores, se ve bastante vivo, las animaciones son justas, las separaciones son correctas.
Está muy chulo.
Sencillo, fácil y rápido.
Pam, de una, ¿eh?
Andrés, tío, vas a saco, Andrés.
Andrés, vas a saco.
Nada más entro, WebDevelopments.
¿Pero quién eres tú?
¿Por qué debería saber algo de ti?
Pero, pero, pero, pero bueno, dime tu nombre.
Dime tu nombre antes de meterme todo esto.
Hostia, eso es para clip, eso es para clip, ¿eh?
Bueno, pero es verdad, o sea, tío, es muy raro.
Me imagino que estás trabajando en ello, pero es muy extraño, tío.
Que antes no me has dicho ni tu nombre y ya me estás enseñando ahí de todo.
Guillermo Casanova.
Ojo, Guillermo Casanova.
I'm a Frontend Software Engineer con dos años de experiencia en WebDevelopment, trabajando con React, Next.js, TypeScript, Tailwind.
Estoy buscando para crecer en oportunidades, no sé qué, no sé cuánto.
Vale, a ver, lo primero que ya le veo, y esto es un tema que muchas veces os digo, es no utilicéis el blanco para todo, porque entonces se ve muy plana vuestra página.
Es muy complicado que la gente realmente pueda ver vuestro, o sea, que hagáis todo en blanco y que os quede bien es muy difícil.
Y como es muy difícil y no queremos las cosas complicadas, no lo hagáis, ¿vale?
Porque no os va a quedar.
En este caso también, no pongáis en los proyectos vuestro porfolio, porque lo que significa, aparte del momento Inception, que parece que va a aparecer en algún momento Leonardo DiCaprio y va a hacerte así como el meme este de Inception.
Estoy en el porfolio dentro del porfolio.
¿Es esto el porfolio o no?
Es el porfolio.
Lo primero que indica, además que sea el primero, es como, ah, esta persona solo ha hecho su propio porfolio como proyecto.
Haceto otros proyectos.
Yo lo que te diría es que intentes utilizar alguno de los colorcillos, porque aquí ha quedado todo blanco y yo creo que te iría bien, pues, por ejemplo, yo qué sé.
Yo siempre soy fan de intentar utilizar algún color, porque, por ejemplo, tienes aquí el verde, que es bastante, bastante primario.
Podrías intentar, siempre hago lo mismo, de poner el mismo color.
Pero, a ver, esto por aquí, este verde no va a ser exactamente este verde, obviamente, porque va a quedar muy raro.
Pero, hombre, ya que tienes ese verde, yo jugaría un poco con el verde.
Luego, aparte de este, IMAFront, no sé qué, eso lo puedes dejar blanco, que está bastante bien.
Y aquí, a lo mejor, ya sí que puedes tirarle otro color, que también puedes jugar con tener un color secundario.
Que yo viendo todos estos colores, no sé si me quedaría con el azul o con el rojo.
Te puedes quedar con el rojo, pero un rojo que no sea tan rojo, sino que sea un rojo, pues, igual.
Un rojo así vivo, que esté, no sé si tan vivo.
Yo creo que me quedaría con el azul.
Es que el azul es mucho más, más, más genial.
Pues, algo así.
Y ya con una tontería así, y esto lo puedes llevar a otro sitio, más o menos, que veas que tienes un poco esto.
Por ejemplo, otra cosa, a lo mejor, es también el añadir una negrita, que te pueda ayudar, ¿no?
La negrita de los títulos, para que cambie el grosor que tienes del texto a los títulos.
Porque este MySkills es la misma fuente que tienes exactamente aquí.
Y claro, eso es un poco raro.
De hecho, aquí, ya aprovechando que esto lo has puesto azul, podrías aprovechar este poniendo azul.
Mira, si de hecho el hover lo tienes azul.
Yo creo que algún colorcillo te puede ayudar, y dejar todo lo demás lo puedes dejar blanco, no hay ningún problema.
De hecho, aquí has utilizado el color, y me parece que está súper bien.
Porque es que si no, te iba a quedar muy aburrido.
Ojo, desarrollo de Full Stack, hola, soy Gerardo, soy mi experiencia de habilidades.
Oye, qué bonito, me gusta, me gusta.
Muy bien, muy bien utilizado el espacio.
Un poco polémico el gris, con todo mi cariño, Emanuel.
Este no pasa nada, el de desarrolladores Full Stack.
De hecho, yo creo que esto en accesibilidad no lo pasa.
No pasa la prueba de accesibilidad ni en broma.
Lo demás se ve un poco regular.
El verde, es una pena, porque tío, fíjate que este verde está mustio, está muerto.
Tío, ya que vas a hacer algo de color, tío, ponle ahí un verde, porque fíjate, parece que está desactivado, ¿sabes?
Parece que hace el hover y dice, ah, pues no, tío, hace ahí un verde que, vamos.
De hecho, le queda bien con el que sería aquí, ¿no?
Este que sale aquí, a ver si soy capaz de pillarlo.
No sé, no voy a ser capaz de pillarlo.
Ingeniero, ¡ay!
Vale, pues algo así, tío, más hacker, algo más hacker.
Y además puedes aprovechar para este dip aquí, a ver, bueno, no tiene un display flex, pero debería.
Gap, 4 píxeles, vamos a poner aquí la separación, un poquito así, ¿vale?
Y, bueno, he puesto el borde todo el rato, lo cual no debería haberlo hecho.
Aquí le faltaría un padding top, 16, no sé, algo así.
Y, claro, el borde lo he puesto para que sea siempre, lo cual no es lo que quería.
No quería hacer que el borde estuviese siempre.
Así que esto lo quitamos aquí y le ponemos el hover, ¿vale?
Vamos a poner aquí hover, hover, y en el hover vamos a ponerle este color.
Claro, es que lo has puesto con opacidad, que...
Pero, no sé, fíjate, más chulo, tío, más chulo, más vivo, más...
Aquí hay cosas buenas, ¿sabes?
Algo así, le pones un color más verde vivo.
Y, hombre, pues así le da vida cuando justamente haga hover.
Me gusta la presentación, ¿eh?
Está chula, pero yo que sé, aprovecha el verde Matrix, tío.
Porque justo creo que le quedaría bien.
Esta es mi historia.
Soy ingeniero mecatrónico.
Mecatrónico, tío.
Suena a Transformers.
Mecatrónico.
10 años de experiencia profesional en diferentes ramas manufactureras.
Hostia, qué bueno el Gundam.
Qué chulo.
Automotriz y, a su vez, en diferentes posiciones.
Durante los últimos años encontré una verdadera pasión por la formación y convertirme en desarrollador.
Así que empecé a estudiar tecnología de desarrollo móvil.
Luego decidí comenzar un bootcamp para convertirme en desarrollador full stack.
Bueno, me gustan mucho los títulos así con esa separación.
Esta fuente es muy pequeña.
Vale, una pena, ¿vale?
Iba todo muy bien.
Pero una cosa que puedes hacer cuando ya llega aquí es que la barra de arriba, que tenga el fondo un blur o algo.
Porque es que si no, no se lee, tío.
O sea, tú vas aquí, esto se pega ahí, pues le tienes que poner aquí, pues un fondo, yo que sé, puedes poner, ¿vale?
Negro.
Le quitamos un poquito de opacidad, ¿vale?
Lo ponemos ya así.
Le pones un poquito de opacidad y luego lo que aprovechas es decirle, vale, backdrop, filter, blur y le pones ahí, yo que sé.
Algo, a lo mejor no tan exagerado, no hace falta que sea tan exagerado.
Bueno, claro, tendría que ser más blanco porque, claro, estoy viendo que el color ese, no sé si, es que el gris es polémico, tío.
Es bastante polémico el gris, es bastante polémico.
O sea, tendría que ser negro, pero claro, es bastante polémico el gris porque no es una mierda.
Le podrías cambiar, lo que puedes hacer es cambiarle el color que cuando haces scroll pasa a ser blanco.
Y entonces ya lo podrías hacer así.
Entonces, yo lo estoy haciendo mal, pero bueno, para que te hagas un poco la idea, así, cuando los iconos y todo esto pasen por encima, pues lo puedes hacer.
Y lo podrías ahí meterle el borde radius y todo esto, ¿vale?
Pero lo malo es esta parte.
Esta parte del proyecto, un slider no se muestra muy bien.
Esto es tu experiencia.
Yo creo que en esto, una cosa que va muy bien, flow byte timeline, una cosa que está muy bien, que os podéis copiar, que queda súper chulo, es algo así.
Algo así, fijaos, con la fecha, no sé qué, no sé cuánto.
Esto queda muy bonito, incluso podéis utilizar este.
Este queda muy bien, además se nota muy bien, se puede seguir muy fácilmente.
Aquí es muy difícil que la gente le da siguiente, que no sé qué, que no sé cuánto.
Además, esa animación es un poco rara, que sale de beta saber dónde.
Y luego también, una cosa que os digo, si lo que queréis es enfocaros.
Ah, bueno, aquí veo que ya eras programador hace 10 años, o sea que nada, sin problema.
Pero si queréis enfocaros en programación, no pongáis vuestros trabajos de hace 80 años de que erais beta saber qué, ¿vale?
Entonces, vale, esta parte está bonita.
¿Ves? Esta parte está súper bonita.
Esta parte está súper chula.
Yo el slider no me termina de gustar tampoco por diferentes motivos.
También demasiado ancho el título, los textos son muy difíciles de leer.
Pero esta parte está más bonita, ¿vale?
¿Qué puedo hacer por ti?
Contáctame.
Puedes hacer unas cuantas cosas por mí.
Pero bueno, yo creo que la parte más floja es esta, la de experiencia.
Y yo tiraría por algo más bien así.
Y yo creo que no hace falta que pongas el logo, que además son logos un poco polémicos, tío.
Muy bien, Sergio ha hecho un vento.
Están de moda, ¿eh?
Los ventos me gustan, me gustan.
Vento, para el que no lo sepa, son las vento columns estas.
Vento.
Los vento grids.
Los vento grids son estilos en los que esto lo hablamos en el curso de CSS.
Creo que le falta un poco de contraste a lo que son las cars con el fondo.
¿Vale?
Y ahí puedes pillar un poco de ideas de aquí para ver cómo sería.
Fíjate aquí que hay como bastante más contraste.
Además utiliza este estilo de granulado que le queda bastante bien.
Igual te puede ayudar con el granulado para darle ese estilo.
Pero creo que le falta un poco de contraste entre lo que es la cara y el fondo.
¿Vale?
A veces como que cuesta diferenciarlo correctamente.
Y aquí incluso, Sergio Delgado, adaptabilidad, comunicación, está bastante bonita esta gradiente que ha hecho aquí.
Búsqueda de oportunidades para mejorar, siempre estoy dispuesto.
Yo creo que aquí podrías saber no haber ajustado tanto, tanto, tanto el ancho, ¿sabes?
O sea, que te ha quedado aquí como muy poco espacio y la frase como demasiado, demasiado larga.
Yo creo que sin ningún problema podrías...
Mira, vamos a poner esto aquí abajo.
Vamos a poner esto.
O sea, podrías ponerle más padding y ya está, no pasa nada.
O sea, no hace falta que quede ahí a fuego.
Y ya, pues oye, como sea que llegue, pues mejor.
¿Vale?
Algo así.
Porque al final...
O algo así.
Al final ya queda más o menos el vento...
Me parece en espacio que tampoco pasa nada.
Queda un poco más recogido el texto.
No queda tanto vacío abajo.
O sea que yo miraría un poquito hacer algo así.
Incluso podrías considerar el ancho hacerlo un poquito más bajo.
Bueno, eso ya cada cosa.
Pero bueno, me gusta el estilillo ahí.
De tecnologías, Figma...
Ah, mira qué detallazo así con píxeles.
Está bonita.
La hora también.
Esto parece un sistema operativo y todo.
Le falta un poquito de hover, ¿no?
Estaría chulo que esto tuviese un hover.
Revisa mi trabajo.
¿Vale?
Estos eran como los proyectos.
No me queda muy claro.
Al menos este...
Ah, este sí que tiene enlace, pero joder.
El enlace es un icono súper pequeño abajo a la derecha.
Medio escondido.
Joder.
Ah, bueno, aquí en los proyectos se ve...
Ah, vale, porque esto es tu trabajo.
Claro, porque revisa mi trabajo.
Y esto parecen proyectos que también tienen más proyectos aquí.
Bueno, a ver, que está bien.
Está bien, pero no sé por qué los de arriba, porque son más importantes.
Porque están chulos.
Otro con copyright.
Todos los derechos reservados.
Todos los derechos.
Hasta el Pikachu es tuyo.
No, pero está bonito.
Me gusta.
A ver cómo...
¿Ves?
Está bien.
Está bien.
Me gusta cómo se comporta.
A ver, hay alguna cosa ahí...
No, aquí está un poco forzado.
Esto se ve muy pequeñito.
A lo mejor aquí...
Alguna cosa tendrías que cambiar, ¿eh?
Creo que no es el mejor responsive.
O sea, no lo rompes el diseño, lo cual no está mal.
Pero creo que podría sacarle mejor rendimiento al diseño responsive, ¿vale?
Que la imagen se vea más grande, este tipo de cosas, ¿no?
Y los contrastes, ¿vale?
El contraste del fondo yo al menos creo que habría que arreglarlo.
Oye, qué bonito esto, ¿eh?
Se parece a lo que hicimos de Tesla.
Muy bien.
Me gusta.
Muy bien, muy bien.
Hola, bienvenidos.
Soy Nicolás Gutiérrez, desarrollador web Fullstack.
Al currículo en inglés y en español.
Una cosa mala que ya le veo.
La parte de arriba muy vacía, ¿no?
Una separa...
Aquí, por ejemplo, toda esta parte está vacía.
Toda esta parte está vacía.
Le falta...
Un poquito ahí un...
No, algo.
Yo creo que hay que aprovechar la parte de arriba lo más posible, al menos para tener una primera impresión.
Sobre mí, más dos años de experiencia.
Me encanta porque me habéis hecho caso con esto, ¿eh?
Me gusta, me hacéis caso, me escucháis.
Gracias.
Entonces los porfolios no deben ser responsive.
A ver, claro que deberían ser responsive.
Si de hecho el de Eduardo es responsive.
Una cosa, amigos, ¿veis?
Es responsive.
Se adapta perfectamente a móvil.
Una cosa es que sea responsive.
Y otra cosa es que limitéis el ancho máximo.
¿Por qué?
Mira, os lo explico muy fácil.
En la página de Eduardo, si por lo que sea le hacemos que ocupe todo el ancho,
vais a ver que esto no lo salva ni el tato, ¿vale?
Esto no lo salva ni el tato, ¿vale?
Le quitamos el max, el max width, ¿vale?
Le quitamos el max width y pam.
Y ya esto, pues aunque lo centres, va a ser mucho más difícil de que te quede todo bien.
Van a quedar las cosas como muy complicadas.
Entonces, normalmente, el que fijéis un ancho máximo os va a ayudar un montón, especialmente porque no somos diseñadores.
Ahora bien, ¿esto significa que todas las páginas web del mundo tienen que ser así?
No, no significa eso.
Pero en los porfolios os puede ayudar porque no sois diseñadores.
Airbnb tiene sentido que utilice todo el ancho.
Y es muy inteligente, por su parte.
Porque lo que hace es mostrar más información.
No tendría sentido que te haga un ancho máximo fijo y entonces solo te muestre dos cars, ¿vale?
No tendría sentido.
Pero en este caso tiene sentido que utilice todo el máximo porque al final siempre se van a ver bastante bien.
Y lo que hace es aumentar el tamaño, aumentar el número de columnas y ya está.
Así que a veces tiene sentido, pero en vuestros porfolios va a ser difícil, ¿ok?
Y os va a costar un montón al final diseñadores.
Si no somos diseñadores, ¿por qué no usamos una plantilla ya hecha?
De hecho, yo os he dicho que podéis hacer perfectamente una plantilla hecha sin ningún tipo de problema.
Al final, pensad que yo creo que es más importante que uséis una plantilla ya hecha, pero que esté bien.
Y que por lo tanto el contenido esté bien, por favor.
Fallos de ortografía y todo esto, ¿vale?
No pueden existir.
A que hagáis una cosa que quede horrible, porque al final no sois diseñadores, sois desarrolladores.
Y ya está.
O sea, que hagáis una plantilla increíble y que la mostréis y tal, oye, pues ya está bien.
Más dos años de experiencia como desarrollador frontend, más un año de experiencia como desarrollador full stack.
Capaz de tomar requerimientos, ofrecer posibles soluciones.
Me gusta la frase, aprecio el feedback y lo tomo en consideración.
Me gusta, me gusta la frase.
Estoy listo para darte lo mejor de mí.
Hostia, esto suena un poco hot, ¿eh?
Pero bueno, está bien.
Tecnologías, HTML, CSS, ¿vale?
Proyectos.
Le falta un poco de padding también, como que está demasiado, demasiado juntito todo.
Pero bueno, que siempre TypeScript, por ejemplo, lo escribáis con la S mayúscula.
React.js lo escribáis exactamente como se escribe React.js.
Nexi es igual.
O sea, este tipo de cosas, HTML es todo mayúscula, CSS es todo mayúscula.
Es porque visualmente la gente está como más habituada a verlo escrito con ese tipo de mayúsculas y tal.
Es muy fácil.
Buscáis Node.js, Node.js.
Y vais a la página oficial y vais a ver cómo lo escribes.
Pues así lo hacéis siempre y ya está.
Con React igual.
Y mira, este sí que ha puesto copyright, ¿eh?
Para que no se lo quitéis.
No se lo pudierais quitar, Nicolás.
Pero eso, yo te diría que la parte de la landing, la parte de arriba, es lo que le he hecho un poquito, un poquito de falta.
Windows Portfolio.
Venga, que alguien se ha hecho un Windows con su portfolio.
¡Ojo!
¡Qué chulo!
Me gusta.
¿Se puede mover?
¡Ojo!
Se puede mover la pantalla.
Se puede cerrar y todo.
Welcome.
A ver, PowerPoint.
Ah, es un PowerPoint.
Welcome to Windows OS Front End Project.
Oye, qué chulo, ¿eh?
Me gustaría que no fuese tan así.
¿Sabes?
Que fuese un slider porque al final no sería tan...
¿No?
Me gustaría que fuese de otra forma.
O que estuviesen abiertas diferentes ventanas que ya así se nota que las pueden mover.
Mira, también se puede hacer más pequeño.
Más que esto de Welcome to this Windows OS Front End Project.
Al final, si es una cosa tuya de que quieres hacer una cosa así, está bien.
Pero si quieres que sea más portfolio, podrías tener como unas cuantas cosas abiertas.
Porque es complicado que alguien se ponga a abrir...
Mira, esto es resumen.
¡Oh, qué chulo!
Oye, muy chulo, ¿eh?
Me gusta, me gusta.
Este es el típico...
La típica cosa que la gente va a tener ganas de probar, ¿sabes?
La gente va a tener ganas de estar toqueteando, a ver hasta dónde llega, cómo ha hecho las cosas...
Estas cosas están muy chulas por eso.
Mira, la consola y todo.
He hecho la consola.
¿Eh?
Pero no funciona la consola o así.
¡Ojo!
CD Users.
¡Ojo!
¡Ojo!
Me encantan estas cosas.
¡Ojo!
A ver si le encontramos el porno.
¡Ojo!
Open Picture...
A ver, help.
Color, CD, Date, Delete, Exe, Echo, Help.
Tri...
¡Ah, mira!
Y tiene más de uno, ¿eh?
¡Qué chulo!
Me gusta.
No, cat no existe.
A ver, picture.jpg.
¡Ah!
Eh, no, I can show pictures.
Vale, pero entonces, ¿cómo abro la picture?
No, no puedo ver la picture.
Vamos a ver.
Exe, Exe.
¿Tú nos aprueba desde esto?
No sé qué.
Vale, pero eso no va a funcionar.
Bueno, me gusta, me gustan estas cosillas.
Estas cosillas me gustan.
Porque, bueno, es como que hay un montón de cositas.
El programa no existe.
Vaya por Dios.
A ver, yo soy guest.
¡Hello!
¡Ojo!
¡Hello!
Echo, hello.txt.
Vale, eso no es lo que quería.
Type, hello.txt.
Dear guest, feel at home playing the Humble Project.
Be careful not to delete anything important.
System 32.
Eh, me recuerda a Codenberg, obviamente.
No, porque él se había copiado, sino que me gustan esas historias así de secretos y todo esto.