<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Beto Caballero</title>
    <description>The latest articles on DEV Community by Beto Caballero (@betocabadev).</description>
    <link>https://dev.to/betocabadev</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F656169%2Fc6c77866-7b31-4b79-9f3e-c317bd2ff9ac.jpg</url>
      <title>DEV Community: Beto Caballero</title>
      <link>https://dev.to/betocabadev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/betocabadev"/>
    <language>en</language>
    <item>
      <title>CSS Draw - Mario's Blue Shell</title>
      <dc:creator>Beto Caballero</dc:creator>
      <pubDate>Fri, 27 Aug 2021 06:21:06 +0000</pubDate>
      <link>https://dev.to/betocabadev/css-draw-mario-s-blue-shell-5bo1</link>
      <guid>https://dev.to/betocabadev/css-draw-mario-s-blue-shell-5bo1</guid>
      <description>&lt;p&gt;Esta vez tocó dibujar el Blue Shell de Mario por propuesta de @nelsoncode en el post anterior.&lt;/p&gt;

&lt;p&gt;No me extenderé mucho con la explicación, este dibujo si me hizo pensar y planear cómo iba a obtener un buen resultado sin utilizar vectores (svg).&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Destaco que es mi segundo intento dibujando con CSS, &lt;a href="https://dev.to/betocabadev/primer-intento-dibujando-con-css-mario-s-mushroom-powerup-323e"&gt;el primero&lt;/a&gt; salió bastante bien.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Comencé por hacer las figuras básicas y cuando llegué a los detalles me decidí por armar la textura del caparazón con un &lt;code&gt;clip-path&lt;/code&gt; y el borde con dos elementos que la verdad me sorprendieron en su figura final.&lt;/p&gt;

&lt;p&gt;Espero que puedan explorar un poco el código CSS y están invitados a intentarlo, mismas reglas 😉 mucha suerte y gracias por leerme.&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/betocabadev/embed/VwbJYdy?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>css</category>
      <category>spanish</category>
    </item>
    <item>
      <title>Primer intento Dibujando con CSS - Mario's Mushroom PowerUp</title>
      <dc:creator>Beto Caballero</dc:creator>
      <pubDate>Fri, 13 Aug 2021 06:48:26 +0000</pubDate>
      <link>https://dev.to/betocabadev/primer-intento-dibujando-con-css-mario-s-mushroom-powerup-323e</link>
      <guid>https://dev.to/betocabadev/primer-intento-dibujando-con-css-mario-s-mushroom-powerup-323e</guid>
      <description>&lt;p&gt;Es mi primera vez intentando dibujar con CSS, la verdad me sorprendí con el resultado. Siempre que veía a los desarrolladores que publicaban sus dibujos hechos con HTML y CSS me decía a mi mismo "Woow, espero algún día poder hacer dibujos así de buenos con CSS" y pues hoy me animé.&lt;/p&gt;

