mauro.ar*

Frase de la semana

2024-07-29T00:21:49+00:00

En una época de engaño universal decir la verdad es un acto revolucionario. George Orwell, escritor británico. </blockquote>

Weeklog 005

2024-07-28T23:26:06+00:00

Estos son los links que guarde para compartir esta semana con ustedes, que disfruten 😄.

Argentina Flag Color Codes</a> Los colores HTML de Argentina 🇦🇷.</li>
Adding Comments to Bear</a> Buen tutorial para agregar comentarios a tu blog en Bear.</li>
Open Color</a> Open Color, un buen recurso de esquema de colores para diseño UI</li>
iA Writer has three custom made writing fonts that are available for download</a> Tipografía oficial de la aplicación iAWriter, muy buena para descargar e instalar en tu equipo. La vengo utilizando hace un buen tiempo y es espectacular!!</li>
A Complete Guide To Dark Mode On The Web | CSS-Tricks</a> Muy buena guía para implementar el “modo oscuro” en tu sitio.</li>
Write Better CSS</a> Sencillos consejos y recordatorios para escribir de manera correcta tu código CSS.</li>
Generador de paletas de colores</a> Muy buena herramienta de Adobe para generar tu propia paleta de colores.</li> </ul>

La pelota no se mancha

2024-07-28T02:44:49+00:00

La semana pasada estuvo muy convulsionada por la gran controversia relacionada con los cánticos de los jugadores de la selección de fútbol de Argentina (en especial de Enzo Fernández) luego de ganar la Copa América 2024 y que algunos medios consideraron como racistas.

Tuvo mucho revuelo porque hasta el mismo presidente de Argentina se metió en medio, defendiendo a los jugadores, echando a un funcionario quien había solicitado que Messi y la AFA pidieran disculpas.

Personalmente, aunque no estoy a favor de estas expresiones, y reconozco que si uno escucha y analiza bien los cánticos obviamente que son ofensivas, siento que no son para tanto.

Digo que no son para tanto en esta región donde vivimos ,y donde el fútbol se vive a flor de piel, donde estos cántico forman parte del folclore popular, donde se mezclan pasión, sentimientos, recuerdos, y todo se desborda muy fácilmente. Obviamente a veces entre todo ese quilombo de cosas se dicen cosas que son un poco cuestionables pero que no reflejan necesariamente un racismo profundo.

Ojo que es importante reconocer también la diferencia entre un acto aislado de mal gusto y una actitud discriminatoria recurrente. No he visto que hayan tenido la misma actitud en otras celebraciones

Además aunque nada justifica tal conducta, convengamos que los franceses y otros países europeos no tuvieron reparos en denigrar a los jugadores y selecciones latinoamericanas, y siempre se ha visto esa actitud desde hace mucho tiempo.

Ojo, actualmente se están desarrollando los JJOO, justamente en Francia, y donde muchos de los atletas y equipos de la delegación argentina sufrieron la discriminación, abucheo y hostigamiento por parte del público local.

No se adonde llevará todo esto, capaz que se hable de este tema un tiempo más, pero luego pasará todo a segundo plano. Tampoco creo que se tomen medidas fuertes o ejemplificadores como muchos están promoviendo.

Lo que si está claro es que las diferencias culturales, las distintas idiosincracias, siempre van a hacer que surjan estos malos entendidos.

También hay que reconocer que los tiempos cambian y que se deben considerar los pensamientos, elecciones, susceptibilidades de los demás.

En otras palabras, vamos muchachos, aquí no pasó nada, y todo va a seguir como si nada.

Al final nunca viene mal un poco de circo para que se luzcan los payasos 🤡.

Salto de linea en Markdown

2024-07-27T17:07:48+00:00

El otro día estuve escribiendo algunos informes en Drafts</a>, la app que uso como inicio de escritura para todos mis trabajos.

Es un gran editor que se potencia con un sin fin de complementos y que simplifíca muchísimo las tareas que hago.

Pero el problema que tenía era que no entendía como manejaba los saltos de línea usando Markdown</a> como sintaxis.

Tenía entendido que para hacer un salto de línea debía dejar siempre una línea en blanco entre cada párrafo:

Línea 1

Línea 2

Y el resultado era:

Línea 1   </span></span>
	‏‎</span></span>
Línea 2</span></span></code></pre>
Pero a veces tenía que hacer algunas anotaciones sencillas, por ejemplo anotar precios de algunos productos:</p>
Producto 1 	        $ 100

Producto 2		$ 200

