Notas

Diego López
Permalink

¿Vosotros también empezáis poniendo la variable como const para luego cambiarla por let si hace falta?

Diego López
Permalink

Me apena que cada vez se use menos Firefox.

Bueno, realmente lo que me apena es que el monopolio del motor de render de webkit sea mayor.

¿Sabías que uno de los principales inversores de Firefox es precisamente Google? Lo hacen para evitar multas por monopolio.

Diego López
Permalink

Esto es lo que faltaba ya para que Windows terminara de matar a Linux.

Ahora si necesitas algo de Linux no necesitas ni istalarlo, desde Windows lo haces todo.

https://www.xataka.com/aplicaciones/ mama-me-ha-salido-linux-dentro-windows-10-hay-soporte-para-apps-linux-su-interfaz-grafica-fusion-se-completa


Por cierto cuando hablo de matar a Linux me refiero como sistema operativo con entorno gráfico para entornos domésticos. Obviamente Linux tiene mucha cuota de uso en servidores y móviles Android.

Diego López
Permalink

Se me ha ocurrido que molaría hacer un side project que sea un juego para la gente de los chats de Twitch.

La idea es que la gente pueda jugar poniendo comandos en el chat del stream, por lo que no puede ser un juego en tiempo real (hay varios segundos de retraso).


Quiero hacer algo que puedan poner los streamers en la pantalla y que no ocupe demasiado espacio por ejemplo 1400px x 200px o algo así.

Osea quiero algo que puedan poner de fondo, es decir, que la gente pueda prestarle atención o no, un añadido.

¿ideas?

Diego López
Permalink

Mirad que chula la web que se ha montado este estudiante. Existen muchas web que intentan imitar un entorno de escritorio, pero ésta la ha hecho una sola persona.

https://vivek9patel.github.io/


Por cierto, con las cosas que comparto no quiero desmotivar a nadie. Es normal pensar que nunca vais a llegar a hacer nada así, se llama síndrome del impostor

Con tiempo y dedicación podéis hacer cosas incluso mejores. Pensad en todo lo que habéis aprendido hasta ahora.


WTF me acabo de dar cuenta de que la página incluso es responsive.

Diego López
Permalink

A los lectores de #Alquimias ⚗️

Qué os está pareciendo la newsletter, agradezco feedback y críticas constructivas.

Gracias por leer mis correos todas las semanas.

Diego López
Permalink

🎂 ¡ Estamos de cumpleaños ! 🎂

El blog cumple 5 años ya, madre mía como pasa el tiempo.

💗 Gracias a todos por el apoyo que me dais año tras año.

Diego López
Permalink

Este año se ha puesto muy de moda, entre los que programan con VIM, un tema llamado Spaceduck 🔭🦆

🚀 A los que os gustan los temas oscuros con toques morados os va a flipar.

Han sacado un port del tema para el vscode por si os interesa.

https://github.com/ctrl-dlahr/spaced uck-vscode

Diego López
Permalink

Hace mucho tiempo creé este repo con recursos para aprender Angular en español.

Ya no programo en Angular y por eso no he metido recursos nuevos, pero las PR están abiertas para todo el que quiera contribuir.

https://github.com/Frostqui/angular- espanol

Diego López
Permalink

Pregunta para el maestro de PostCSS @nucliweb y ya de paso para todos.

Con SCSS me suelo crear un mixin para gestionar más cómodamente las media queries, es decir:

.example { color: red; @include tablet { color: blue; } }

¿Cómo gestionáis vosotros las media queries?


Mirando los plugins de PostCSS he encontrado este que permite poner breakpoints dentro de las propiedades:

https://github.com/dimitrinicolas/po stcss-inline-media

O incluso este de nesting que sería muy parecido a lo que hago en SCSS:

https://github.com/csstools/postcss- nesting


Pero ya que migro de SCSS a PostCSS me gustaría saber todas las opciones y cómo lo tienen montado los demás para saber si me conviene cambiar. Sobre todo quiero algo que sea cómodo de mantener.

Diego López
Permalink

Me da mucha pereza aprenderme los comandos de docker, por eso desde hace tiempo uso Kitematic. que es una GUI para docker.

Con un click puedes crear contenedores y mola porque puedes editar los puertos y ver los logs rápidamente.

https://kitematic.com/

Diego López
Permalink

