Mola mucho que por fin hayan liberado el código de la app.
Espero que esto sirva de precedente y cada vez más apps y webs públicas sean liberadas para que todos podamos contribuir para mejorar el sistema
En respuesta a:
Notas
Sinceramente, ya no creo que publique más artículos de Angular.
Ojo, sigo pesando que Angular es un magnífico framework, es solo que ya no lo uso a nivel profesional ni para mis sideprojects.
Si quieres seguir aprendiendo Angular os recomiendo mucho el canal de @domini_code.
Para los que hayáis programado con Nuxt, ¿a vosotros os gusta su sistema de routing?
Yo creo que prefiero el de Vue, de un vistazo en el fichero ves todas las rutas y no te haces un lío con las carpetas.
Iconos Eva, me gustan mucho, son bastante conocidos pero por si alguien no los conoce:
Lo dije hace tiempo y lo vuelvo a repetir.
Los que tengáis un blog en Medium os recomiendo que os paséis a @ThePracticalDev o que creéis el vuestro usando @gatsbyjs o @eleven_ty o con lo que prefiráis.
@ThePracticalDev @GatsbyJS @eleven_ty Para que os hagáis una idea, abrir un artículo normal en Medium tarda de media 2.5 segundos y en móvil más de 3 segundos, aparte de todo el javascript que baja cada vez.
Creo que los desarrolladores web merecemos una forma de poner meter transciones a elementos que tengan el width o el height puestos en auto.
Odio cuando hay que meter width o height fijos o cuando hay que usar "hacks" con los max height y max width.
Librería muy curiosa.
Permite crear letras 3D, me ha traaído recuerdos de los míticos wordarts. Lo bueno es que el texto es accesible ya que no usa svgs ni canvas.
Si os aburrís, tenéis a @girlazote hablando de programación y creando proyectos en Twitch:
¿En tu editor de código ¿usas fuentes con ligaduras?
Con fuentes con ligaduras me refiero a unas fuentes que se han puesto de moda que "juntan" ciertos símbolos. Como hace la fuente de FiraCode por ejemplo. 
Yo las ligaduras las tengo desactivadas (en el vscode hay una opción para ello). En lugar de ayudar me lia más, prefiero los caracteres separados.
#TIL Otra cosa que he aprendido hoy:
En Chrome, si tienes un input de tipo file (para adjuntar ficheros), si adjuntas un fichero y vuelves a adjuntar el mismo no se ejecuta el evento, pero en firefox si.
Si quieres que se ejecute tienes que borrar el parámetro value del input.
Técnicamente Chrome lo hace bien porque el evento solo se lanza si el valor cambia. Firefox pasa de eso y lanza el evento en cualquier caso.
📝 ¡Nuevo artículo sobre #Vue en el blog! Perfecto para amenizar el lunes.
Esta vez un artículo cortito. Hablo de los mixins de Vue, muy útiles para evitar código duplicado, aunque hay que usarlos con moderación.
Si un elemento HTML tiene position:fixed, sabéis que siempre se va a posicionar en relación al viewport.
Pues acabo de descubir que si uno de sus ancestros tiene algún tipo de transform entonces el elemento con fixed se posiciona en relación suya. WTF no tenía ni idea.
Si todo va bien esta semana nuevo artículo de Vue, que hace mucho que no publico nada en el blog.
Programadores en las películas: Voy a crear una rutina para detener el lanzamiento del misil.
Programadores en la vida real: Voy a buscar en StackOverflow cómo se recorta un string en JavaScript.
⚡ Hay una propiedad #CSS que no muchos conocen y puede venir bien en ciertos casos muy concretos: will-change
Lo que hace es decirle al navegador que ese elemento va a cambiar en un futuro, así el navegador se prepara para eso y lo optimiza.
⚠️ Pero ojo, no hay que abusar de esta propiedad ya que el resultado puede ser el contrario, que la página vaya más despacio. Solo es aconsejable su uso para elementos que sufren de rendimiento, es decir, como última opción.
📝 Algunos ejemplos:
will-change: auto; will-change: scroll-position; will-change: contents; will-change: transform; will-change: opacity; will-change: left, top;
💻 Más info:
https://www.digitalocean.com/communi ty/tutorials/css-will-change
🎨 ¿Qué tema de color usas actualmente para programar?
Pasa nombre y captura.
🌕 Yo estoy ahora con el tema Moonlight:
https://marketplace.visualstudio.com
/items?itemName=atomiks.moonlight 
He empezado a ver esta serie de vídeos sobre cómo se programa un motor de gráficos en 3D y me está gustando mucho.
Es difícil encontrar artículos y explicaciones de este estilo sobre temas tan complejos como éste.
Me flipan este tipo de botones en los que para confirmar una acción basta con mantener pulsado el botón.
Ahorra clics y popus al usuario, lo único sería comprobar el tema de la #accesibilidad
https://codepen.io/aaroniker/pen/WNN WQbM
Está versión es parecida y los botones son accesibles.
Siempre he querido contribuir a algún proyecto open source. Existen webs para encontrar issues para empezar en algún proyecto pero nunca doy el paso.
Justo hoy el bueno de @makigas ha lanzado el primer capítulo de la serie que va a ir subiendo explicando Typescript. Muy recomendable.
Ayer charlamos sobre Wordpress y PHP con @kmikodev y @scortesdiaz y me preguntaron que por qué no me gusta PHP y por qué pienso que hay mejores alternativas.
Para empezar el rendimiento. Os dejo un par de estudios que de muestran que suele ser más lento que los demás en ejecuciones:
Golang vs PHP vs Node vs Python https://github.com/Rohan-Jalil/golan g-vs-php-vs-node-vs-python
Comparación web frameworks: https://www.techempower.com/benchmar ks/
La sintaxis, punto clave para mí. A mí, personalmente, no me gusta nada la sintaxis de PHP. No es clara, es más compleja de mantener.
Sincronía. Con la moda de los microservicios y las APIs cada vez es más común necesitar hacer peticiones asíncronas. Este es el punto fuerte de NodeJS que es asíncrono. PHP también puedes hacer peticiones asíncronas pero necesitas descargar algún modulo o crear procesos a mano.
Migración de empresas. Todos conocemos casos de empresas grandes que están quitando su código PHP para pasarse a otro lenguaje, en cambio, no conozco casos de gente que migre a PHP.
Aquí podéis ver la tendencia de preguntas en stackoverflow.
https://insights.stackoverflow.com/t rends?tags=javascript%2Cphp%2Cpython%2Cnode.js
Por último decir que esto es mi opinión. Esto no quiere decir que la gente no pueda usar PHP o que sea peor en absolutamente todo. Cada lenguaje tiene su caso de uso y la gente puede usar el que necesite o más le guste.
¿Creéis que en algún momento WordPress pasará a mejor vida?
Pasa como el WhatsApp que hay tanta gente que lo usa que es difícil que cambien todos.
Yo creo que lo mejor es que saquen una versión sin PHP aunque rompan plugins.
Si abres la URL de http://vue.new se te abre un proyecto de @codesandbox con un proyecto base de Vue para poder probar cosillas.
¿Alguna vez habéis tenido que usar text-shadow para algo? Yo creo que no la he usado nunca. Supongo que antes se usaba más.
¿Qué programáis mejor en invierno o en verano?
¿Con calor o con frío?
Aquí una historia curiosa.
Hay una imagen que si la pones como fondo de pantalla en ciertos móviles Android bloquea todo el sistema cada vez que se enciende.
Resulta que al final es porque hay ciertos píxeles al pasar de ProPhoto RGB a RGB.
¿Conocéis guías de estilos y sets de componentes de empresas creados en Vue?
A veces los reviso para ver y inspirarme de cómo lo tienen todo montado. Se aprende mucho.
Yo solo conozco el de @geoblink_es @geoblinkTech
¿Alguien le puede recomendar algo para aprender Javascript a este buen hombre?
En respuesta a:
https://twitter.com/antoniogarcia78/ status/1290890734057521152
Vosotros, ¿Cómo ordenáis las propiedades #CSS dentro de los selectores?
Todavía me parece increíble que se necesiten tantas dependencias en proyectos javascript.
La cosa parece que mejora, pero, ahora mismo, la carpeta node_modules de un proyecto simple de Vue con webpack ocupa 110 megas con 21585 ficheros.
En otros proyectos es incluso peor.
Hablando de dependencias, en esta página puedes consultar el coste en tamaño en el bundle de añadir librerías:
🎓 ¿Quieres aprender un framework Javascript desde 0 y online?
Ya disponibles en el blog dos cursos completamente gratis:
💚 Curso de Vue: https://codingpotions.com/curso-grat is-vue
❤️ Curso de Angular: https://codingpotions.com/curso-grat is-angular
¡Que pasada! Me ha hecho mucha ilusión 😀
No se me había ocurrido lo de hacer el logo en CSS, es muy buena idea.
En respuesta a:
¿Qué preferís para programar en Vue? Yo uso #vscode.
El otro día probé Webstorm y no me gustó, sobre todo el autocompletado. No funciona en las vistas para autocompletar variables o métodos del componente y en el script sugiere demasiadas cosas que no vienen al caso.
He leído que Twitter está empezando a implementar animaciones creadas con Lottie (una librería de Airbnb que permite crearlas con After Effects).
Prueba a darle like a este tweet o a cualquiera de los de hashtag #CountdownToMars
Si queréis aprender a crear animaciones #CSS tenéis que leer sí o sí este artículo de @nucliweb.
Yo tengo un artículo hablando de animaciones también, pero no está tan bien explicado y con tantos ejemplos.
Con esta pequeña librería de tan solo 400 B puedes gestionar combinaciones simples de teclas en cualquier web:
Pues pinta muy interesante el proyecto de @TauriApps.
Se trata una forma de poder crear aplicaciones desktop usando lenguajes web, parecido a Electron, pero tiene pinta de que éste va a ser más rápido y va a gastar menos recursos, o eso espero.
Desde hace mucho tiempo tengo los mensajes privados en twitter abiertos para todo el que quiera preguntarme algo, decirme alguna sugerencia o inlcuso hablar de lo que sea.
¿Cuál creéis que es la siguiente moda que va a volver?
¿Avatares cuadrados? ¿Reflejos? ¿Texturas?
Me sigue flipando que haya paquetes NPM tan inútiles como este, que lo único que hace es comprobar si un número es par.
515.484 descargas semanales tiene.
https://www.npmjs.com/package/is-odd
Atentos al código: 
Una cosa que me molesta mucho es que cuando creas un layout con flexbox y haces wrap de los items para que se apilen si no cogen, no puedes controlar los estilos para cuando están apilados (por si quieres añadir márgenes entre ellos por ejemplo).
Con esta línea de código #javascript puedes generar una cadena alfanumérica aleatoria de 11 caracteres.
Math.random().toString(36).substring (2);
Te puede servir para prototipar y generar IDs únicos (muy difícil que dos coincidan), aunque para este caso hay mejores algoritmos.
Para los que uséis @sveltejs o queráis usarlo, han añadido soporte para Typescript:
¿Habéis visto este efecto tan chulo de subrayado de palabras al hacer scroll?
Tenía pensado implementar algo así en el blog pero lo descarté porque pienso que distrae mucho y añade javascript innecesario.
Cliente de spotify en línea de comandos.
Aunque tiene limitaciones, tienes que tener otro cliente de spotify abierto y necesitas de una cuenta premium para poder reproducir música.
Si te sientes mal porque tu proyecto ha salido mal recuerda que existe esta web que recopila todos los proyectos fallidos de Google.
No te lo tomes como un fracaso, tómatelo como un aprendizaje.
Lo del position: sticky es una maravilla. Se comporta como relative y cuando al hacer scroll llega a cierto punto pasa a position fixed siguiendo al scroll, y todo eso sin usar javascript.
Si te pasa como a mí, que te cuesta entender cómo funciona el viewBox de los SVG, @Wattenberger tiene esta maravillosa página que muestra de forma gráfica su funcionamiento.
Truquito para Github.
Ve a un fichero de un repo de Github y cambia la URL de github por: http://github.githistory.xyz
Verás una web con los cambios que ha sufrido ese fichero a lo largo del tiempo de una forma mucho más cómoda.
Ejemplo:
https://github.githistory.xyz/pomber
/git-history/blob/master/src/app.js 
¿Sabíais que en #CSS para poner un color de fondo la propiedad background es más rápida en términos de performance que background-color?
O al menos esos son los resultados del que hizo estos experimentos.
Si alguien sabe algo más del tema que responda.
https://github.com/mdo/css-perf#back
ground-vs-background-color 
@nucliweb ¿sabes algo más de ésto?
He descubierto que existe esta extensión del #vscode que indica, para cada propiedad #css, si ese elemento va a ejecutar en el navegador las operaciones de Layout, Paint y Composite.
¿No te pasa que por escribir rápido un comando en la terminal lo escribes mal y no te funciona?
Pues este comando lo que hace es ejecutar bien el último comando que fallaste al escribir.
Para los que usáis Windows (aunque es multiplataforma) os recomiendo mucho la terminal de Hyper.
Puedes customizarla bastante y tiene muchas extensiones, me gusta más que la de windows:
Con esta librería #CSS puedes crear webs con los mismos estilos que tenía Windows 98.
No tiene javascript por cierto.
He descubierto esta librería para Express y me parece interesante.
Lo que hace es ir aumentando el tiempo de respuesta para peticiones muy seguidas desde la misma IP.
Sí, se que hay algunas que directamente bloquean pero esto me ha parecido curioso
SQL JOINs de forma gráfica: 
¿Sabías que existe una API de navegador para poder controlar la vibración de un dispositivo móvil vía Javascript?
Te dejo ejemplos, abre esta web en un móvil o celular y pulsa los botones:
Estoy pensado en publicar en un futuro, seguramente ya para 2021, una serie de artículos en los que programe pequeños proyectos o ejemplos reales.
Algo así pero con más lenguajes de programación.
Mucha gente me decís que usáis Brave 🦁 , al final voy a tener que probarlo.
Vivaldi lo probé y me gustó mucho también.
?¿
Pregunta para los que usáis Edge. ¿qué os parece? ¿merece la pena respecto a chrome y firefox?
No lo voy a probar porque estoy en linux pero siento curiosidad por saber qué tal es
💛💛💛💛💛💛💛💛💛💛💛💛 💛💛💛💛💛💛💛💛💛💛💛💛 💛💛💛💛💛💛💛💛💛💛💛💛 💛💛💛💛🖤🖤💛💛🖤🖤🖤💛 💛💛💛💛🖤🖤💛🖤🖤🖤🖤💛 💛💛💛💛🖤🖤💛🖤🖤💛💛💛 💛💛💛💛🖤🖤💛💛🖤🖤💛💛 💛🖤🖤💛🖤🖤💛💛💛🖤🖤💛 💛🖤🖤🖤🖤🖤💛🖤🖤🖤🖤💛 💛💛🖤🖤🖤💛💛🖤🖤🖤💛💛 💛💛💛💛💛💛💛💛💛💛💛💛
Github modo noche está en camino: 
Con esta página puedes generar una representación gráfica de una estructura de ficheros y carpetas en formato ASCII para que puedas copiar y pegar en READMEs, artículos, etc.
¿Creéis que merece la pena ponerse a aprender WebAssembly? ¿Merece la pena el esfuerzo para lo que ofrece?
¿Alguno lo ha probado ya?
Con la llegada del #vscode y la compra de Github por parte de Microsoft, en su día, pensé que el editor de textos Atom dejaría de mantenerse.
Hoy lo he mirado y la última release es de hace 12 días. Me alegro de que siga habiendo variedad de editores para todos los gustos.
Si queréis probar una distro Linux que no sea de las típicas os recomiendo Deepin.
La usé unos años y me gustó mucho. Está basada en Debian y tiene un montón de apps propias que son muy bonitas.
En respuesta a:
https://twitter.com/linux_deepin/sta tus/1275257268267708417
Diferencias de renderizado de fuentes entre distintos navegadores: 
¿Habéis visto el rediseño de la web de @Renfe? ¿Qué os parece?
Programar es más difícil para los que somos indecisos.
Cada paso que das es una decisión a tomar y dudas de si lo que estás haciendo tiene sentido o está completamente mal.
Una pregunta, ¿por qué los monitores de ordenador no tienen sensor de luz automático?
Siempre hay que andar bajando la intensidad de brillo de noche o recurriendo a software automático que gasta recursos de CPU.
Últimamente veo muchos proyectos que usan el dependabot para actualizar automáticamente las dependencias en los proyectos de github.
Yo lo uso en un par de proyectos, pero también pienso que se podrían colar cosas malas al actualizar tan alegremente, hay que tener cuidado
Para los que hagáis debug en #javascript usando console.log os recomiendo está extensión.
Saca por pantalla en forma de toasts los mensajes que envíes mediante console.log.
Cuesta 9€ pero seguro que a alguno le viene bien.
¿No os pasa que había programas que antaño eran muy potentes y que ahora han sustituido por cosas más simples?
Por ejemplo el messenger, el original, era muy potente y adelantado a su época
¿Os acordáis que hace tiempo hablamos de un bug en el vscode que hace que al copiar y pegar inserte espacios de más?
Pues siento deciros que después de todo este tiempo sigue igual de mal y cada día me cabrea más.
Tengo que decir que Svelte me parece muy interesante, me gusta su enfoque.
Lo que no me gusta mucho es la sintaxis para las vistas.
En Svelte, por ejemplo para hacer un bucle for no lo puedes hacer en la propia etiqueta HTML, ensuciando el código en mi opinión
Para los que trabajáis con Vue.
Cuando tenéis una vista con muchos componentes hijos y todos esos componentes dependen del mismo dato del padre, ¿lo vais pasando de padre a hijo mediante props?
Yo opté por meterlo en el vuex para no andar con tantos props. El problema de eso es que todos los componentes son reactivos a ese dato al usar vuex y yo lo que quiero simplemente es que se lea del vuex al abrir esa vista, no necesito que luego ande reaccionando a cambios.
📝 ¡Nuevo artículo en el blog!
Hoy os traigo un artículo hablando de las directivas de #Vue y cómo se crean.
¿Habéis probado ya la versión 2 de Yarn? ¿qué os parece? ¿merece la pena?
Yo es algo que tengo pendiente de mirar.
Vue utiliza un fork de esta librería pero por si alguien no la conocía:
Husky, una librería para poder ejecutar comandos de npm con los hooks de git, es decir, puedes ejecutar por ejemplo el linter o los tests cada vez que haces commit o push.
Si todo sale bien esta semana nuevo artículo en el blog.
Stay tuned!