<?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: Chuck!</title>
    <description>The latest articles on DEV Community by Chuck! (@chuck).</description>
    <link>https://dev.to/chuck</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%2F440518%2F69cf462e-a763-4f5e-815f-118a064e20b9.png</url>
      <title>DEV Community: Chuck!</title>
      <link>https://dev.to/chuck</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/chuck"/>
    <language>en</language>
    <item>
      <title>Esta edición he sacado un proyecto para iniciarse...</title>
      <dc:creator>Chuck!</dc:creator>
      <pubDate>Sat, 28 Oct 2023 23:32:13 +0000</pubDate>
      <link>https://dev.to/chuck/esta-edicion-he-sacado-un-proyecto-para-iniciarse-1mj3</link>
      <guid>https://dev.to/chuck/esta-edicion-he-sacado-un-proyecto-para-iniciarse-1mj3</guid>
      <description>&lt;p&gt;Cada Hacktoberfest echo un montón de tiempo buscando proyectos con issues abiertas donde echar una mano; y normalmente encuentro mucha tarea de relleno y muy poca en español, que tb es normal.&lt;/p&gt;

&lt;p&gt;Pues este año me he propuesto participar de otra manera, y he montado un pequeño proyecto sobre el que se pueda trabajar aún siendo principiante o simplemente poco tiempo.&lt;/p&gt;

&lt;h2&gt;
  
  
  Hola, Halloween
&lt;/h2&gt;

&lt;p&gt;He planteado &lt;a href="https://github.com/oneeyedman/hola-halloween"&gt;una pequeña cuenta atrás hasta Halloween&lt;/a&gt; en la que poder trabajar por mi cuenta y pequeñas tareas de mejora del proyecto en cuanto a organización o configuración, de manera que tengan un sentido y si a alguien le da cosica el tema de contribuir o de Git, pues que tenga algo facilito y manejero donde animarse.&lt;/p&gt;

&lt;p&gt;Planteo organización de carpetas, añadir un .gitignore o un .editorconfig, y el uso de un archivo humans.txt.&lt;/p&gt;

&lt;p&gt;Hasta ahora no ha sido una locura de participación, aunque ya van dos PR, DOH!&lt;/p&gt;

&lt;h3&gt;
  
  
  Bonus
&lt;/h3&gt;

&lt;p&gt;De la parte de maquetación de la &lt;a href="https://oneeyedman.github.io/hola-halloween/"&gt;landing del proyecto&lt;/a&gt; hice un vídeo del proceso en Twitch.&lt;/p&gt;

&lt;p&gt;&lt;iframe src="https://player.twitch.tv/?video=1951767052&amp;amp;parent=dev.to&amp;amp;autoplay=false" height="399" width="710"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  Y ahora, qué?
&lt;/h2&gt;

&lt;p&gt;Pues a día 29 ya no espero mucho más movimiento, aunque para el año que viene lo prepararé con tiempo, con más recámara de tareas y quizás de diseño o de perfiles menos técnicos.&lt;/p&gt;

&lt;p&gt;Me gustaría mantener un proyecto es español, y empezar a moverlo antes.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Qué tal ha ido tu Hacktoberfest?&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>hack23maintainer</category>
      <category>hacktoberfest</category>
      <category>beginners</category>
      <category>github</category>
    </item>
    <item>
      <title>Otro Hacktoberfest más</title>
      <dc:creator>Chuck!</dc:creator>
      <pubDate>Sat, 28 Oct 2023 20:17:31 +0000</pubDate>
      <link>https://dev.to/chuck/otro-hacktoberfest-mas-1afe</link>
      <guid>https://dev.to/chuck/otro-hacktoberfest-mas-1afe</guid>
      <description>&lt;p&gt;Otro año más estamos aquí, en octubre, picando código en abierto e intentando hacer las cosas un poco mejor.&lt;/p&gt;

&lt;p&gt;Hola, me llamo Chuck y si no llevo maquetando 25 años, no llevo ninguno :/&lt;/p&gt;

&lt;p&gt;Una de las cosas que más me mola del sector es que siempre hay alguien compartiendo lo que hace, y dando la oportunidad de contribuir y mejorarlo.&lt;/p&gt;