&lt;p&gt;Todo comenzó al estar revisando mis suscripciones en YouTube, encontré un video donde &lt;a class="mentioned-user" href="https://dev.to/midudev"&gt;@midudev&lt;/a&gt; estaba desarrollado un componente o app llamado &lt;a href="https://codi.link" rel="noopener noreferrer"&gt;codi.link&lt;/a&gt; que más que nada es para picar código de manera rápida (y si que es rápido) en fin, mientras la utilizaba se me ocurrió hacer este dibujo del honguito de Mario por curioso y cuando vi el resultado quede impactado (&lt;a href="https://codi.link/PGgyPkNTUyBEcmF3PC9oMj4NCjxwPk1hcmlvIEJyb3RoZXIncyBNdXNocm9vbSBQb3dlciBVcDwvcD4NCjxkaXYgY2xhc3M9Im11c2hyb29tIj4NCiAgICA8ZGl2IGNsYXNzPSJtdXNocm9vbS10b3AiPg0KICAgICAgICA8ZGl2IGNsYXNzPSJtdXNocm9vbS10b3AtbWFyayI+PC9kaXY+DQogICAgPC9kaXY+DQogICAgPGRpdiBjbGFzcz0ibXVzaHJvb20tYm90dG9tIj48L2Rpdj4NCjwvZGl2Pg==%7CKnsNCiAgICBtYXJnaW46MDsNCiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94Ow0KfQ0KDQpib2R5ew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgZmxleC1mbG93OiBjb2x1bW47DQogICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICB3aWR0aDogMTAwdnc7DQogICAgaGVpZ2h0OiAxMDB2aDsNCiAgICBmb250LWZhbWlseTogSGVsdmV0aWNhLCBzYW5zLXNlcmlmOw0KICAgIGNvbG9yOiAjMWExYTFhOw0KfQ0KDQpwew0KICAgIG1hcmdpbi1ib3R0b206IDIuNXJlbTsNCn0NCg0KLm11c2hyb29tew0KICAgIGRpc3BsYXk6IGJsb2NrOw0KICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICBmaWx0ZXI6IGRyb3Atc2hhZG93KDAgNHB4IDEycHggcmdiYSgwLDAsMCwuMikpOw0KICAgIHdpZHRoOiAxNTBweDsNCiAgICBoZWlnaHQ6IDE1MHB4Ow0KICB0cmFuc2Zvcm06IHNjYWxlKC44MCk7DQogIHRyYW5zZm9ybS1vcmlnaW46IGJvdHRvbTsNCiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIC4ycyBlYXNlLW91dDsNCiAgY3Vyc29yOiBwb2ludGVyOw0KfQ0KDQoubXVzaHJvb206aG92ZXJ7DQogIHRyYW5zZm9ybTogc2NhbGUoLjgzKTsNCn0NCg0KLm11c2hyb29tLnBvd2VyVXB7DQogIHRyYW5zZm9ybTogc2NhbGUoMSk7DQp9DQoNCi5tdXNocm9vbS5wb3dlclVwOmhvdmVyew0KICB0cmFuc2Zvcm06IHNjYWxlKC45Nyk7DQp9DQoNCi5tdXNocm9vbS10b3B7DQogICAgZGlzcGxheTogYmxvY2s7DQogICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgIHdpZHRoOiAxMDAlOw0KICAgIGhlaWdodDogOTAlOw0KICAgIGJhY2tncm91bmQtY29sb3I6ICNmNjE5MTk7DQogICAgLyogYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KHRvIGJvdHRvbSwgcmVkLCBkYXJrcmVkKTsgKi8NCiAgICBib3gtc2hhZG93OiBpbnNldCAtMTVweCAtMzBweCA2MHB4IHJnYmEoNTQsIDEwLCAxMCwgMC42KTsNCg0KICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA5NSUgMTIwJTsNCiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA5NSUgMTIwJTsNCiAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNjAlIDgwJTsNCiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiA2MCUgODAlOw0KDQogICAgb3ZlcmZsb3c6IGhpZGRlbjsNCn0NCg0KLm11c2hyb29tLXRvcC1tYXJrLCAubXVzaHJvb20tdG9wLW1hcms6OmJlZm9yZSwgLm11c2hyb29tLXRvcC1tYXJrOjphZnRlcnsNCiAgICB3aWR0aDogNTUlOw0KICAgIGhlaWdodDogNTclOw0KICAgIGJhY2tncm91bmQtY29sb3I6ICNmM2YyZTQ7DQogICAgYm94LXNoYWRvdzogaW5zZXQgLTVweCAtMTVweCAyMHB4IHJnYmEoMCwwLDAsLjE1KTsNCiAgICB6LWluZGV4OiAxMDsNCiAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgYm9yZGVyLXJhZGl1czogMTMwcHg7DQogICAgbGVmdDogNTAlOw0KICAgIHRvcDogNTAlOw0KICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC04MCUpOw0KfQ0KDQoubXVzaHJvb20tdG9wLW1hcms6OmJlZm9yZXsNCiAgICBjb250ZW50OiIiOw0KICAgIHdpZHRoOiA2MCU7DQogICAgaGVpZ2h0OiAxMDUlOw0KICAgIHRvcDogMjAlOw0KICAgIGxlZnQ6IC04NSU7DQogICAgdHJhbnNmb3JtOiBub25lOw0KfQ0KDQoubXVzaHJvb20tdG9wLW1hcms6OmFmdGVyew0KICAgIGNvbnRlbnQ6IiI7DQogICAgd2lkdGg6IDYwJTsNCiAgICBoZWlnaHQ6IDEwNSU7DQogICAgdG9wOiAyMCU7DQogICAgbGVmdDogYXV0bzsNCiAgICByaWdodDogLTg1JTsNCiAgICB0cmFuc2Zvcm06IG5vbmU7DQp9DQoNCi5tdXNocm9vbS1ib3R0b217DQogICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOw0KICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgcGFkZGluZy1ib3R0b206OCU7DQogICAgcGFkZGluZy1sZWZ0OiAyMCU7DQogICAgcGFkZGluZy1yaWdodDogMjAlOw0KICAgIGJhY2tncm91bmQtY29sb3I6ICNmMGRlOTU7DQogICAgd2lkdGg6IDY1JTsNCiAgICBoZWlnaHQ6IDM3LjUlOw0KICAgIG1hcmdpbjotMjQlIGF1dG8gMDsNCg0KICAgIGJveC1zaGFkb3c6DQogICAgICAgIGluc2V0IC0yMHB4IC0xNnB4IDZweCByZ2JhKDU4LCA0MywgMTksIDAuMSksDQogICAgICAgIGluc2V0IC0xMHB4IC0xNXB4IDE1cHggcmdiYSg1OCwgNDMsIDE5LC4zNSksDQogICAgICAgIGluc2V0IDAgNXB4IDVweCByZ2JhKDU4LCA0MywgMTksLjIpOw0KDQogICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDYwJSAzNSU7DQogICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNjAlIDM1JTsNCiAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNDAlIDgwJTsNCiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiA0MCUgODAlOw0KfQ0KDQoubXVzaHJvb20tYm90dG9tOjpiZWZvcmUsIC5tdXNocm9vbS1ib3R0b206OmFmdGVyew0KICAgIGNvbnRlbnQ6IiI7DQogICAgZGlzcGxheTogYmxvY2s7DQogICAgaGVpZ2h0OiA1MCU7DQogICAgd2lkdGg6IDIxJTsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsNCiAgICBib3gtc2hhZG93Og0KICAgICAgICBpbnNldCAwIC0xOHB4IDVweCByZ2JhKDAsMCwwLCAuOCksDQogICAgICAgIGluc2V0IDAgLTlweCA2cHggcmdiYSgwLDAsMCwuNiksDQogICAgICAgIGluc2V0IDAgMnB4IDRweCByZ2JhKDAsMCwwLC4zNSk7DQogICAgDQogICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDYwJSA0MCU7DQogICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNjAlIDQwJTsNCiAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNjAlIDQwJTsNCiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiA2MCUgNDAlOw0KfQ==%7CY29uc3QgbXVzaHJvb20gPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCcubXVzaHJvb20nKQ0KDQptdXNocm9vbS5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIGUgPT57DQogIG11c2hyb29tLmNsYXNzTGlzdC50b2dnbGUoJ3Bvd2VyVXAnKQ0KfSk=)" rel="noopener noreferrer"&gt;resultado en codi.link&lt;/a&gt;) pero cómo no pude guardarlo salvo por la posibilidad de compartir el enlace pues me pase a hacerlo en &lt;a href="https://codepen.io/betocabadev" rel="noopener noreferrer"&gt;codepen&lt;/a&gt; para guardarlo y comenzar a subir en un futuro.&lt;/p&gt;

