Muy buenas tardes, ¿qué tal? Bienvenido, bienvenida, o ya se veis, voy a revisar webs y porfilos de la comunidad.
Gabriel H. Valles, programador web full stack, desarrollador web full stack.
Mira, un error muy común que cometéis constantemente en todos los porfolios es,
si pones un título encima, empezar la siguiente frase con el mismo título,
porque es como una oportunidad perdida.
Si aquí pones programador web full stack, no empieces la siguiente línea, desarrollador web full stack.
Pon experiencia en diseño y desarrollo de aplicaciones web utilizando tecnología frontend y backend,
que en realidad desarrollo de aplicaciones web utilizando tecnología frontend y backend
ya es la descripción también de programador web full stack.
Pero bueno, experto en crear soluciones interactivas y funcionales.
Yo casi, ¿sabes? Que intentaría quitar algunas cositas por aquí, ¿no?
Pues con experiencia en diseño, pues di más de cuatro años de experiencia
trabajando en empresas líderes del sector en diseño y desarrollo de aplicaciones.
Experto en crear soluciones interactivas y funcionales.
Pero no nos repitamos, no nos repitas.
Este tipo de hover es un poco polémico, ¿eh?
No hace falta que se muevan, o sea, que los otros pierdan.
Yo creo que es más importante que este se vea bien.
De hecho, yo los haría más grandes y no me gusta mucho que estén aquí a la derecha.
Yo casi que los pondría aquí abajo, ¿sabes?
O sea, tienes el contenido como muy separado y esto queda como muy...
Yo casi que los pondría aquí y los pondría más grandes.
Haz los iconos más grandes.
No sé por qué os dan las cosas que los iconos no sean grandes.
Hacedlos grandes, que no tengáis miedo.
Como desarrollador, mira, tercera vez que lo dices.
Mi historial demuestra el desarrollo de aplicaciones y tal, bla, bla, bla.
Vale, aquí le falta separación.
Esta separación es muy chiquitita.
Aquí le falta separación.
Y estas habilidades que esté a la derecha también queda raro.
Yo estas habilidades la pondría aquí, este título, más separación.
Y si hace falta, haces tres columnas y ya está.
Pero bueno, muy bien.
Kudos por haber utilizado párrafos.
Se agradece bastante y por no haber justificado el texto, ¿eh?
Me gusta en general, ¿eh?
El diseño está bastante chulo.
Mira, aquí, sin miedo al éxito, si tienes este pedazo de título aquí, como este subtítulo que le puedes aprovechar ahí, te da cosita.
Dale, dale caña.
Dale sin miedo, hombre.
Dale ahí.
Le pones aquí un Fonsai 24 o algo, ¿sabes?
A ver, no hace falta que sea tan grande como el otro, obviamente.
Pero, hombre, lo haces un poquito más grande.
Y este texto, pues igual, también.
A ver, tampoco nos pasemos.
Pero algo así, también, max width, porque necesitas así una separación.
Lo tienes como demasiado junto, ¿vale?
Lo tienes como demasiado junto.
Y esto también lo puedes separar un poquito, ¿sabes?
Lo puedes separar esto un poco de la explicación, 16 píxeles, una cosa así, ¿vale?
Y lo malo que tienes...
Pero ves que ya...
Fíjate en este.
Fíjate en este.
Que da vergüenza ahí ese espacio en blanco, macho, que cabe un cuerpo entero, tío.
Con todo el espacio que tienes, no puedes dejar esta separación aquí, que es muy ridícula.
Pues fíjate, más grande, más texto.
Rellena un poco más el texto.
Yo, ya que estás aquí, una aplicación de chat.
¿Qué aprendiste?
¿Qué tecnologías utilizaste?
¿Qué retos hubo?
Aprovecha, explica, ¿vale?
Más grande.
Porque aquí queda como muy tímido, ¿ok?
Mira, estos se presentan un poquito mejor.
Aquí sí que tiene sentido que sean pequeños, ¿vale?
Tiene sentido porque aquí, al final, quieras o no, pues bueno, está más pequeño, es información más secundaria.
No hay problema.
Pero muy bonito, ¿eh?
Me ha gustado, me ha gustado, me ha gustado, Gabriel.
Es polémico, pero yo una fotito, una fotito, aunque sea así, rollo avatar, aquí, ¿sabes?
Le puedes poner como rollo avatar, así.
Igual se lo puedes poner aquí, que estaría chulo.
Porque le da un toque.
Pero bueno, eso soy yo, ¿eh?
Vamos con Irene.
¡Hostia!
¡Cuánto neón, Irene!
Hostia, que tiene un botón para quitar el neón.
Me encanta, ¿eh?
Hola, me encanta desarrollo fronte, sobre todo React.
Mi camino en este campo ha sido mayormente autodidacta, lo que me ha permitido explorar y aprender.
La verdad es que es un portfolio que llama mucho la atención, ¿vale?
Porque no me lo hubiera esperado para nada así.
Siempre estoy en busca de nuevos desafíos y tal.
Portafolio.
Colección de webs y proyectos que no sé qué, no sé cuánto.
Ah, mira.
¡Ojo!
La verdad es que me gusta, o sea, es curioso.
Está diferente.
Está curioso.
Creo que quizás te podría quedar mejor un estilo vento, vento grit, intentando mantener el tema del neón.
¿Qué pasa?
Que aquí la información...
Primero es que el neón distrae mucho.
Entonces, a lo mejor el neón lo que sí que podrías hacer es hacerlo un poquito menos bestia, ¿no?
Por un lado.
Y luego, a lo mejor, como has intentado hacer estas cars que van quedando, esta página de vento grit está muy chula porque puedes pillar un montón de ideas de cómo hacer columnas con información y todo esto.
Y como además le falta una parte que sea como más visual de imágenes y tal, pues a lo mejor te puede servir encajarlo de esta forma, ¿no?
Más como con un vento que quedan bastante bonitos, que al final no queda ahí como un... como este portafolio, ¿no?
Que queda como demasiado a la izquierda y derecha.
Y así puedes destacar lo que tú quieras.
Esto es un poco raro porque se repite...
No sé, ¿esto va cambiando?
¿Por qué me da la sensación que a veces miro y hay como otras cosas?
¿No?
O sea, ahora...
A ver, ¿se quito esto?
Sí, cambian algunos.
O sea, esto es raro porque se repiten algunos logos.
Claro, me imagino que es porque hay estos dos, ¿no?
Que deben ser el mismo logo.
Pero eso es un poco raro.
Pero bueno, me parece curioso, Irene.
Solo que creo que podrías aprovechar mejor el espacio con el tema del vento y a lo mejor separar mejor cada cosa.
Por ejemplo, Irene Alcaide, Frontend Developer, ponerlo en una card, una descripción en otra card.
Y entonces así, ¿ves?
Puedes conseguir destacar más de una forma más separada, que está bastante chulo.
Y incluso puedes mantenerlo de neón, pero así creo que quedará más claro.
Porque si no tiene esto como demasiada información y de repente este solo tiene el logo de GitHub, ¿no?
Y de repente este como que tiene ahí unos iconos que no se terminan de entender.
Y a lo mejor lo que puedes hacer es que una card sea una captura de pantalla del mejor proyecto que hiciste.
Y entonces así lo harías todavía más llamativo.
Vale, vamos a ver la opinión de Chorian.
Vale, hello there, hola.
Ya empieza mal, Chorian.
Empieza mal.
Yo sé que te gusta tocarme el scroll, pero no me toques el scroll.
¿Qué pasa?
El tema es que cuando hago scroll, ¿veis?
Que hace cosas raras.
Eso es porque lo tiene preparado que cuando bajas el scroll ya cambia directamente el...
Cambia y va directamente a otro punto.
El tema del scroll es un tema de accesibilidad y es un poco rollo, fíjate, que funciona un poco raro porque justamente yo lo estoy tocando.
El scroll es muy complicado tocarlo porque además depende mucho de qué están utilizando para scrollear.
Separa los párrafos.
Hello there, 26 años, tal, tal, tal.
Haz esto un poquito más pequeño.
Por cierto, por cierto.
Mira, os voy a enseñar un truco.
Mirad, primero los párrafos, ¿vale?
Tienen que tener margin bottom, ¿vale?
Tienen que tener separación.
Todos los párrafos en esta vida tienen separación, ¿eh?
Todos, todos.
Obligatorio, ¿vale?
Obligatorio.
Si no es un párrafo es otra cosa.
Esto lo primero.
Lo segundo.
Esto yo le pondría un poquito más de...
Es que ya empieza a leerse mejor.
Cuanto menos ancho tiene, se va leyendo cada vez mejor, ¿sabes?
Cada vez se va leyendo un poquito mejor.
Yo creo que por aquí debe estar más o menos, a ver, más o menos debe estar la clave.
Sobre los 60, claro.
Aquí ya se lee.
Yo igualmente intentaría quitarle texto.
Pero una cosa que puedes hacer, si...
Lo voy a dejar como lo tenías, ¿eh?
Esto no lo recomiendo en vuestras casas, pero bueno, os voy a enseñar un truquillo.
Voy a enseñar un truquillo.
A ver qué os parece.
Esto por aquí, esto...
Claro, el problema que tiene aquí este figure, este figure que tiene aquí...
Esto es un SVG.
Es que este SVG ocupa más espacio del que debería.
Pero bueno, una cosa chula que puedes hacer aquí...
Que no digo que esto debas hacerlo en tu casa, ¿vale?
Pero yo lo voy a hacer mal.
Lo voy a hacer mal.
Ah, pues sí que lo tiene, ¿no?
O sea, porque veo aquí este SVG...
Ah, es que sí que lo tiene.
¿Ves?
Que tiene el shape outside.
Es que casi no se nota.
Casi no se nota.
Porque veis el shape outside este que veis aquí.
¿Veis que hace esto con el texto?
Claro, pero por el otro lado no se nota.
Pues ese es el truco que os voy a enseñar.
O sea, que ya lo tiene hecho.
Básicamente es que puedes hacer...
Es que no se nota casi.
Aquí casi no se nota.
Claro, yo igualmente como le quitaría esto...
Bueno, el shape outside lo que podéis hacer es que el texto detecte, ¿no?
O sea, que el contenido de la imagen sea una redonda realmente y el texto se adecue a esa redonda.
Lo cual es bastante interesante a veces cuando tienes una imagen al lado del texto.
Bueno, visto que tampoco se nota mucho, ¿vale?
Yo igual le bajaría al menos así, un poquito más de separación.
Aquí también los iconos los separaría un poquito más, ¿vale?
Que tampoco le pasa nada que se separen los iconos.
Que, bueno, lo voy a hacer mal, pero solo para que lo tengamos.
Una separación un poquito así.
Pero bueno, a ver.
No está mal el tema de la animación.
Eso me gusta.
Me gusta que esto lo estén enseñando así.
Estás súper bien que hayas puesto aquí el primero.
Hostia, subrayados rojos, evitadlos, ¿vale?
Subrayados rojos, cuidado, ¿vale?
Un subrayado rojo es muy difícil que os quede bien un subrayado rojo.
Normalmente, y que levante la mano quien le haya pasado, un subrayado rojo, la gente,
de alguna forma, lo identificamos como un error.
No pongamos subrayados rojos.
Además que no tiene sentido porque ten en cuenta que no hay rojo.
Si es que, mira, tienes aquí el azul, azul, azul.
No pongas subrayados rojos, ¿eh?
Tened cuidado.
Tened cuidado porque no sé por qué es una cosa que nos pasa que lo identificamos como un error.
Y de hecho lo he visto y he dicho, hostia, un error de ortografía.
Así que tened cuidado con eso y además que no aporta mucho en este sentido,
que esté subrayado de color rojo.
Yo creo que los proyectos los pondría aparte y los skills debajo.
Al revés, los proyectos son mucho más interesantes que los skills.
Y aquí sí que es verdad que me falta un poco.
Yo la verdad es que esto no veo que aporte tanto.
A lo mejor lo pondría todo ahí directo de una, ¿sabes?
Oye, soy desarrollador, soy Chorian y tal.
Porque empezar con un Hello There y tener que esperar que salga lo demás,
la gente no, yo creo que no lo va a ver.
Lo tenías en construcción, pero va pintando bien, ¿eh?
Las cosas como son.
Hola, Amidu, gracias por el feedback.
Hace un año hoy te presento mi proyecto personal,
un reemplazo al típico e-commerce que siempre se hace para los porfolios.
Ojo, ¿vale?
O sea, comida, chorizo, madre mía, madre mía.
Comida, chorizo y tal.
Para la cocina se llama.
Recetas de cocina colombianas.
Uy, uy, uy.
O sea, al darle click, ha tardado como mucho, ¿eh?
Ha tardado mucho.
El click como que tarda.
Mondongo.
Es una página muy sencillita, ¿eh?
Muy sencillita.
Este tipo de car, este tipo de car, a ver.
Best UX article how to create cars.
Hay una página, hay una...
Esta, mira.
Joder, lo he encontrado la primera.
Estas cars son más aburridas que comerte un guisante, ¿vale?
¿Por qué?
Título, dificultad intermedio, origen...
Es muy aburrido.
Lo que tienes que hacer es buscar una car que realmente esa información la muestre de otra forma.
Hay un montón, un montón de formas de cómo hacer esto.
Búscate algún artículo que te enseña cómo crear cars, pero la clave esta es que no simplemente muestres la información, sino que hagas que visualmente a la gente le interese.
O sea, cómo explicar a lo mejor la dificultad, que es fácil, sin necesidad de repetir en todos los sitios dificultad, fácil, dificultad, fácil.
O sea, tienes que conseguir una forma en la que la gente asocie fácilmente algo que aparece ahí y sepa que es...
Mira, te voy a poner un ejemplo.
Advengs.
No te voy a decir que este es el mejor ejemplo del mundo.
Yo tampoco soy diseñador, ¿vale?
Pero mira, aquí ves que pone fácil.
Pones fácil, no pones dificultad.
Fácil.
Pones fácil y ya lo asocias, que encima está en verdecito.
Toda la car está en verde también para que le haga una idea.
Y aquí está medio, ¿vale?
Y ya más o menos lo que estás haciendo es como, bueno, entre el color y tal, hay una definición.
Hay como un trato ahí, ¿no?
En el que estamos de alguna forma mostrándole que es más fácil, es más difícil según el color.
Pero no le repetimos todo el rato.
Dificultad, dificultad, dificultad.
Y aquí también, con la puntuación, le ponemos un iconito.
No le vamos a decir todo el rato, puntuación, puntuación.
Porque es que si no, así se está repitiendo todo el rato, se está repitiendo, se está repitiendo todo el rato.
Y luego, demasiado texto, ¿eh?
Demasiado, demasiado texto.
Imagínate esto.
Chuspidep.
Joder, chuspidep.
Bueno, chuspidep.
Empezamos más.
A ver, chuspidep.
Josep.
Cuando empezamos en una página web...
O sea, esta está graciosa, ¿vale?
Pero, cuando empiezas en una página web...
Mira, esto es un problema que muchas veces hacemos.
Pero una página web, ya a día de hoy, no puedes tener un botón de entrar.
No puedes tener un...
No queremos los usuarios, la gente, no queremos algo que nos pongan una barrera al contenido.
Y eso seguro que te pasa a ti cuando, por ejemplo, pues vas al New York Times.
Pues quiero leer este artículo.
Quiero leer este artículo.
Y te sale esto, ¿verdad?
¿A qué te da rabia?
A mí me da rabia.
Porque no queremos que nos pongan algo delante de lo que quiero ver.
Entonces, si yo quiero entrar a tu web y lo primero, ¿sabes?
Que ya me pones es...
Elijo un tema.
Lo voy a hacer.
Lo voy a hacer, ¿vale?
Pero aún así, ya me estás poniendo un paso.
Me estás alejando un paso a lo que quiero ver.
Imagínate que entras a YouTube y te dice...
Elige el tema.
No digas mendejadas, papito.
Pues no.
Primero, enséñame el contenido y ya decidiré yo el tema.
Lo que puedes hacer para no tener que elegir el tema es que puedas utilizar la Media Query
que detecta automáticamente cuál es la preferencia del usuario.
Media Query Dark Mode.
Tú podrías tener el Prefers Color Skin y detectar cuál es la que prefiere el usuario.
Y con esto ya sabes, vale, si el usuario prefiere el modo oscuro, pues le enseñas el modo oscuro.
Y ya está.
Y así, directo y a por todas.
Lo que me fascina en el desarrollo web es el desafío constante.
He adquirido habilidades de formato de datos, me apasiona crear interfaces de usuarios intuitivas,
desarrollar aplicaciones...
Bueno, muy bien, que no tiene falla de ortografía, lo cual se agradece bastante.
Está bonita la card, pero esto no tiene hover, como que es muy, muy, muy plana, ¿vale?
Y la sombrita, no pasa nada, le pasa a todo el mundo.
La sombrita es como muy bestia.
O sea, es como demasiada bestia.
Lo que te quedaría mejor con estas sombritas, de hecho, es que creo que le falta también
incluso un poquito de padding.
Lo que pasa es que me imagino que las alturas las tendrás puestas a mano.
O a mano, o...
Bueno, quiero pensar que ya se empuja.
A ver, vamos a ver.
Mira, lo primero, la sombrita.
Bueno, a ver.
Lo primero, la semántica.
Mira, la semántica.
Esto tendría que ser un article, ¿vale?
Una pieza de información que podría ser totalmente independiente.
Eso, un article.
Luego, la sombrita que has puesto aquí, que no sé qué, no sé cuánto.
No está mal, ¿vale?
No está mal, pero podríamos...
Hacer un poquito más.
Un poquito más.
Algo así.
Un poquito más, incluso podría ser...
Menos...
No.
Vale.
Un poquito menos...
Menos bestia.
Aquí, el tema de las imágenes es un poco polémico.
Queda un poco raro que tenga border radius, aquí border radius.
Pero bueno, eso lo dejo a tu gusto.
A lo mejor te puede gustar un poquito más.
Lo que sí que puedes hacer para crear un efecto así que tenga todavía más relevancia
es quitarle un poquito de oscuridad al fondo este.
Pero bueno, eso ya está.
Luego, esta fuente a mí me parece un poquito pequeña.
Demasiado pequeña.
Creo que le deberías dar un puntito más, no sé, un poquito más, ¿vale?
Para que sea un poquito más legible.
Y a lo mejor aquí, pues le podrías ganar un poquito también de, no sé, 1.1 rem.
Un poquito más de padding, ¿vale?
Y separar mejor esto que tienes aquí.
¿Ves?
Aquí yo le daría todavía más separación del texto a esto.
Esto lo puedes arreglar porque si...
Esto lo puedes alinear para que te quedes siempre abajo, ¿vale?
O sea, la separación que tienes aquí le puedes poner space between, space...
Everly, no, Everly no.
Space between, es que no sé por qué no lo empuja.
No lo empuja...
Ah, porque te falta el flex 1, ¿vale?
Tendrías que poner que esta parte...
Ahora no voy a ser capaz de arreglarlo, me parece.
Pero tendrías que poner que esta parte...
¿No?
Flex basis 1...
1...
No.
Ah, no lo voy a arreglar.
Ahora no lo voy a arreglar.
Pero es que a lo mejor esto no es display flex.
Pero esto puedes hacer que ocupe todo el espacio y que así te alinees esto siempre abajo, ¿vale?
Para que te lo ponga abajo.
Y esto...
Este project info, project description...
Mira, esto podría ser...
Bueno, este no es tan importante, pero esto lo podrías hacer también, ¿vale?
Y ya tendrías más semántico, menos dips, article, header, footer, ¿vale?
Más información ahí y ya lo tendrías.
Y un poquito menos oscuro...
O sea, es demasiado bestial la sombrita.
Y esta card, claro, queda raro, ¿no?
Porque si tú estás haciendo cards aquí que sean así, no sé por qué harías esto así, ¿no?
Entonces, yo creo que esta card tiene que ser igual a la otra.
Y en cambio, esto de haz clic para generar otra pregunta, a lo mejor lo puedes hacer fuera de la pregunta, ¿vale?
No que sea todo esto clicable.
A lo mejor esto lo puedes poner aquí en medio.
Y esto como si fuese un botón en lugar de hacer todo clicable.
Y ya está.
Pero bueno, esta parte sí que está un poco desángelada, también te digo.
Habría que echarle un vistazo aquí, ¿no?
Le falta un poquito de algo.
Le falta un poquito de algo.
Una imagen, una fotillo tuya.
De hecho, un avatar tuyo puede ser.
También el hover a lo mejor que llame más la atención.
Pero bueno, aparte del proyecto me gusta, ¿eh?
No está mal.
Me parece bien.
Hola, soy Marco Rubi, técnico en sistemas de redes, egresado de ingeniería en sistemas y redes.
Está bien la animación.
No me desagrada.
O sea, dentro de todas las que hemos visto, está bien.
Pero no sé si hace falta que se mueva todo.
O sea, todo.
Porque es que es todo.
A lo mejor se puede mover esto.
Pero también el menú que hay por aquí.
Todo.
Todo se mueve.
Entonces, quizá podría llamar mal la atención si moviéramos solo aquello que queremos destacar.
¿Vale?
Muy bien este efecto.
Me gusta mucho.
Efecto ese del fondo para abajo.
Sobre mí.
Marcos.
Dedicar al desarrollo web.
Previamente trabajé en shortos.
Se han enfocado en no sé qué, no sé cuánto y tal.
Bueno.
Aquí le...
Esta foto...
Un poco polémica.
Está bien la foto.
Pero, hostia, es que estas escaleras se ven tan chungas.
¿Sabes?
Y tú estás tan bonito.
¿Sabes?
Que tú estás muy fachero.
Y esas escaleras es como que necesitan una mopa para pasar.
Otra vez.
Máximo width.
¿Vale?
Porque esto, como puedes ver, es demasiado ancho.
Además, tal.
Así que max width.
¿Vale?
Un ancho máximo para que no se nos vaya para los lados.
De los 50 proyectos he seleccionado los más relevantes.
No son realizados con tutoriales de descargo web ni trabajos universitarios.
Ojo ahí, ¿eh?
Se ha pegado ahí un detallazo ahí.
¿Qué?
¿El que lo has hecho?
Vale.
Aquí hay problemas de contraste, claramente.
Esto le falta contraste.
No se ve bien el color.
Estoy convencido.
No me lo va a decir Google Chrome porque el color lo tienes con una variable.
Pero este color le falta contraste y el hover es un poco polémico.
La verdad es que el rojo que has utilizado aquí, que tampoco entiendo mucho el logo de Ruby que has dejado aquí,
es un poco polémico.
Y esta mezcla de azul que vaya el hover al rojo, hostia.
Y aquí, yo esto de...
Me imagino que has intentado hacer un efecto domino.
No hace falta.
Efectos domino en pastillas quedan muy raros.
Así que esto los hacemos todos del mismo color.
Y en todo caso, lo que hacemos aquí...
Ah, el Ruby es por su apellido que es Ruby.
Ah, vale.
Qué interesante.
Claro, tiene sentido.
Y aquí, pues un poco lo mismo, ¿no?
Desafío.
No desafío.
No es un estudio, no sé qué.
Pero está...
O sea, me gusta en general, pero es como que tienen algunas oportunidades perdidas.
Por ejemplo, el borde que tienes por aquí.
Que, por cierto, aquí...
¿Este borde?
¿Este borde?
¿Qué le pasa que...?
Ah, no.
Es una imagen.
Vale, vale.
Pensaba que el borde se metía para adentro.
El borde, por ejemplo, está como muy apagado.
No llama tanto la atención.
Entiendo que...
Creo que te has pasado ahí, ¿sabes?
Creo que te has pasado.
Por cierto, esto tiene que ser un article, ¿vale?
Article...
Ah, no, perdón.
He puesto article donde no era.
Esto tiene que ser un section.
Perdón.
Section.
Cada card, un article, ¿vale?
Mira, esto puede ser el header.
Perdón.
Header.
Date.
Esto, de hecho, hay una que se llama date.
¿Vale?
Date, MDN, HTML.
Ah, time, perdón.
Ya sabía que...
Hay un elemento HTML que se llama time, que representa un periodo específico en el tiempo.
Por si no lo sabíais.
Y que, además, acepta un atributo date time.
Y es bastante interesante.
Esto está bastante chulo.
Porque cuando te pones encima, te sale un tooltip.
O te debería salir un tooltip.
Que ahora no sé por qué no sale.
Pero te debería salir un tooltip.
Ahora no sale.
¿Por qué no sale el tooltip?
Debería salir un tooltip.
Y es un tema bastante importante de accesibilidad.
Pero hay un elemento en HTML que es time, con el date time.
Cuando te pones encima, ahora no sé por qué.
Pero cuando te pones encima, te debería aparecer toda la fecha.
Te aparece como toda la fecha.
Me imagino porque no está bien escrito.
Puede ser.
Porque, ¿ves?
Tienes que poner una cadena válida.
Y cuando pones una cadena válida, debería aparecerte...
Ah, no sé por qué no aparece.
Pero te debería aparecer un tooltip que te dice toda la...
Te dice día, no sé qué, no sé cuánto y tal.
Y estás chulo justamente por eso.
Y por temas de accesibilidad.
Entonces, not date, perdón, es time.
¿Vale?
Para que lo sepáis.
Que si tenéis que poner cualquier tema de tiempo, tenéis la etiqueta time y no es inventada.
Y lo que quería hacer era básicamente que aquí este borde que habías puesto...
Obviamente, el blanco es muy bestia.
Pero a partir del blanco, yo creo que ya podemos mover así, algo así, algo así.
Y yo creo que te quedaría algo mejor, algo un poco más así, ¿no?
O sea, ¿ves?
Esta sería la que tú tienes y algo un poco más vivo que defina mejor el contenido.
Es verdad, es verdad que los botones que has puesto aquí son un poco similares.
Pero bueno, yo en este caso no me parece tan bestia, ¿no?
Ver más, experiencia...
Yo creo que aquí yo lo dejaría todo a la izquierda.
No sé por qué te gusta tanto el dominó, ¿no?
De ir izquierda, derecha, izquierda, derecha.
Pero creo que en este caso tiene bastante sentido que esté todo alineado a la izquierda, ¿no?
El hecho de que un usuario que esté leyendo vaya a izquierda, derecha, ¿no?
Lea a la izquierda, a la derecha, a la izquierda, a la derecha...
Es raro.
Vamos a intentar que el contenido siempre siga a un orden, ¿vale?
Y entonces así lo dejaríamos siempre a la izquierda.
Fácil de escanear, sin necesidad de cambiar un poco el foco.
¿Ok?
Mi proceso, inicio...
Vale, repositorios...
Ah, mira, y hay diferentes temas.
Oye, detallazo esto, ¿eh?
Detallazo.
Una pena que casi no se ve y que tampoco cambia mucho.
La verdad es que lo de los temas...
Y aquí, ¿sabes qué pasa?
Os voy a contar una cosa.
El tema es, esto está bien para móvil,
pero cuando en desktop tenemos la oportunidad de enseñar todas las opciones
para facilitar la navegación, yo creo que sería interesante cambiar este tipo de menú
que aquí, tan bestia y tal, y a lo mejor, pues poner la navegación
para que puedan navegar la gente normal.
Cuando no hay espacio, oye, pues entonces sí, le hacemos el NAP y todo esto, ¿no?
Porque esto es una cosa que veo mucho, que a la gente le encanta poner el botón de menú,
pero es que el botón de menú es muy poco accesible en desktop
porque es muy pequeño y la gente, para que vea eso o para buscar el menú y tal,
la gente entiende mucho mejor lo típico.
O sea, si te vas a la página de Tesla, por ejemplo, la landing,
y tú quieres básicamente...
Mira, que hostia, Tesla landing sale...
Mira que sale aquí, mi dude.
Tú estás aquí, tú imagínate que para navegar...
Hostia, ¿qué ha pasado?
Vale, para navegar a las páginas y tal,
que todo esto que vemos aquí estuviese en esto, en esto, ¿sabes?
Y le dejamos siempre esto.
No tiene sentido, no estamos ayudando a la experiencia del usuario.
Pues, oye, cuando caben las opciones, se las ponemos.
Que quiere ir directamente a un vehículo, pam, ahí tienes el vehículo.
Que no aparece, bueno, pues menú, y le ponemos el menú y ya está.
Perfecto, ahí está, ¿vale?
Así que es lo que te diría Mr. Ruby.
Al final he entendido lo del logo.
¡Gracias!
¡Gracias!