&lt;p&gt;Me gustaría decir que durante el año aporto suficiente a la comunidad, aunque la realidad es que lo hago cuando puedo y muchas veces son pequeñas cositas. Durante octubre, con la excusa del Hacktoberfest me gusta aprovechar para mejorar mi Starter kit para web.&lt;/p&gt;

&lt;p&gt;Si no lo conocéis, se llama &lt;a href="https://github.com/spacenomads/asteroids"&gt;Asteroids&lt;/a&gt; y lo llevo manteniendo un porrón.&lt;/p&gt;

&lt;p&gt;Empecé a picarlo en la aplicación de notas de mi teléfono por 2007 mientras esperaba un autobús en mitad de la nada para ir a un cliente. Cuando llegué a casa, lo pasé a PHP y me suena que lo llevaba en un usb hasta que en algún momento lo subí a Bitbucket.&lt;/p&gt;

&lt;p&gt;Con cada proyecto me buscaba el hueco para mejorarlo con lo aprendido según iba viendo que lo usaba. &lt;/p&gt;

&lt;p&gt;Aunque no lo tenía público en ningún sitio, mi intención era compartirlo porque a mi me solucionaba los desarrollos y pensé que igual a alguien más le haría el apaño.&lt;/p&gt;

&lt;p&gt;Primero creo que lo tuve alojado en Bitbucket, pero en privado, y más tarde, lo moví de PHP a un generador de estáticos con &lt;a href="https://gruntjs.com/"&gt;Grunt&lt;/a&gt; y Jade (el actual &lt;a href="https://pugjs.org/"&gt;PUG&lt;/a&gt;). &lt;/p&gt;

&lt;p&gt;Por aquél entonces no tenía en mente el concepto de "generador de estáticos", aunque lo fuese.&lt;/p&gt;

&lt;p&gt;De Grunt + PUG me moví a &lt;a href="https://gulpjs.com/"&gt;Gulp&lt;/a&gt; y luego a &lt;a href="https://ejs.co/"&gt;EJS&lt;/a&gt;.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Con Gulp llegó mi primera contribución a un proyecto de otros. Por aquel entonces la imagen de la bebida del logo tenía margen de mejora y recuerdo haberlo ajustado y lanzarles una &lt;a href="https://github.com/gulpjs/artwork/pull/5"&gt;PR&lt;/a&gt;.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;EJS funcionaba como un tiro, pero en algún momento descubrí &lt;a href="https://mozilla.github.io/nunjucks/"&gt;Nunjucks&lt;/a&gt;, y fue amor desde el minuto cero.&lt;/p&gt;

&lt;p&gt;Todo el objetivo de mi starter kit era tener una buena base para trabajar y aprender a gestionarme mis historias: datos externos, generación de HTML, procesado de SCSS... Lo que fuese necesitando, pero aprender a hacerlo yo.&lt;/p&gt;

&lt;p&gt;He estado usando este kit por +10 años en una forma u otra. Y cuando entré en &lt;a href="https://paradigmadigital.com"&gt;Paradigma&lt;/a&gt; descubrí &lt;a href="https://www.11ty.dev/"&gt;11ty&lt;/a&gt; que solucionaba de serie algunas cosas que me estaban costando y aceptaba Nunjucks. Actualicé mi &lt;a href="https://github.com/spacenomads/asteroids"&gt;Asteroids&lt;/a&gt; (aquí ya tenía nombre y logo) usando 11ty, le incluí el procesado de SCSS y JS, y mantuve algún rolli como el generar zip numerado con una última versión porque siempre hay un cliente que sigue currando así.&lt;/p&gt;

&lt;p&gt;En los últimos años he usado el Hacktoberfest para integrar lo que he ido aprendiendo durante el año y mantener vivo el proyecto. Me he ganado 3 camisetas, bastantes pegatinas y, bueno, el aprender y compartir.&lt;/p&gt;

&lt;p&gt;Si no lo conoces y haces proyectos web que no necesiten un framework de JS, sobre todo de producto, échale un ojo y me cuentas. Y si se te ocurre cómo mejorarlo... &lt;strong&gt;nos vemos el siguiente Hacktoberfest&lt;/strong&gt;? &lt;/p&gt;

&lt;p&gt;º-)&lt;/p&gt;