&lt;p&gt;Las reglas serán sencillas, escoger un dibujo e intentar realizarlo con HTML y CSS sin ver tutoriales, de ser necesario documentación para llegar al mejor resultado posible.&lt;/p&gt;

&lt;p&gt;Espero les guste, aquí el código:&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/betocabadev/embed/poPYdaM?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>css</category>
    </item>
    <item>
      <title>Historia corta sobre mi lucha con el síndrome del impostor</title>
      <dc:creator>Beto Caballero</dc:creator>
      <pubDate>Sun, 11 Jul 2021 18:11:08 +0000</pubDate>
      <link>https://dev.to/betocabadev/historia-corta-sobre-mi-lucha-con-el-sindrome-del-impostor-4213</link>
      <guid>https://dev.to/betocabadev/historia-corta-sobre-mi-lucha-con-el-sindrome-del-impostor-4213</guid>
      <description>&lt;p&gt;Hola y bienvenido a mi primer post. Después de tantos años de pensar en escribir para la comunidad, me animé a publicar esto en Twitter y me gustó para un primer post. Les dejo mi pequeña historia de lucha contra el impostor.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8b15ckg318tzuikm7efo.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8b15ckg318tzuikm7efo.gif" alt="Impostor - Among Us" width="440" height="374"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Todo inició el año pasado, cuando mi pareja me motivó a trabajar en mi marca personal para poder migrar fuera del país, o conseguir un buen trabajo en mi profesión en un futuro. Obviamente que yo dije:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;"No, como crees, si yo no soy bueno en lo que hago"&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;(Les presento al impostor). Ella trató de convencerme de lo contrario y creo que me dejó incomodo porque comencé a creerle. Me enseñó a valorar mi trabajo y comencé a cobrar mejor (en un año dupliqué mis ingresos solo por su apoyo). Juntos comenzamos a planear un proyecto profesional a mediano plazo.&lt;/p&gt;

