Venga, vamos, por faena.
Diego, muy bonito, Diego.
Software Developer tal.
Esto en blanco y esto en blanco.
Y que los dos sean igual es un poco raro.
Yo lo que haría, a lo mejor, a lo mejor...
¡Ah, está hecho con Angular!
Fíjate.
En Angular, muy bien, ¿eh?
Como te la juegas, ¿eh?
Teniendo en cuenta que la podríamos destruir por estar en Angular.
No, broma, broma.
Sí está bien, hombre, que esté en Angular.
No sé, o sea...
Algo así.
Para que cree un poco de contraste ahí.
Primero, porque el texto que hace como...
Ya tiene mala nota.
Es broma, es broma.
Peor si lo hubiera hecho con Nex.
¡Oh, oh, oh!
Esto está bien, ¿no?
Pero nada más entrar, pues igual algo así.
Porque a lo mejor lo más importante es esto.
Lo de Software Developer se vería así.
A ver, gustar me gusta.
Pero solo para que no sea ahí en grande, todo en blanco y ya está.
Full Stack, Angular, Spring Boot, LinkedIn...
Hostia, es como que una cosa que no me determina...
No sé si a lo mejor lo de descargar currículum...
Me gusta el botón, pero no sé si al final...
Pues también lo pondría aquí.
Es que no sé, porque es como que tiene demasiadas...
A lo mejor menos cosa.
Pero me gustan mucho los colores, ¿eh?
Está muy chulo, ¿eh?
Me gustan los colores.
Mis proyectos destacados.
Muy bien.
¡Uy!
¡Ah, mira!
La Zerhover.
Hostia, la Zerhover.
¡Qué...
¡Ah, mira!
Con backend y todo...
Pues está bonito, ¿eh?
Me gusta, me gusta.
A ver, ¿qué os parece?
¿Qué os parece?
Del 1 al 10.
¿Qué os parece?
Un 8.
Un 8.
Un 9.
Muy bien.
9, 7, 9 y medio.
10.
Joder, un 10.
8, 8 y medio.
No me gusta lo del hover.
Ya, lo del hover es un poco raro, pero bueno.
No, sí que es verdad que yo a lo mejor...
Pero claro, quieren mostrarlos fácilmente.
Es verdad que está bien que al final se ponen todos.
Es una cosa muy secundaria, así que no pasa nada.
Yo creo que una cosa que sí que estaría bien es el hecho de que hay como cosas muy diferentes
que son muy similares.
Por ejemplo, esto es un botón.
Y el botón, el radius, es así.
Aquí es otro botón, pero el radius es así.
Esto es otro botón y esto tiene un borde que se supone que debería ser este.
Y esto, claro, esto es más parecido al borde este.
Algunas cositas se pueden confundir un poco, pero la verdad es que me gusta.
Es verdad que también esto se ve un poco...
Se ve como muy poco, le falta mejor un poquito de contraste.
Pero me gusta en general.
Se ve muy elegante.
Es azul en los textos no es accesible.
Sí, yo creo que este azul seguramente te va a decir aquí.
Aquí.
Te va a decir que no.
A ver, es que esto al final es jugar hasta que lo tengas en verde.
¿Vale?
A ver ahora que está en verde.
Y ahora te vas a dar cuenta que se ve mucho mejor.
Así que es cuestión de ponerte a jugar con estas cositas y ya está.
Y por lo demás, yo lo que sí que arreglaría es lo de la parte de arriba.
No sé si tienes años de experiencia, si has trabajado en algún proyecto.
Porque yo lo pondría, ¿eh?
Pero por lo demás, está chulo.
Me gusta.
Me gusta en general.
Y además, es diferente.
Que no hemos visto nada así similar.
Así que, muy bien.
Y etás, te has llevado buena nota.
Así que ahí lo tienes, Diego.
Muy bien.
Felicidades.
Cristiano.
Ojo.
Cristian.
Pero Cristian, si este es el portfolio que hemos dicho nosotros.
Más tres años, experiencia, ingeniero y tal.
Especialidad en crear soluciones web robustas.
Escribo artículos sobre pronunciación.
Escribo artículos sobre pronunciación.
Esto parece muy poco importante, ¿eh?
Aquí los botones.
Yo creo que, además, fíjate que aquí se ha colado el hover.
Se cuela, ¿eh?
Yo pasaría de esto de artículos y tal.
De hecho, este es el que hemos hecho aquí, ¿eh?
Parecido.
Se ha adaptado un poquito.
Pero yo, yo, esto de escribir artículos de pronunciación me parece como muy general.
Aquí los artículos, no sé, a lo mejor los presentaría de otra forma y ya está.
Y luego aquí es que hay como un hueco un poco raro.
Este hueco aquí sobre todo, ¿sabes?
Es como que esos botones como que tienen demasiados.
Experiencia, experiencia.
Y está aquí la experiencia, si ya la vemos la experiencia.
Ah, porque justamente aquí sí que tiene sentido.
Experiencia, programador, presente, bueno, tiene buena pinta.
Aquí estaría bien esto que estuviese centrado, ¿no?
O sea, esto centrado con esto.
Eso estaría mejor.
Proyectos.
Ah, mira, muy bien.
Están muy bien presentados.
Me gusta, me gusta como están presentados.
Me gusta.
Muy bien el hecho de hacer como un vento para el que quieras destacar más.
Pues está bastante chulo.
Me gusta.
Y están muy bien las imágenes, que es una cosa que os suele costar.
Y muy bien, ahí es sobre mí.
Soy Cristiano Norrego, ingeniero de sistemas.
Entre mis logros destaco el desarrollo y implementación de estándares de código y metodología de desarrollo.
Proyecto mensaje.
Comparto activos de veros sobre la acción.
Cuando compartes tu conocimiento, mi hoja de vida.
Mira, hay el currículo aquí.
Bueno, y muy bien.
¿Ves?
Aquí los artículos, pues está de lujo.
Ah, mira.
Me gusta como está presentado esto.
Creo que es de la mejor forma que he visto presentadas las tecnologías en mucho tiempo.
Creo que te ha quedado muy bien, sinceramente.
Me da un poco de pena que no veo ni una mención a algo hay, algo hay del porfolio de mi DUDEP.
¿Sabes?
Es como decir, bueno, me he basado un poco.
Me hubiera hecho ilusión.
Pero lo entiendo, no pasa nada.
Está muy chulo, sinceramente.
Me gusta, me gusta.
Me gusta más la imagen esta que esta.
No sé si es mi sensación, no sé si es por el, no sé, pero me gusta más la de abajo.
No sé si le daría la vuelta.
Pero bueno, lo que sí que tienes que...
Ah, no.
Muy bien, que has puesto ahí la imagen.
Muy bien.
La imagen del porfolio anterior, ¿eh?
Del porfolio anterior.
Pero está bien, está bien.
Vamos a darle puntuaciones.
6, 7, 8...
El mío es demasiado básico.
Cool.
Por un porfolio típico, ¿qué recomiendas más?
Astro o Next?
Astro.
7,5, 7,9 de 10.
Bueno, joder, Cristian.
Buena, buena, ¿eh?
Muy bien, ¿eh?
Allen.
Allen se llama.
Ojo, el de Allen bastante diferente.
Hostia, Allen.
¿Pero estos son fuentes?
Hostia, no entiendo muy bien.
Any way of communication.
Tamago, Pixel...
Hostia, de tipografías.
Qué chula esta, tío.
Me encanta.
Tamago.
Hostia, ¿haces tipografías?
Digital designer work with typography, UI and code.
Hostia, qué chulo.
Son...
Oye, que me gusta mucho.
O sea, me gusta mucho, pero ¿sabes el problema que he tenido nada más entrar?
Que no me ha quedado claro qué haces.
Y eso...
No sé si tendrías que darle como la vuelta, ¿no?
De que al principio apareciese lo que haces.
Porque claro, es que piensa que lo primero que he visto es esto y me he quedado un poco...
Y pensaba que era una web de fuentes, tío.
Y he dicho, hostia.
Luego la he estado entendiendo mejor.
Que, por cierto, me gusta mucho.
Esta fuente me encanta, ¿eh?
Esta fuente de Pixel la tengo que utilizar porque me encanta.
Me hubiera gustado una presentación...
Aunque sea...
Me gusta mucho como está presentado, ¿eh?
Me encanta.
Me encanta todo como está presentado.
Pero no sé.
Claro, es que encima la about...
No sé.
A lo mejor solo con esta parte, a lo mejor, ¿eh?
Que tampoco te pido mucho.
Pero Alan Lobeiras, digital designer.
Y una cosa que ponga...
Creo typography.
Esta parte de aquí.
Arriba del todo, ¿sabes?
Como para decir...
Esto es lo que hago.
Y entonces luego...
Pues que aparezca lo de abajo.
Que me parece increíble.
Pero claro, me he quedado como más...
Esto es tu trabajo.
Pero no eres tú.
Y claro, como entrar en tu página es un poco...
Pero muy chulo, tío.
Hostia, esta página...
Esta está muy chula.
¿La has hecho tú?
Está guapísima, ¿eh?
Vamos a intentar...
Mira, te voy a decir una cosa.
Adiós Pongo por testigo.
Vamos a intentar colar esta fuente en el proyecto que vamos a hacer.
Si es gratuita.
Claro que no lo sé.
Vamos a ver.
Typography is part by Game Boy Classic Video Games.
Vamos a intentar...
Es que no lo sé.
Es que igual no es gratuita.
Es que igual no es gratuita.
Y hay que pagar una pasta.
Y claro, si hay que pagar una pasta, pues no tenemos dinero aquí para...
Eh...
Typography, 8-bit...
Es que está muy chula.
Nintendo...
¿Dónde se ve?
¡Ah!
Es de pago.
Es de pago.
Es de pago.
Es que claro, como no es un proyecto mío...
16 euros.
Bueno, tampoco es tan cara.
La puedo pagar.
La puedo pagar.
Es que normalmente...
Normalmente los pagos son bastante bestias.
No, 16 euros cuesta solo.
Ya lo intentaremos.
Porque me gusta mucho.
Además, sobre todo aquí, en pequeñito, me gusta mucho.
En grande creo que pierde.
Pero en pequeñito queda de lujo.
Soy Allen, te la dejo gratis.
No, hombre.
Soy Luis Arrieta.
Tú no eres Allen.
No me engañes.
Me encanta cuando vemos proyectos tan diferentes que tenemos aquí gente...
Oye, que no solo son programadores, que tenemos gente de UX, de tipografías, UI...
Y me parece increíble.
¿Qué nota le das a la página de Allen?
De 1 al 10.
8, 9, 10, 10, 16 euros, 9 y medio, 9, 8, 7, 9, 20...
6 porque no tiene jQuery.
Bueno, pero la verdad es que tampoco se ve que tenga mal rendimiento.
¿Con qué está hecha?
¡Hostia!
¿Qué es esto?
Que tiene aquí Web Components, tío.
Tiene Web Components.
Bueno, Custom Elements.
Como mínimo.
¿Has visto que tiene aquí elementos...
Me encanta.
Elementos inventados.
Luego, sí, o sea, me encanta que tiene Custom Elements.
Luego, todo Deep, ¿eh?
Una de dos.
O utilizas Custom Elements o Deep, ¿no?
No hay término medio.
Ah, bueno.
Aquí hay un app.
Aquí hay un app.
Bueno, bueno.
Está bien, está bien.
No, no, pues muy bien.
Muy interesante.
A ver cuánto ocupa esto.
A ver cómo le va la cosa.
Mucha fuente.
Bueno, tiene sentido porque tiene que agarrar fuentes.
Esta imagen...
Estas imágenes se tienen que mejorar, ¿eh?
Estas imágenes, tío.
Pero si esta imagen...
Esta imagen...
Es que, claro, el JPEG.
Estas imágenes, si las pasas en WebP, te ocupan la mitad.
El comentario del inicio te observan.
¿Cómo que me observan?
¿Qué comentario del inicio?
¿Qué comentario?
¿Qué, cabrón?
Me he ido a watching you.
Qué miedo.
Qué miedo.
O sea, eso es caído rápidamente a hacer el deploy, ¿eh?
¡Ojo!
Madre mía, pero es que cada vez estáis haciendo porfolios más chulos.
Pero ¿cómo los trabajáis, tío?
Es que sois la hostia.
Aarón, experiencia proyectos.
Bueno, a ver, Aarón.
Esto sí que es verdad.
Yo, personalmente, el fondo le falta...
O sea, le sobra un pelín de opacidad.
Pero un pelín.
Y luego, hay una cosa que a mí, personalmente, me parece un poco rara.
Que es, ¿por qué esto tiene un borde aquí y no lo tiene aquí?
Y claro, queda un poco raro.
No sé si es porque...
O sea, no sé.
Pasa algo raro ahí.
Ahí pasa algo extraño.
O sea, le falta algo...
O sea, es como que está bien la idea.
Me encanta esto.
Esto así como un dibujo.
Y esto así.
Está muy chulo.
Primero, el fondo tendría...
Molesta a veces con algunas letras.
Fíjate aquí que se mezcla con la M.
Y tiene demasiado peso.
Yo ahí creo que habría que bajarle un poquito, ¿eh?
Al pattern este, ¿ves?
La opacidad.
La bajas un...
Hostia.
¿Por qué?
¿Por qué?
¿Por qué?
A ver.
Vamos a poner aquí transparente.
No sé qué.
Puede ser que sea este.
Yo lo bajaría un pelín, ¿eh?
Para que no moleste tanto.
Si esto tiene un borde, aquí tendría que haber un borde.
Si no, quítale el borde.
Decídete.
Porque me parece un poco raro, ¿sabes?
Que en uno tiene un borde, en otro no tiene un borde.
Es un poco raro.
De hecho, aquí es que parece que está cortado, ¿sabes?
Porque esto lo tienes ahí a fuego.
Eso no puede estar a fuego.
Eso, en todo caso, lo que tendrías que hacer es ponerle un margen.
Esto no puede ir a fuego en justamente ahí, ¿no?
Esto, pues, quieras o no, margin...
Ay.
Esto lo vamos a poner aquí.
¿Vale?
Margin, margin, right, 4 píxeles.
¿Vale?
Pues no sé...
A lo mejor es que no se ve por beta saber qué motivo.
Pero bueno, yo qué sé.
Yo esto tendría que estar como máximo, un poco como el texto, ¿sabes?
Algo así.
Porque hay que tener espacio.
No sé por qué te pasa eso de la cosa esta.
Es que no sé.
A ver.
No, esto no es.
Entonces, ¿dónde está el borde ese?
Aquí estará el borde.
No sé dónde está ese borde.
No sé dónde aparece ese borde.
¿Veis?
Ahí sí que parece que debería estar.
Pero aquí no veo que esté el borde en ningún sitio.
Aquí el problema es este hueco, tío.
Aquí hay un hueco que podrías hacer las mudanzas, tío.
Es que aquí hay un huecazo, tío.
Es un huecazo muy brutal.
Ah, es una imagen.
Es una imagen eso.
Pues habría que arreglarlo.
Aquí hay un hueco muy bestia.
Aquí estás perdiendo una oportunidad impresionante.
¿Qué es lo que yo haría?
Yo lo que haría es esto hacerlo en horizontal.
Esto lo haces en horizontal.
Trayecto laboral.
Esta flecha en horizontal.
Dos años de experiencia en la derecha.
Y ya está.
Y ya lo tienes.
Y lo centras.
Y ya está.
Y ya lo tienes.
Es perfecto.
A ver.
Te lo puedo hacer pirata, ¿eh?
Dice, ahí pon las tecnologías.
No, no hace falta que pongan más cosas.
No se trata de que pongan más cosas.
Se trata...
De hecho, es que...
No sé por qué esto no lo tienes como flex direction row.
Ah, porque este es el del todo.
Ah, es que encima...
Es que ves, tienes esto aquí puesto a mano.
Y es un poco raro porque tienes dentro de la sección y lo tienes en flex todo.
Claro, esto no tiene sentido.
Esto tendrías que tenerlo todo envuelto con un header en todo caso.
A ver si soy capaz, porque claro, aquí esto con un header, ¿vale?
Este es H2, esto es la experiencia, esto lo metemos aquí.
Y este header es el que habría que poner algo así, ¿vale?
El flex así.
Lo voy a hacer un poco mal porque es que si no, no me da la vida.
Pero para que nos hagamos un poco la idea de lo que podría ser una idea.
Rotate 15 grados, ¿vale?
Bajamos algo así, no sé, algo así.
Y así esto, esto...
Vamos a ponerlo un poco así, ta, ta, ta...
Esto así, esto así...
Un poco la idea, ¿eh?
Un poco la idea.
Tampoco nos va a dar la vida para hacerlo bien.
Pero, al menos, ¿vale?
Y esto...
Margin cero auto...
Esta podría ser una idea, ¿vale?
Más, oye, este trayecto laboral, dos años de experiencia
y aquí ya te estoy hablando todo el tema de la experiencia laboral.
En lugar de dejar todo el hueco este, ¿no?
Que es que queda muy raro el trayecto laboral aquí y aquí todo este hueco, ¿no?
Bueno, pues al menos, incluso ahora con esto,
lo que puedes hacer es darle un poquito de espacio hacia arriba,
pero un espacio que es más de separación, no de lo otro.
¿Ok?
Algo...
Hostia, este no me lo está haciendo.
Margin, bottom, 100...
Pues algo así.
Algo más así.
Esta es mi opinión, ¿eh?
Mi opinión, que puedo estar equivocado.
Pero yo creo que tiene más sentido porque, además,
estamos más acostumbrados a leer así.
Porque te queda...
O incluso puedes jugar un poco con que no sea cierta posición horizontal,
sino que sea un poco como has hecho esto,
que está un poco por arriba,
pero que sea más en horizontal, ¿vale?
Que no así.
Y nada, por lo demás, me parece muy interesante.
Está muy chulo.
La verdad, muy buena idea.
Lo único que se me escapa alguna cosa...
Por ejemplo, este header que de repente se pasa blanco.
Yo creo que estaría bien que tuviese el efecto de animación
para que no fuese tan pum, ¿no?
Que queda en blanco y de repente ya oculta lo que hay detrás.
Bueno, eso ya con animaciones CSS del scroll que habéis visto,
ya lo hemos hecho.
Puntuaciones.
Venga, puntuaciones.
Verifica el responsive.
Bueno, no está mal el responsive.
Está bastante bien.
4, 5, 7, 8, 9...
Joder, hay de todo, ¿eh?
9, 8, 7, 8...
Parece el número de teléfono móvil de alguien, ¿eh?
5, 4...
Hay gente que no me gusta tanto.
¿Vale?
Transparente y con blur el header, ¿vale?
9, porque no te agarró el escroto.
Importante que no me agarren el scrollto.
El scrollto.
Muy bien, Aarón.
Pues ahí lo tienes.
Oye, acuérdate de arreglar el título, la descripción, ¿vale?
Importantes.
Monoalt.
Siempre aprendiendo nuevos paradigmas y tecnologías
para aplicar la solución correcta en el sitio correcto.
Qué bonita la frase.
Book Exterminator.
Madre mía.
Madre mía.
Te falta el text graph balance aquí.
Que yo creo que te hace que te quede mejor.
Que no que te queden dos palabras ahí sueltas.
Vale, aquí...
Ojo, ojo.
Madre mía.
Aquí con el hover.
Hola, soy Carlos Aldosa.
Con un año de experiencia construyendo Yusef Renata.
Muy bien, ¿eh?
Me gusta el diseño.
Está muy bonito el diseño.
Ojo, jo, jo.
Y mira, fíjate aquí encima.
Cuando te pones encima, ese efecto...
Fium, fium.
Me gusta mucho como están presentados los...
Muy bien que hayas puesto la experiencia a lo primero.
Enhorabuena.
Muy bien.
Muy bien poniendo primero la experiencia.
Aunque lleves un año.
Esto es raro.
Esto no sé si es que te han despedido.
No sé si es que te han despedido y ya no estás trabajando de esto.
Puede ser.
Si estás trabajando todavía, pon que estás trabajando aquí.
Si no estás trabajando aquí, no sé si es que estás buscando otra cosa.
Pero claro, ahora me hace dudar.
Muy bonito, ¿eh?
Está muy, muy bonito como está presentado.
Está muy chulo.
Y está muy chulo en los proyectos.
Es una pena que, claro, por ejemplo, este...
La imagen es ridícula.
Es una pena.
Yo creo que aquí a lo mejor te podría quedar bien un estilo vento, ¿sabes?
Un estilo vento y que donde tengas una imagen lo hagas más grande.
Y donde vayas a mostrar solo el logo, pues lo hagas más pequeño.
A lo mejor no poner tanta separación.
De hecho, la separación esta es demasiado grande porque queda raro visualmente cuando
tú tienes dos columnas que esta separación no sea la misma.
No sé si a vosotros os pasa, ¿eh?
Pero si tú tienes esta separación aquí, debería ser la misma aquí y te va a quedar
mucho mejor.
Y cuando ya hagas el estilo vento, yo incluso lo que haría es eso, ¿no?
Que alguno valga el doble y todo esto.
Porque es que parece, si no, que son como dos cosas separadas.
Es como que me quieres decir que este a columna va de un estilo de proyectos y este va de
otro estilo de proyectos.
El stack, está muy bonito presentado.
Me gusta mucho el efecto que tiene la página, ¿eh?
Todos los derechos reservados, ¿eh?
Carlos Aldazosa tiene todos los derechos de todos los iconos.
O sea, como utilices el icono de Figma, vas a tener que pagarle royalties a Carlos.
Carlos ha comprado todos estos iconos, ¿vale?
Todos, todos.
Es que es el dueño.
Es el dueño de, vamos, de X, de LinkedIn, de GitHub, de todo.
De todo lo que ves.
No, pero está muy bonito.
Bueno, vamos a ver.
Puntuaciones de todos los derechos reservados que tiene Carlos.
Yo no sé por qué ponéis esas cosas.
Se os va la pinza con todos los derechos reservados.
Que no sois Steven Spielberg.
No estáis creando ahí vuestra obra magna, hombre.
Bueno, 9, 8, 9, 8, 9, 10, 7, 8, 8, 8 y medio, 7, 3.
Hostia, Quick, está cabreado.
3.
No le ha gustado lo de los derechos reservados porque seguramente ha utilizado el logo de
JavaScript en algún sitio.
Y claro, no sabía que era de Carlos.
¿Y ahora qué va a hacer?
Le va a tener que dar dinero a Carlos.
Equin Santos.
Transformando ideas en realidad a través de código limpio, soluciones innovadoras.
Joder, tíos.
Que os vendéis.
Que dan ganas de contrataros a todos.
Descargar, vale.
Aquí tenemos problemas porque, a ver, esta es la familia un poco bastarda de los iconos.
¿Qué pasa?
Instagram y Twitter y hasta GitHub parecen que son los buenos.
Y aquí la oveja negra.
Este LinkedIn se ha comido a uno de los hermanos y está más gordito, desalineado y no sé qué
le ha pasado.
Se ha tenido que comer, pues se habrá comido una red social.
Facebook se habrá comido, pero es que esto no es el logo de LinkedIn, tío.
Algo ha pasado ahí.
Aquí hay dos errores, ¿vale?
Dos errores que son muy comunes.
No son cosa tuya.
Aparte del alineamiento.
Un problema que podemos encontrar aquí es que no se hace esto.
No se hace esto.
Nunca se hace que el icono sea exactamente el anchor.
Porque, fíjate, la parte clicable es enana.
Son 16x16 píxeles.
Es ridículo.
Es muy poco.
Esto, de hecho, ya te digo yo que en Lighthouse se va a quejar.
Esto, en accesibilidad, ves practices y todo esto, aquí se te va a quejar.
Incluso en SEO.
Tened cuidado con esto.
Os voy a decir esto sobre todo para trabajo y tal, que es muy interesante.
En temas de SEO, esto puede penalizar bastante.
Y os puede penalizar el hecho de que no sea clicable.
De hecho, seguro que os lo va a decir por aquí.
¿No os lo va a decir?
Me extraña, ¿eh?
Me extraña.
Igual es un tema de performance, no lo sé.
Pero es raro que no te diga que esto no es clicable.
Es muy pequeñito y no es clicable.
16x es muy pequeñito.
Entonces, lo que tenéis que hacer aquí es que el anchor lo hacéis más grande.
O sea, lo que hacéis aquí es decirle, oye, este el padding, pues le podéis un padding de 8px, por ejemplo.
Y luego este, este, es el que deberíais decirle que, yo que sé, 32x32px, ¿vale?
Por lo que sea.
No sé por qué me dice que no puede tener.
¿Por qué?
Ah, porque está en display inline.
Ay, que es un display inline.
Bueno, no pasa nada.
Pues este le vamos a subir un poquito más, ¿vale?
Y este también, un poquito más.
Claro, es que si subimos estos, entonces se rompe el otro.
Bueno, no pasa nada.
Vamos a arreglarlos.
Voy a ponerlo en píxeles porque no sé cuál es lo que tienes ahí de...
Vamos a poner 32 y 32px, 32 y 32 es demasiado, 24 y 24px, ¿vale?
Pues algo así.
Hostia, es que le pasa algo raro.
¿Por qué esto?
¿Por qué le pasa esto?
A ver.
Bueno, pues lo hacemos así.
Pero ves, al dejarle el padding, ahora lo que sea clicable también es la parte de arriba.
O sea, ya tienes un poquito más clicable.
No solo es ircono, sino que tienes un poquito más.
Entonces ya cuando te vas acercando es mucho más fácil clicarlo.
Además, justamente cuando luego se te hace más grande.
Para no dejarlo tan pequeñito, que si no, es que es enano.
Es que es ridículo.
Es que fíjate, que los he hecho un poquito más grandes.
Pero es que aquí es que todavía es enano.
O sea, tienes que hacer un poquito más grande.
Soy Winnie y mi pasión para la tecnología y el diseño me impulsa cada día.
Con el desarrollador web me he especializado en el fascinante mundo del frontend.
Madre mía.
Disfruto, es que es la leche.
Porque mi pasión de tecnología y la programación y el diseño me impulsa cada día.
Cada desarrollador me he especializado en el fascinante mundo del frontend.
Es que en muy poco espacio ya están como un montón de cosas que habéis dicho, ¿eh?
Es que soy casi poetas.
Casi poetas.
Yo, la verdad, si...
Es que a lo mejor no tienes experiencia.
Ay, qué bonita esta.
Esta está muy bonita.
Claro, a lo mejor no has trabajado en algún sitio.
Porque a lo mejor podrías empezar ya directamente...
Estoy trabajando con no sé qué, no sé cuánto.
Pero bueno, no pasa nada.
Es que como ya dices, como desarrollador web me he especializado en el fascinante mundo del frontend.
Es que ya has dicho que eres desarrollador web.
Es normal que te has especializado en el mundo del frontend.
A lo mejor puedes decir que te has especializado en, yo qué sé, en algún stack en concreto.
Eso es especializarte.
Pero claro, desarrollador web, espero que te has especializado en el frontend.
Disfruto desafiando los límites y explorando nuevas tecnologías para ofrecer soluciones creativas y efectivas.
Innovador, proactivo y con capacidad de diseñar, crear y mantener sitios web atractivos y interactivos.
Me ha dado todas las necesidades de equipo y me comprometo con los objetivos de trabajo establecidos.
Qué bonito esto porque esto es como la ficha ya de que quiere fichar, de que quiere trabajar.
Enfocado, comprender los usuarios, solucionar, vale, los proyectos.
Ah, mira, está bastante bien presentado esto de los...
Ah, me gusta, me gusta esto.
Mira, esto es nuevo, esto no lo habíamos visto en ningún sitio.
Las imágenes, muy bien, me ha gustado esta idea.
Muy bien, esto no me ha gustado tanto.
O sea, me gustan los tags, me gustan más los tags que los botones.
De hecho, los botones, este borde blanco...
A ver, te voy a decir algo polémico, que me sabe mal, pero se nota que hay partes de la UI que ha sacado de algún sitio
porque tiene una factura muy chula.
Por ejemplo, pues este del borde, también esta parte de aquí se nota que está muy chula.
Y hay otras que no están al nivel.
Por ejemplo, la car está muy chula, pero este botón está regulinchis.
Este botón está regulinchis, cuando haces el hover se aparecen ahí los bordes radius y todo esto.
Este botón está flojito porque entre el color, el tamaño de la fuente, que el borde radius es el mismo que el tag,
el borde blanco, aquí te falta padding, ¿sabes?
O sea, hay cosas que se nota que le falta y que todavía hay que trabajarlo mejor.
Yo creo que los botones no están mal, pero claro, es que como son igual que las etiquetas,
parecen, no sé, cuál es que es el botón, este o este, pues hay que dar una vuelta a eso.
Pero la idea está bien, ¿eh?
Está muy bien esto de los certificados, está súper bien presentado, me gusta mucho,
aunque esta parte no se ve.
Esto estaría chulo.
Puedes hacer que esto, pues sea como un tag de estos que has hecho aquí,
para que se pueda ver ahí a contraluz.
A través, código, aquí faltan acentos, así que échale un vistazo.
¡Nota! ¿Qué nota tenéis para Edwin?
¿Qué nota le deis a alguno de Edwin?
La tienda de guitarras y el planificador de gastos es de un curso que también hice.
Ah, mira, igual erais compañeros.
6, 8, 7, 7, 4, 3, 5, 5, 7, 7, 8, 7, 6, al menos no usa View.
Pero mira, la imagen me gusta bastante.
Es verdad que la imagen, esta parte es un poco rara, porque ves que, claro, no se difumina bien,
y esta parte sí que está mejor.
Igual que es una penita que esta parte no se vea mejor.
Buenas notas.
Y el quién, quién, esto te acento también, ¿eh?
¡Ojo! El gato con botas, no me lo puedo creer, el gato con botas, tío.
¿Jesús o llora?
Un poco lo mismo...
Hostia, no, tío, no pongas esto, Jesús.
No me jodas, tío.
Si no tienes experiencia, no pasa nada.
Pero no le vamos a decir a la gente, no experience y vamos a ponernos a llorar.
¿Qué es lo siguiente?
O sea, voy a poner aquí...
O sea, es que solo te falta poner aquí como una foto de una limonda de un mendigo o algo, tío.
No, hombre, no pasa nada.
Lo que tenemos que hacer es mostrar...
Pues quitamos lo de experiencia, mostramos lo que tenemos de proyectos y tal.
Yo creo, Jesús, que está todo demasiado encajao.
Esto está demasiado ahí metido en una caja, un poquito complicado.
Yo la veo un poco difícil de dónde tengo que darle, de moverme.
Aquí en proyectos, aquí se scrollea adentro.
Yo, muchas veces, es lo que os digo, hacer las cosas sencillas, no pasa nada.
Sacas esto, lo pones arriba, haces que sea con scroll, un ancho fijo.
Y es que te va a quedar mucho mejor.
A ver, Chess 0.15.
¡Ojo! Detallazo.
Media Player.
Esto está chulo, ¿eh?
A ver.
Esto está chulo, ¿eh?
Me ha gustado eso.
No pongas que no tienes experiencia.
¿No tienes experiencia?
Bueno, pues lo eliminamos y le damos más importancia a los proyectos que hemos hecho y ya está.
Y entonces, nada más entrar, pues enseñamos los proyectos y experiencia, pues ya tendremos experiencia.
Al final, nadie nace con experiencia.
Mr. Chris.
Desarrollador Frontend Creativo.
Bueno, pero ¿cuántos creativos tenemos últimamente aquí en la casa?
Tenemos un montón de gente creativa.
Cristian Herrera.
Desarrollador Frontend.
Contactar.
Hostia, la fuente es...
¡Ojo!
Hostia, pero el scroll va muy rápido.
Es cosa mía.
O sea, a ver...
Me estás tocando el scroll.
Me estás tocando el scrollto.
Me estás tocando el scrollto porque no es normal que haga un poco de scroll y me lleva al final de la página.
Yo creo que has tenido que tocar algo de scroll porque va acelerado el scroll.
Vale, sobre mí.
Comencé mi camino.
Me gusta que sea creativo y tal.
Me gusta este...
Hostia, esto que sale de las sombras da un poquito de cringe, ¿eh?
Pero nada, me gustan así algunas cositas como está mostrando proyectos, que se está jugando mucho con muchas cosas.
Fíjate que intento quedarme en un sitio.
Aquí parece ser que se ha quedado más o menos.
Pero ya en cuanto te mueves...
Es que se mueve mucho el scroll, tío.
Mucho movimiento.
Se mueve demasiado.
Hostia, y esto va con lag.
Va tarde el menú, ¿eh?
Está chulo, pero yo miraría lo del scroll.
Es que ya te digo, es que casi no lo muevo, tío.
Mira, tengo que ir como paso a paso y baja bastante.
Échale un vistazo.
Esta parte está bonita, ¿eh?
Y los proyectos...
Es que los proyectos...
Me cuesta quedarme en los proyectos, ¿eh?
Está chulo.
No sé, las fuentes no me terminan...
Como que esta fuente no me termina...
Que es de estas que están como escritas.
No me termina de encajar con esta fuente que es como más Terminator.
Esta quiero pensar que es la misma que esta.
Pero me parece que no, que es una tercera fuente, que es otra diferente.
Creo que esta es otra fuente.
Yo intentaría tener como menos fuentes y enfocarme en un estilo concreto, ¿vale?