</description>
      <category>hack23contributor</category>
      <category>hacktoberfest</category>
      <category>staticsitegenerator</category>
      <category>eleventy</category>
    </item>
    <item>
      <title>Dear Mozilla, we have to talk…</title>
      <dc:creator>Chuck!</dc:creator>
      <pubDate>Sun, 20 Aug 2023 19:42:20 +0000</pubDate>
      <link>https://dev.to/chuck/dear-mozilla-we-have-to-talk-1ejd</link>
      <guid>https://dev.to/chuck/dear-mozilla-we-have-to-talk-1ejd</guid>
      <description>&lt;h2&gt;
  
  
  TL;DR
&lt;/h2&gt;

&lt;p&gt;I use &lt;strong&gt;&lt;a href="https://www.mozilla.org/en-US/firefox/developer/"&gt;Firefox Developer Edition&lt;/a&gt;&lt;/strong&gt; as my default browser, and it has amazing features, but lately it has become harder to maintain this conviction due to its &lt;strong&gt;poor performance and behavior&lt;/strong&gt;. And Mozilla, you can do something about it.&lt;/p&gt;




&lt;h2&gt;
  
  
  A cool browser
&lt;/h2&gt;

&lt;p&gt;I do want to use &lt;a href="https://www.apple.com/safari/"&gt;Safari&lt;/a&gt;. It's cool, it accepts the &lt;strong&gt;“theme-color” meta tag&lt;/strong&gt; and it's &lt;strong&gt;super fast&lt;/strong&gt;. Its interface looks good, and &lt;strong&gt;webpages look good in it too&lt;/strong&gt;. It integrates fine with macOS, so &lt;strong&gt;you can use your defined text replacement configuration&lt;/strong&gt;, too.&lt;/p&gt;

&lt;p&gt;Let's illustrate Safari's coolness with an image:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--xodUK75X--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/09zc1aw2ar9d1njwfy8k.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--xodUK75X--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/09zc1aw2ar9d1njwfy8k.jpg" alt='Front view of the screen of a MacBook Pro with a background of a jungle and a river in gray tones. In the background, without occupying the entire screen, the Safari window with an open post and you can see how integrating the "theme-color" meta tag makes the browser interface appear integrated with the white color of the page.' width="800" height="471"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Hi!
&lt;/h2&gt;

&lt;p&gt;Hi, &lt;strong&gt;my name is Carlos and I am a Front-end developer&lt;/strong&gt; at &lt;a href="https://paradigmadigital.com"&gt;Paradigma Digital&lt;/a&gt;. In my day-to-day life, I use Firefox as my default browser. I also use Chrome because &lt;strong&gt;Google Meet performs horribly in Firefox&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Back to my day-to-day life, I found &lt;strong&gt;Firefox Devtools have more interesting features&lt;/strong&gt; than the other browsers' Devtools, like the &lt;strong&gt;Style Editor&lt;/strong&gt; and the &lt;strong&gt;console multi-line editor mode&lt;/strong&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  The browser issue…
&lt;/h2&gt;

&lt;p&gt;I chose Firefox mainly because I lived through the times of IE (5, 6, 7, 8, 9) and &lt;strong&gt;I DO NOT want those times to come back&lt;/strong&gt;, but it looks like they are on their way!&lt;/p&gt;

&lt;p&gt;The problem with IE wasn't its performance or weird behavior from version/OS to version/OS. It was really about &lt;strong&gt;being used by more than 95% of the users&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Which browser has a similar user quota nowadays? Chrome! &lt;/p&gt;

&lt;p&gt;Chrome, Opera, Edge, Arc, Vivaldi.... &lt;strong&gt;they all are a Chromium based browsers&lt;/strong&gt;.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;👉 Please don't use Brave, its creator is a homophobic piece of sh*t.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Simply by changing from Opera (Chromium) to Firefox, I found myself &lt;strong&gt;writing more robust code thanks to its better support for standards&lt;/strong&gt; (HTML/CSS).&lt;/p&gt;

&lt;p&gt;Did you notice that many webapps/services &lt;strong&gt;perform poorly in non-chromium based browsers&lt;/strong&gt;? Or that their interfaces are broken? &lt;strong&gt;That's what happens when the majority of the developers use Chromium browsers&lt;/strong&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  The talk…
&lt;/h2&gt;