Me acabo de fijar que en la pantalla de login de Google chat, debajo del input hay un checkbox pero en lugar de servir para recordar la sesión sirve para mostrar la contraseña que has escrito, ya me ha pasado varias veces de activarlo sin querer.

Diego López
Permalink

Newsletter de Alquimas lista para mañana! Voy a hablar de la historia y curiosidades del navegador web Firefox 🦊

Si quieres leerlo mañana te puedes apuntar aquí:

https://codingpotions.com/alquimias

Diego López
Permalink

¿Qué librería de gráficas es la que más se usa hoy en día?

Highcharts es la que más uso pero a veces no me convence del todo. D3 pinta muy potente pero no me convence que sea tan a bajo nivel.

Diego López
Permalink

Esta app me acaba de salvar la vida. Si vives en España y tienes el DNI electrónico (y aún conservas la clave) con un móvil con NFC puedes firmar electrónicamente los documentos sin necesidad de lector especial:

https://www.firmacontudnie.es/

Diego López
Permalink

Creo que lo que necesito hacer no se puede hacer pero pregunto por si acaso.

¿Existe alguna forma de hacer SSR de webcomponents? Necesito llamar a una API desde servidor para que se genere el HTML del webcomponent para luego en cliente hidratarlo.


Hay una cosa llamada serverPrefetch que me gusta mucho de Vue SSR. Cuando se hace el SSR, desde servidor se ejecuta esta función de los componentes para poder llamar a APIs internas. Una vez generado el HTML, en el lado cliente se hidrata, pero claro necesito webbcomponents.

Diego López
Permalink

Esta mañana he enviado este email de #Alquimias, ¿qué os ha parecido? ¿creéis que compensa hacer SSR para cuando no es necesario el SEO? Os leo.

https://cutt.ly/fcz4LIm

Diego López
Permalink

Mañana en la newsletter de Alquimias voy a hablar de SSR, que aunque parezca que solo son ventajas, también tiene su lado malo.

Ya sabes, si quieres recibir el email te puedes apuntar aquí:

https://codingpotions.com/alquimias

Diego López
Permalink

🤞 ¡Necesito vuestra ayuda!

He creado esta encuesta anónima sobre salarios en el sector de la programación.

Nunca os pido nada, pero esta vez necesito que responda cuantos más mejor. Si podéis, compartid la encuesta para que llegue a mucha gente.

👇 https://forms.gle/ergoy5KEf86BMcA5A


¡222 respuestas, gracias a todos!

Por cierto, no lo he dicho, pero voy a dejar abierta la encuesta una semana por si responde alguien más.

La idea es luego hacer un mini estudio de los datos en el blog. Publicaré además una hoja de cálculo con todas las respuestas.

Diego López
Permalink

¿Qué pasa con Chakra UI que de repente todo el mundo lo usa o lo quiere usar?


Yo el problema también que veo con estas modas es que si en unos meses cae en desuso porque empieza otra moda, luego es un proyecto que hay que mantener y te habrás olvidado de como funcionaba la librería.

Diego López
Permalink

Me acabo de dar cuenta de que en los README de Github han puesto este botón para desplegar un menú con las distintas secciones del README.

Diego López
Permalink

🎨 ¿Alguna vez has creído crear tu propio tema para el vscode?

Al parecer con esta herramienta puedes hacerlo sin tener que crear o tocar los ficheros a mano.

https://themes.vscode.on


Update: La URL está puesta mal, pongo la buena, gracias por avisar:

https://themes.vscode.one/

Diego López
Permalink

Llevo unas semanas probando esta extensión para navegador y muy contento.

Lo que hace es simplificar los estilos de Gmail, queda todo mucho más claro y más limpio sobre todo.

https://simpl.fyi/

Diego López
Permalink

Lo de poder editar tweets solo lo vería si puedes hacerlo en un periodo muy corto de tiempo.

Lo que mola de Twitter es que si ves un tweet sabes que está escrito por esa persona en ese momento.

Además, si pusiera que está editado te quedas con la duda de saber qué ponía antes.

Diego López
Permalink

📬 Mañana, en la newsletter de Alquimias, voy a hablar de APIs del navegador, de algunas incluso que por el momento son experimentales.

Si quieres recibir el correo te puedes apuntar aquí:

https://codingpotions.com/alquimias

Diego López
Permalink

El otro día estuve aprendiendo sobre los símbolos de Javascript y la verdad es que nunca los he usado ¿vosotros los habéis usado alguna vez?