&lt;p&gt;En abril del 2021 adquirimos juntos una membresía anual en &lt;a href="https://platzi.com" rel="noopener noreferrer"&gt;Platzi&lt;/a&gt;. ¿Cómo me ayudó esto? Bueno, resulta que comencé a hacer los cursos básicos (porque pensaba que ni eso sabía bien) y ¡oh sorpresa! Me di cuenta que efectivamente era bueno, no el mejor, pero sí bueno. A la par de que llega esta plataforma a mi vida, me llaman de dos agencias más de publicidad y diseño para ofrecerme trabajos por proyecto. Mi pareja no dudó en tirarme una mirada de: &lt;em&gt;"Te dije que eras bueno".&lt;/em&gt; Y tal vez tenía razón.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffcrx0r49hcj5hd5ykxai.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffcrx0r49hcj5hd5ykxai.gif" alt="Told You - Oprah" width="350" height="200"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Continué con mis estudios en Platzi, comencé a diseñar mi portafolio como parte de un reto y a involucrarme con los compañeros en los grupos de discusión. Me ayudaron a aterrizar un diseño que me dejó conforme y me llenaba de orgullo. Algunos compañeros me comenzaron a hablar en privado y me di cuenta que incluso podía ayudarles a resolver dudas, lo cual me motivó de nuevo. Pero entre trabajo, familia y tratar de tener una vida, no terminé el reto y el impostor volvió a mí.&lt;/p&gt;

&lt;p&gt;Pero esta vez fue más fácil callar su voz que decía: "no eres bueno", "estás desactualizado", "solo sabes Wordpress", "no has aprendido nada", "no usas GitHub", "no sabes React", etc.&lt;/p&gt;

&lt;p&gt;En fin, seguí tratando de avanzar viendo videos que me dieran una motivación y escuchando a mi maravillosa compañera de vida que siempre me está apoyando. Entre toda mi búsqueda de motivación hoy de nuevo me sentí bien para continuar lo que había iniciado. Decidí que podía y tenía la capacidad.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fc8my2yv1r5k2oiv2uqlb.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fc8my2yv1r5k2oiv2uqlb.gif" alt="Do it, just do it" width="320" height="180"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Así que publiqué esto: &lt;a href="https://betocaballero.com" rel="noopener noreferrer"&gt;betocaballero.com&lt;/a&gt;. Se que no es la gran cosa ni el portafolio ideal y aún no muestra mis trabajos, pero ya es algo.&lt;/p&gt;

&lt;h2&gt;
  
  
  Mi conclusión
&lt;/h2&gt;

&lt;p&gt;Estoy muy seguro que el impostor nos ataca a todos los desarrolladores, pues siempre estamos buscando aprender lo que nos falta, mejorar en lo que somos malos y lograr la aprobación de otros. Pero olvidamos mirar atrás y revisar lo que ya sabemos, lo que ya hacemos bien. Olvidamos que hay habilidades blandas que no salen cada mes, trimestre o año y que son habilidades que nos hacen buenas personas, buenos amigos, buenos colegas de trabajo y eso también cuenta.&lt;/p&gt;

&lt;p&gt;Así que, relájate y no dejes de creer en ti, porque estás avanzando, a tu ritmo, pero avanzando. Por último, si sabes solucionar problemas no te preocupes por la tecnología que utilizas, no pienses que por no usar la más nueva o actualizada eres un fracaso.&lt;/p&gt;

&lt;p&gt;Si llegaste hasta acá y el mensaje te sirve &lt;strong&gt;¡genial!&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Una buena cachetada al impostor es hacer las cosas aunque pensemos que las hacemos mal. Al final, de los errores se aprende.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Próximamente el portafolio completo&lt;/em&gt; 😁&lt;/p&gt;

</description>
      <category>mentalhealth</category>
      <category>career</category>
      <category>advice</category>
      <category>spanish</category>
    </item>
  </channel>
</rss>
