DEV Community

loading...

A este "cacho carrrne" le gusta CSS - Bender (Futurama)

im_martreyz profile image Marta Rey ・2 min read

Tener 30 años y ser programadora front end, junior, sin experiencia laboral, y además una motivada en tus ratos libres se hace durillo, no nos vamos a engañar. Si no has pasado por esto, te cuento que la idea es pasarse todo el día haciendo cursos, aprendiendo cosas, perfeccionando skills y buenas prácticas y un largo etc mientras vas recibiendo descartes de procesos de selección.

Y ¡ojo! yo también he sido junior en mi profesión anterior antes de ser senior (vamos, lo normal), pero no es la misma sensación estar empezando en el mundo laboral que pegar un volantazo a mitad de camino. Con el volantazo tienes que sumar a los agobios y preocupaciones habituales de la búsqueda de empleo el síndrome del impostor, que es una movida , y que se encarga de hacerte sentir un fraude cada vez que tiene un ratillo, y recordarte que "algún día se darán cuenta de que eres una estafa".

Pues bien, yo al síndrome de impostor le doy en la cara con CSS. No es la primera vez que digo esto, pero es que es la verdad. Antes de ser "programadora impostora" ya era "dibujanta impostora" (que por cierto, era mucho más impostora como dibujanta y lo hacía con toda la normalidad del mundo, tendría que hacérmelo mirar). Total, que hacer dibujitos me entretiene, me relaja y mantiene mi foco en un lugar constructivo; y si los dibujitos se hacen en CSS y luego puedo añadirle animaciones, transiciones y JavaScript ya ni te cuento.

Por lo visto si a mi síndrome del impostor le sumas la emisión de Futurama en Disney+ y un fin de semana de lluvias y pandemias de por medio resulta esto:

Bender

En realidad hacer a Bender con CSS no ha sido demasiado complicado ya que es un personaje con líneas bastante claras y poquitos detalles, no obstante dejo aquí un cheat sheet que he hecho con las partes que me parecen más rebuscadas por si a alguien le apetece probarlo:

Bender cheat sheet

Este es el trabajo en Codepen donde también está todo el código, cualquier feedback (si es con amor :)) es bien recibido!:
https://codepen.io/martreyz/pen/vYgdzog

Escrito con -^. .^- por martreyz

Discussion (2)

pic
Editor guide
Collapse
sofisdev profile image
Sofia Sanchez Urbano

me encanta! a ver si saco tiempo y lo pruebo!

Collapse
im_martreyz profile image
Marta Rey Author

Gracias Sofía!! uhhh si lo pruebas avísame por favor!!!!