Diego López
Permalink

¿Recomendáis algún canal de Youtube sobre desarrollo web y que sea interesante?

Me da igual que sea en inglés o en español, busco canales que aparte de lo básico, enseñen cosas más avanzadas.

También canales en los que se hagan livecodings, me gusta ver cómo programa la gente.


Yo así de primeras recomiendo:

@thecodingtrain Mucha programación creativa con p5js y matemáticas

https://www.youtube.com/thecodingtra in

@makigas Cursos gratis de back y front. Recomiendo el de Typescript y el de webcomponents.

https://www.youtube.com/makigas


@thecodingtrain @makigas @DevTipsShow Vídeos muy didácticos, sobre todo de Javascript.

https://www.youtube.com/c/DevTipsFor Designers

@lowleveljs Explicaciones de muy bajo nivel sobre funcionamiento interno de Javascript.

https://www.youtube.com/c/LowLevelJa vaScript/

@keyframers Canal muy bueno sobre animaciones web.

https://www.youtube.com/c/keyframers

Diego López
Permalink

😢 Quiero que vuelvan los avatares cuadrados, estoy harto de que siempre sean redondos en todas las webs.

Diego López
Permalink

Alquimias enviado desde hace unas horas. Comprobad que la he llegado al correo. Espero que os guste!

Diego López
Permalink

Es increíble que WordPress siga teniendo mucha presencia después de tantos años.

Igual que en el desarrollo web las tecnologías han cambiado mucho, esperaba que salieran otros CMS.

Creo que tiene que ver con que se sigue creando mucho contenido y divulgación para WordPress.

En respuesta a:

https://twitter.com/getmanfred/statu s/1370029746973782016

Diego López
Permalink

✨ Os presento mi nueva serie de artículos! Sortilegios, artículos en los que se explica paso a paso cómo crear mini proyectos.

📝 Empezamos creando un launchpad con Javascript y lo usamos de excusa para ver un par de cosas básicas de CSS Grid.

https://codingpotions.com/launchpad- javascript

Diego López
Permalink

Esta semana publico nuevo artículo en el blog y además empezamos una serie nueva de artículos!

Diego López
Permalink

Os recomiendo Clone Wars, un repo con un montón de clones de webs conocidas como Netflix, Spotify, Airbnb, etc.

La gente suele hacer clones de webs para practicar teniendo ya diseño y funcionalidad. La mayoría de veces sin base de datos ni backend.

https://github.com/GorvGoyl/Clone-Wa rs

Diego López
Permalink

Dolt, una base de datos SQL que puedes clonar, crear ramas, mergear, hacer push y pull como si se tratara de un repositorio de git.

Esto yo creo que puede molar mucho para hacer pruebas, poder separar entornos y demás sin tener que hacer migraciones.

https://github.com/dolthub/dolt

Diego López
Permalink

Estoy probando el modo oscuro de @gitlab y no me gusta, le falta color, es gris oscuro y ya.

El que más me gusta es el de Twitter porque es oscuro pero tiene un toque azulado.


@gitlab Foto para ilustrar

Diego López
Permalink

📪 En el email de Alquimias de mañana voy a hablar de monitores con 144 Hercios y de mi experiencia usando uno.

Si lo quieres recibir te puedes apuntar a la newsletter aquí:

https://codingpotions.com/alquimias

Diego López
Permalink

Una cosa que a mi no me gusta del frontend es que acabamos separándonos mucho del lenguaje original, es decir, hay que pasar por compiladores (.vue, .jsx, .ts, etc)

La mayoría de los que programan en back usan librerías pero casi nunca usan otro lenguaje que luego compile.

Diego López
Permalink

El otro día descubrí al gran @S4vitar que sabe muchísimo de ciberseguridad y hacking ético.

Aparte de ver cómo resuelve ejercicios de hacking, mola mucho el dominio que tiene con la shell y los comandos de Linux, se aprende mucho.

https://www.twitch.tv/videos/9321447 96

Diego López
Permalink

Bueno que, ¿habéis probado ya Vue 3?

En el trabajo todavía no hemos migrado y no tengo muchas ganas de hacerlo porque como os conté la sintaxis nueva de tener que crear el método setup() de momento no me gusta.

Diego López
Permalink

En menos de una hora empieza la conferencia de Vue Amsterdam @vuejsamsterdam