&lt;p&gt;Dear Mozilla, &lt;strong&gt;I DO know the reasons to use Firefox&lt;/strong&gt; instead of Safari, and of course, instead of any chromium based browser, I DO.&lt;/p&gt;

&lt;p&gt;But, Mozilla, you gotta pay more attention to your users and what they need. &lt;strong&gt;You have to help us to want to use your browser&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Every week I read one of your newsletters warning us about TikTok, Facebook, or any privacy-ill company doing plain evil stuff. &lt;strong&gt;Aren't you wasting energy in all the wrong places&lt;/strong&gt; instead of making &lt;strong&gt;a better browser&lt;/strong&gt;? One that works just fine and looks cool?&lt;/p&gt;

&lt;p&gt;Here are some ideas of &lt;strong&gt;features that I would like to see improved in Firefox&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;The Firefox Devtools are amazing and have better features than the rest of the Devtools panels, &lt;strong&gt;but they don't always work fine&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Accept the “theme-color” meta tags already&lt;/strong&gt;, for god sake!!!&lt;/li&gt;
&lt;li&gt;Every time you launch a new version, the current one &lt;strong&gt;stops working properly&lt;/strong&gt;. Fix this!&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;And if you find some time to spare, &lt;strong&gt;find a way to integrate really well with macOS&lt;/strong&gt;!&lt;/p&gt;

&lt;p&gt;Or not, I suppose continuing to do whatever you are doing right now will work just fine.&lt;/p&gt;

&lt;h2&gt;
  
  
  Let me know in the comments
&lt;/h2&gt;

&lt;p&gt;What is your default browser? Do you use more than one? In what cases? Why and for what reasons?&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;Credits&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;small&gt;Photo by &lt;a href="https://unsplash.com/@felipelabate?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText"&gt;Felipe Labate&lt;/a&gt; on &lt;a href="https://unsplash.com/photos/MeDMTl7Lna0?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText"&gt;Unsplash&lt;/a&gt;&lt;/small&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;small&gt;Mozilla logo by &lt;a href="https://www.mozilla.org/en-US/"&gt;Mozilla&lt;/a&gt;&lt;/small&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;small&gt;Macbook Pro device by &lt;a href="https://www.apple.com/safari/"&gt;Apple&lt;/a&gt;&lt;/small&gt;.&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>mozilla</category>
      <category>firefox</category>
      <category>improvementrequest</category>
      <category>webstandards</category>
    </item>
    <item>
      <title>Es lícito el uso de la IA?</title>
      <dc:creator>Chuck!</dc:creator>
      <pubDate>Thu, 17 Aug 2023 06:25:25 +0000</pubDate>
      <link>https://dev.to/chuck/es-licito-el-uso-de-la-ia-19nj</link>
      <guid>https://dev.to/chuck/es-licito-el-uso-de-la-ia-19nj</guid>
      <description>&lt;h2&gt;
  
  
  TL;DR
&lt;/h2&gt;

&lt;p&gt;¿De verdad estamos cómodes con el uso actual de las aplicaciones de IA sabiendo el origen de sus fuentes? ¿y con que le demos acceso al código de nuestros clientes?&lt;/p&gt;




&lt;p&gt;En una de tantas newsletters leía el otro día un pie de foto que decía “Imagen original de Xxxxxx Xxxxxx y DALL-E”. Y automáticamente pensé, original, original, todo lo original que puede ser una imagen generada a partir del &lt;strong&gt;trabajo no pagado, no cedido y no acreditado de mogollón de compañeres&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Hola, me llamo Carlos y soy maquetador en &lt;a href="https://paradigmadigital.com"&gt;Paradigma Digital&lt;/a&gt;. Quizás en nuestro campo estamos más cerca de ChatGPT o GitHub Copilot que de un DALL-E o un MidJourney, aunque el debate es el mismo. &lt;strong&gt;Sabiendo lo que sabemos, ¿podemos usarlas sin que se nos despeine la conciencia ni un poco?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;No quiero entrar en el avance que representa o si ayudan más o menos. Quiero centrarme en dos puntos de los que no estamos hablando: &lt;strong&gt;las fuentes&lt;/strong&gt; y el &lt;strong&gt;acceso al código&lt;/strong&gt; de nuestros proyectos.&lt;/p&gt;

&lt;h2&gt;
  
  
  Las Fuentes