Producto 3		$ 300</p>
Pero a la hora de renderizar el archivo me aparecía esa simple lista en una sola línea:</p>
Producto 1 	$ 100 Producto 2 	$ 200 Producto 3 	$ 300</code></p>
Encontré por ahí varias opciones para el salto de línea, como usar la etiqueta html <br></code> o la barra invertida \</code> como acostumbran a usar algunos.</p>
Pero luego leyendo las mejores prácticas sobre el uso de Markdown</a> encontré la opción que me parece la mejor de todas, usar los dos espacios al final de cada línea.</p>
Párrafo.  (doble espacio)</code></p>
Con esto resolví el problema de las sencillas listas y ya habiéndome acostumbrado a su uso, aplicar dos espacios al final de cada párrafo, me aseguro de tener el salto de línea incluido, sin preocuparme al momento de renderizar el archivo y exportarlo a PDF u otros formatos.</p>



Rebeccapurple, un homenaje en tu CSS
2024-07-25T22:05:27+00:00
El otro día estaba repasando unos apuntes de CSS y haciendo algunos ejercicios como para pasar el rato y de pronto me di cuenta de que varios de los ejemplos que seguía tenian algo en particular; muchos usaban el color rebeccapurple (#663399)</a> como fondo o color de fuente.</p>
</p>
Al principio no le dí mucha importancia, hasta que me venció la curiosidad y empecé la búsqueda de porqué tenía ese nombre tan particular y encontré la triste historia detrás de tan bello nombre.</p>
Se trata de un homenaje a la hija de un reconocido diseñador web, Eric Meyer</a>, muy involucrado y ferviente promotor de los Estándares Web, especialmente en la rama de CSS, quién falleció por una enfermedad tan solo a la edad de 6 años.</p>
Aquí</a> puedes leer la historia  escrita por el mismo Eric en su blog.</p>


La IA, de enemiga a cómplice
2024-07-24T15:21:18+00:00
En estos últimos días estuve interactuando más con la IA, con la aplicación ChatGPT, que ahora puedo usar en la PC del laburo.</p>
También la tengo disponible con Copilot, que viene incluida en el paquete de Office para Empresas. Y desde ayer, mediante Whatsapp, con Meta IA.</p>
Ya la había usado anteriormente, pero solo para algunas pruebas chicas y muy sencillas. Pero estos días me surgió un problema en el laburo al importar archivos txt para analizarlos con Excel, y me acordé que sería una buena oportunidad para dejar que la IA me dé una mano.</p>
Luego de varios intentos y saber refinar las declaraciones y solicitudes que le hacía, obtuve una linda macro en Excel que me permite trabajar con archivos txt, aplicar filtros, ordenar registros y eliminar duplicados.</p>
Luego de analizar el código de la macro, me di cuenta de que si hubiera tenido que escribirla desde cero yo solo, con mi conocimiento limitado sobre el tema, me hubiera tomado una buena parte del mes para lograr esos resultados.</p>
Con la IA, me tomó solo una mañana refinar la macro para obtener los resultados deseados. Obviamente, lo que uno gana en tiempo, lo pierde en conocimiento y habilidades que uno deja de lado y que son fundamentales en la vida cotidiana, como la investigación, la lectura, la comprensión de conceptos, el análisis de errores y soluciones posibles... todo eso se pierde porque lo hace todo la IA.</p>
Pero a los fines prácticos, la IA va a estar acá un buen tiempo, así que hay que sacarle provecho, especialmente cuando hoy en día solo quieren ver resultados instantáneos.</p>
Así que no le temas a la IA, no es tu enemiga 😈, sino tu cómplice😎.</p>


Mi primer logro con Super Pang!
2024-07-19T00:06:54+00:00
Siempre me encantaron los videojuegos, pero los clásicos de arcade son algo muy especial que solo los de la vieja generación pudimos disfrutar a pleno.</p>
Uno de mis juegos favoritos en mi adolescencia era Super Pang!</strong> (lo sigue siendo 🤭), un juego que salió por los `90, donde con un arpón, tenías que romper burbujas hasta limpiar la pantalla. 1</a></sup></p>
</p>
Pasé horas en esa maquinita intentando ganar, aprender los trucos, recordar las estrategias que usaba para cada nivel. Día a día intentaba progresar y avanzar de nivel hasta llegar a la final, cosa que no había visto a nadie que pudiera hacerlo hasta ese momento, por lo menos en la sala de juegos del barrio a la que iba a darle generosamente todos mis ahorros al dueño de la sala 🤣.</p>
Pero si me acuerdo de la primera vez que llegué al último nivel, estaba en otra sala de juegos, en otro barrio, con gente totalmente desconocida, chicos de todas las edades.</p>
Ese día, la sala estaba a full, unos jugando SFII, otros Los Simpsons, Pac-Man, Bubble Bobble, Final Fight, ahhh que juegos.</p>
Y allí estaba yo empezando a jugar Super Pang!. La máquina estaba libre, solita ahí en medio de la sala, como si me estuviera esperando.</p>
Ya desde el primer nivel, sentí algo especial esa tarde, sentí que había llegado un buen momento.</p>
Y a medida que avanzaba, los pibes se empezaron a juntar para mirar la pantalla. Me sentía un poco nervioso, porque habían chicos mas grandes que yo, pero estaban absortos viendo por primera vez que alguien llegaba a los últimos niveles de ese juego.</p>
Fue ahí que me puse más nervioso todavía, los últimos niveles son lo peor, las burbujas se movían rapidísimo, perdí muchas vidas y pensé que no iba a llegar a la final.</p>
Pero logré llegar bien, con vidas suficientes. recuperé el ritmo y llegué por fin al último nivel. Las últimas burbujas se movían de manera impredecible, explosiones por todos lados que hacían saltar las burbujas de un lado a otro, haciendo difícil moverse sin ser tocado por una de ellas.</p>
Pero al fin, con algunos trucos y algunos extras disponibles (reloj, campo  protector) pude eliminar todas las burbujas.</p>
En se momento tenía 10 años, siempre fui tímido, y siempre caminaba con la mirada a gachas por ello. Pero ese día, luego de terminar el juego, ver a todos allí reunidos, las demás máquinas vacías y todos agolpados donde yo estaba jugando, y muchos sorprendidos por ver esa final por primera vez, fue una sensación inolvidable.</p>
Me fui de la sala de juegos sintiéndome invencible, orgulloso por lo obtenido. Para mi creo que fue el primer gran logro que me acuerdo tuve a esa edad.</p>
Pero bueno, ahora pienso también en otras cosas que pude conseguir con determinación y un poco de práctica. Si, se pueden lograr cosas increíbles que te hacen sentir invencible y esos momentos de triunfo son aún mejores cuando hay otros para celebrarlos con vos.</p>
Aqui el último nivel:</p>
</iframe>
Notas</h3>
^{1</sup>
No era tan complicado el juego, pero tenía sus dificultades y para la época eran un poco altas.</p>
</div>}


Weeklog 004
2024-07-14T16:05:36+00:00
Estos son los enlaces que guarde en los pasados días y que muestran un poco en lo que estuve ocupado.</p>
🌎 Weekly Links</h3>

Introducing Blot, a Bear Blog Theme</a> Uno de los tantos temas que hay disponibles para BearBlog. En este caso con el estilo de Material Design.</li>
Customizing GitHub Gists</a> Buen artículo explicando cómo modificar el estilo de los bloques de código de Gist. Una de las razones de usar Gist es tener una biblioteca de snippets y mantener actualizada la información y el código en todo momento.</li>
Gist Syntax Themes</a> Aqui algunas plantillas de CSS para aplicar distintos estilos a tus snippets de Gist.</li>
Free LUTs & LUTs Packs</a> Esta semana estuve retocando algunas fotos para agregar en la galería de fotos que acabo de incluir en el blog y necesitaba algunos presets o LUTs para usar con Photomator. Encontré varios LUTs gratuitos de ON1. Cumplen muy bien con lo que necesito. PD: Photomator tiene la herramienta de ML (Machine Learning) que también funciona muy bien.</em></li>
SnippetsLab 2.4.2 - Easy-to-use snippets management tool</a> Excelente aplicación para guardar y mantener organizados tus snippets de código. Permite vincular nuestra cuenta de Github para guardarlos en Gist. Excelente aplicaicón.</li>
From Passive Reading to Active Learning: The Blank Sheet Method</a> Pasando al área de la productividad, encontré este buen artículo con un buen método de aprendizaje. Lo puse en práctica y me dió buenos resultados, recuerdo más lo que escribo que lo que simplemente leo.</li>
Pingdom Tools</a> Excelente herramienta para testear la velocidad de un sitio, y analizar que elementos demoran en cargarse.</li>
ProNotes</a> Muy buena add-on para Apple Notes. Permite entre otras cosas, utilizar markdown para títulos, listas, formato de texto, etc.</li>
Grid</a> Excelente artóiculo sobre diseño responsivo con grid.</li>
Modern CSS Solutions</a> Colección de snippets para distintas situaciones aplicadas a CSS. Muy buen material para análisis.</li>
Color Library - Coolors</a> Herramienta para generar paletas de colores.</li>
</ul>


Galería de imágenes con grid
2024-07-13T00:56:02+00:00
Bueno, aqui pego el código de lo que agregué a la portada del blog: una galería de imágenes con un grid de 3 columnas, ah y es ==responsive==.</p>

mauro.ar*

Frase de la semana

Weeklog 005

La pelota no se mancha

Salto de linea en Markdown

Rebeccapurple, un homenaje en tu CSS

La IA, de enemiga a cómplice

Mi primer logro con Super Pang!

Notas</h3> 1</sup> No era tan complicado el juego, pero tenía sus dificultades y para la época eran un poco altas.</p> </div>

Weeklog 004

Galería de imágenes con grid

Notas</h3>
^{1</sup>
No era tan complicado el juego, pero tenía sus dificultades y para la época eran un poco altas.</p>
</div>}