Hoy y mañana tenéis charlas muy interesantes. Os dejo link al programa:

https://vuejs.amsterdam/program

Diego López
Permalink

En su día @cbusquets hizo una encuesta sobre salarios en el sector de los diseñadores.

https://www.uifrommars.com/salarios- diseno-espana-2020/

¿Os gustaría que yo hiciera una encuesta pero para programadores? Pondría el resultado en el blog.

La idea es preguntar a todo el sector hispano, no solo a españoles.

Diego López
Permalink

Creo que nunca he creado un fichero .gitignore a mano.

Cuando tengo un proyecto sin gitignore me vengo a est página, escribo el nombre del lenguaje, o framework que esté usando y me saco el archivo .gitignore que necesito.

https://www.toptal.com/developers/gi tignore

Diego López
Permalink

Lo siento pero no me gustan los coches modernos en los que cada vez las pantallas del salpicadero son más grandes.

Lo peor es que no puedes controlar cosas sin tener que mirar a la pantalla y apuntar con el dedo, todo eso mientras conduces, me parece peligroso e innecesario.

Diego López
Permalink

¿Conocíais @hashnode? Te puedes crear tu propio blog completamente gratis y con dominio. A diferencia de http://dev.to o medium me mola porque cada blog es único, no es una página más de perfil con artículos.

https://hashnode.com

Diego López
Permalink

Hablando ayer del origen de la palabra a11y:

En respuesta a:

https://twitter.com/CodingPotions/st atus/1362465151924936710

Hoy me ha dado por investigar de dónde viene el nombre de ciertos lenguajes de programación.


Java antiguamente se llamaba Oak porque era el nombre de un tipo de árbol que había en el jardín de uno de los programadores. El problema es que Oak tenía marca registrada y tras un brainstorming decidieron llamarlo Java por la isla de Java.


El nombre de Python no es por las serpitentes, su creador se lo puso porque era fan de los Monty Python.


Javascript al principio se iba a llamar Mocha pero para aprovechar la popularidad de Java se usó un nombre parecido.


C se llama así porque ya existía un lenguaje llamado B y a su vez ya existía un lenguaje llamado A (Ada, creado por Ada Lovelace), uno de los primeros lenguajes de programación de la historia.


PHP viene de las siglas "Personal Home Page Construction Kit" y decidieron abreviarlo en las siglas PHP.


Kotlin, como pasa con Java, también tiene su nombre por unas islas, en concreto las islas de Kotlin en Rusia.

Diego López
Permalink

Con lo que mola la propiedad gap de flexbox y que no funcione en Safari ni IOS 😫

Hay que andar siempre con hacks de margins negativos en el contenedor para que funcione bien siempre.

Diego López
Permalink

Seguro que ya lo sabíais pero se usa a11y como abreviatura de accessibility por que la a y la y son la primera y la última letra de la palabra y 11 son las letras que hay en medio de estas dos letras.

Diego López
Permalink

La semana pasada, en Alquimias publiqúe este recurso y lo comparto también por aquí porque me ha resultado curioso.

Se llama Horcrux, y como en los Horrocrux de ⚡ Harry Potter, puedes dividir un fichero en varias partes, solo recuperable teniendo todas.

https://github.com/jesseduffield/hor crux

Diego López
Permalink

Pues sí, yo cada vez estoy más cansado de estos diseños flat de hoy en día todos inspirados en diseños de Dribble.

Se supone que cada web debería tener su propia personalidad y por culpa de las modas al final se tiende a hacer lo mismo de siempre.

En respuesta a:

https://twitter.com/wakefield00/stat us/1361374931993378818

Diego López
Permalink

Lo de las comunidades de programadores en Discord no me gusta del todo,

Cada uno tiene la suya, no está todo centralizado en un punto y tienes que andar cambiando de comunidad en comunidad para enterarte de todo.

Echo de menos algo tipo foro de antaño que sea común a todos.


Osea ¿cuántas comunidades puede haber en español sobre programación? Nadie lo sabe.

No hay un punto en común en el que estemos todos. Si ponen algo interesante en una comunidad en la que no estás te lo pierdes.

Diego López
Permalink

En la edición de Alquimias de mañana voy a hablar del hype. Si quieres que te llegue el correo estás a tiempo de apuntarte a la newsletter aquí:

https://codingpotions.com/alquimias