&lt;/h2&gt;

&lt;p&gt;Estas aplicaciones se han entrenado con código que estaba disponible en internet pero que no se pensó con ese fin. Código detrás del cuál hay nombres y apellidos de compañeres del sector. Gente que en un momento decidió contar cómo había solucionado algo o respondió a dudas de otres.&lt;/p&gt;

&lt;p&gt;Y aunque tras esa &lt;strong&gt;buena intención de ayudar&lt;/strong&gt; podamos pensar que se justifica el uso para entrenar una IA, &lt;strong&gt;el caso de uso es totalmente diferente&lt;/strong&gt;: cuando encuentro una de estas soluciones en un StackOverflow (por poner un ejemplo), sé quién lo ha escrito. Se lo puedo agradecer, le puedo invitar a algo con una pequeña donación, ver otras cosas que hace y/o compartir su trabajo.&lt;/p&gt;

&lt;p&gt;Cuando un Copilot o un ChatGPT me sugiere un código no sé de quién o quiénes ha salido, &lt;strong&gt;lo que sé es cómo ha llegado allí&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Sin permiso.&lt;/li&gt;
&lt;li&gt;Sin autoría.&lt;/li&gt;
&lt;li&gt;Sin pagar.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Recordemos que estas aplicaciones son de una empresa privada que acepta tu pago al mes.&lt;/p&gt;

&lt;p&gt;Así que vuelvo a la pregunta del principio: &lt;strong&gt;sabiendo esto, ¿es lícito el uso de la IA?&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Acceso al código
&lt;/h2&gt;

&lt;p&gt;Otro problema, que no es menor, es el tratamiento que hacen estas empresas del código al que les damos acceso.&lt;/p&gt;

&lt;p&gt;Igual te levantas una mañana, comienzas a trabajar en tu tarea del proyecto y no piensas mucho en que &lt;strong&gt;tu empresa ha firmado un contrato con el cliente&lt;/strong&gt;. ¿Está dentro de ese contrato que la aplicación de IA que tienes integrada en tu editor tenga barra libre de código? De código, de credenciales, API Keys… ¿Estamos conformes con esto? ¿Y nuestros clientes también?&lt;/p&gt;

&lt;p&gt;¿En tu empresa se sabe cuántes compañeres tienen un Copilot o ChatGPT instalado en el editor? ¿O qué código se pega en un prompt de ChatGPT?&lt;/p&gt;

&lt;p&gt;Vuelvo a repetir que no quiero negar la utilidad, pero que la tenga, &lt;strong&gt;¿es justificación del uso?&lt;/strong&gt; ¿En cada caso?&lt;/p&gt;

&lt;h2&gt;
  
  
  Las preguntas…
&lt;/h2&gt;

&lt;p&gt;La IA no es algo abstracto. Detrás hay una &lt;strong&gt;empresa privada&lt;/strong&gt;, detrás hay &lt;strong&gt;código de nuestres compañeres obtenido sin permiso, sin acreditar y desde luego sin pagar por él&lt;/strong&gt;. Y no funcionan mágicamente en nuestro editor, en el que cargamos los proyectos.&lt;/p&gt;

&lt;p&gt;Al final creo que las preguntas nos las tenemos que hacer en nuestro contexto actual &lt;strong&gt;e intentar responderlas&lt;/strong&gt;:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Sabiendo que las fuentes son de nuestres propies compañeres y cómo han llegado, &lt;strong&gt;¿es lícito que usemos las aplicaciones de IA?&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Sabiendo que estamos dando acceso a código protegido, &lt;strong&gt;¿es lícito que usemos las aplicaciones de IA?&lt;/strong&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;¿Cuál es la posición de tu empresa con respecto a estas IA? ¿Y la tuya?&lt;/p&gt;




&lt;p&gt;&lt;small&gt;&lt;strong&gt;Créditos:&lt;/strong&gt; Foto de portada de &lt;a href="https://unsplash.com/@pheiskan?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText"&gt;Petri Heiskanen&lt;/a&gt; en &lt;a href="https://unsplash.com/photos/vqO_1fUCNxg?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText"&gt;Unsplash&lt;/a&gt;&lt;/small&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>privacy</category>
      <category>aisources</category>
      <category>discuss</category>
    </item>
  </channel>
</rss>
