¿Al final los fleets que se han quedado para que la gente resuba sus propios tweets?
Notas
Mucha gente echa en falta el típico botón de "Volver arriba" al hacer scroll en una web pero yo ya me he aconstumbrado al darle en el teclado a la tecla "Inicio" y listo.
funciona también IDEs y editores de texto para volver arriba en el documento.
No lo uso ni en móviles que es donde tiene más caso de uso.
¿Qué os vais a pillar para Black Friday?
Yo quiero pillar un SSD, ya tengo uno en el que tengo instalado Linux, pero quiero otro simplemente para instalar Windows para cuando juego.
📝 ¡Nuevo artículo en el blog!
Hoy os vengo hablar de cómo formatear, parsear y hacer cálculos y operaciones de fechas en #Javascript gracias a dayjs.
📅 Si todavía sois de los que usáis MomentJS os animo a conocer esta alternativa más ligera.
https://codingpotions.com/javascript -parsear-formatear-fechas
Por cierto, si necesitáis pintar en vuestra web el tiempo relativo a una fecha y no queréis instalar librerías extra, os recomiendo este artículo de @midudev
https://midu.dev/como-crear-un-time- ago-sin-dependencias-intl-relativeformat/
Los de @VueSchool_io están de #BlackFriday con rebajas del 40%, por si queréis aprovechar este invierno para hacer algún curso de Vue.
https://vueschool.io/sales/blackfrid ay#plans?friend=codingpotions
Si todo va bien esta semana nuevo artículo en el blog! Y no será de Vue...
👀
¿Por qué en ciertas páginas al entrar, si quieres volver atrás tienes que pulsar muchas veces el botón de volver atrás?
¿Por debajo se abre varias veces la página para que los usuarios no puedan salir fácilmente?
Los que queráis un teclado bueno para programar no lo dudéis y hablad con @Uryftw para que os asesore y os lo monte, es un crack.
Si uno mecánico no os convence por el ruido que hacen tenéis que saber que existen teclados mecánicos muy silenciosos.
En respuesta a:
Otra cosa que no sabía es que en Firefox los eventos de scroll, usados normalmente para los canvas, van mucho más lentos que en Chrome.
Por ejemplo en figma hacer zoom en Firefox es mucho más tedioso.
Se que se puede cambiar pero por defecto es así.
Odio a la gente que hace encuestas en Twitter pero usando RT y FAV en lugar de las encuestas nativas de Twitter.
❤️ FAV si estás de acuerdo 🔁 RT para llevar la contraria
Se necesitan varios monitores para ser buen programador.
ⓘ 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝘀𝗼𝘂𝗿𝗰𝗲𝘀 𝘀𝘁𝗮𝘁𝗲𝗱 𝘁𝗵𝗮𝘁 𝗶𝘀 𝗳𝗮𝗹𝘀𝗲 𝗮𝗻𝗱 𝗺𝗶𝘀𝗹𝗲𝗮𝗱𝗶𝗻𝗴
Todo compila siempre a la primera.
ⓘ 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝘀𝗼𝘂𝗿𝗰𝗲𝘀 𝘀𝘁𝗮𝘁𝗲𝗱 𝘁𝗵𝗮𝘁 𝗶𝘀 𝗳𝗮𝗹𝘀𝗲 𝗮𝗻𝗱 𝗺𝗶𝘀𝗹𝗲𝗮𝗱𝗶𝗻𝗴
Acabo de descubrir esta herramienta que permite hacer ping desde consola pero con una gráfica del tiempo de respuesta.
Molaría una herramienta de testing visual de estas que te comparan capturas de la web entre versiones para validar los cambios pero que te lo compare con el figma.
Es decir, una herramienta lo suficientemente inteligente como para que te diga sin una fuente tiene que tener otro tamaño, un texto no es igual, un tamaño de una caja no es el mismo, etc.
El navegador Edge tiene esta funcionalidad que permite ver en 3D una representación de los z-index de todos los elementos de la web.
Molaría lo mismo para Firefox y Chrome, seguro que hay alguna extensión que hace lo mismo. 
No me gusta que en javascript los puntos y comas sean opciones y las comillas se puedan poner simples o dobles. Siempre tienes que andar con el eslint para asegurarte de que usas siempre lo mismo en todos los archivos.
Otros lenguajes son mucho más estrictos en ese aspecto y eso hace que todo el mundo lo escriba igual, no te encuentras cosas raras y toda la documentación de librería y demás tiene la misma estructura.
Atención a la idea tan original de esta web. Puedes dibujar líneas y luego moverlas como si fueran cuerdas para producir sonidos dependiendo de su longitud.
Además el código está en github por si queréis ver cómo lo hace:
https://github.com/woodwoerk/spaghet
ti-audio 
Por cierto, estoy viendo que en móviles para trazar las líneas hay que pulsar la pantalla con dos dedos a la vez. En desktop es más intuitivo.
Para los que usáis Vue o Nuxt sin Typescript, ¿cómo modeláis los datos que vienen de las APIs?
¿cuando recibís el objeto creáis el vuestro con las propiedades que os hacen falta?
Siempre me pasa que cambian el nombre de una propiedad y tengo que cambiar muchos sitios.
Se me ha ocurrido una idea. Molaría que Youtube y Twitch tuviera soporte para dos pantallas o monitores, es decir, que se pudiera ver un vídeo o un directo y en cada pantalla mostrar un contenido diferente.
Siempre que veo un vídeo o directo de programación veo que tienen que poner la web que están programando en pequeño para poder ver a la vez el código. Imagina que pudieras reproducir en un monitor el vídeo del editor de código y en el otro la web con el resultado.
Obviamente habría que hacer que los que solo tengan un monitor o pantalla puedan ver ambos "videos" ya superpuestos o recortados.
Esto además tiene muchas más usos como podéis imaginar, porque no tienes que reducir el contenido de un vídeo a una sola pantalla y puedes mostrar en la otra todo tipo de información extra.
¿Qué te parece la idea @girlazote?
¿Qué pasó con Svelte?
¿Conocéis ya de alguien que lo use en producción? ¿creéis que el proyecto seguirá adelante?
Hay benchmarks que lo comparan con Vue 2, pero, ¿qué tal será respecto a Vue 3?
👇 Os leo
¿Sabías que aparte de NPM y Yarn existen más alternativas a estos gestores de librerías #Javascript?
Hay una que se llama pnpm que según las pruebas de rendimiento de su creador es más rápido en instalaciones de paquetes respecto a NPM y Yarn.
Más info: https://pnpm.js.org/en/
Si no tenéis nada que hacer esta tarde, ahora mismo están en directo desde @CodemoMadrid dando charlas muy interesantes sobre temas de front. Gente muy crack.
Os dejo la agenda:
https://events.codemotion.com/confer ences/online/2020/online-tech-conference-spanish-edition/agenda
Tenéis a @pablosirera en directo ahora haciendo testing y programando en Nuxt (un framework de Vue). Os recomiendo mucho sus directos, se aprende mucho.
¿Se os ocurre algún proyecto para hacer en Vue o Nuxt para hacer open source?
Me gustaría hacer un proyecto que ayude a la comunidad y el que cualquiera pueda participar con pull requests.
Mola porque en esta web han cambiado el cursor del ratón por un gatito 🐈
http://tetrageddon.com/petcursor/
Lo bueno es que tienen el código en github por si lo queréis en vuestras web.
Me pasó lo mismo. Era de XCFE hasta que hace unos años probé KDE Plasma y me di cuenta que era igual de ligero o incluso más.
Encima puedes personalizar absolutamente todo, no como Gnome, que tienes que andar con plugins y historias para cambiar cosas.
En respuesta a:
Como cada #Halloween, los de github han cambiando los colores del gráfico de contribuciones. 
🧛💀🎃🧟👻
Hoy si que es viernes de subida spooky a producción.
🧛💀🎃🧟👻
Está @MoureDev ahora en directo especial Halloween sorteando libros de programación y hablando de historias de miedo:
Siempre me pasa que cuando llevo mucho tiempo en un proyecto cada vez estoy menos convencido de lo que hay hecho, pienso que si lo empezara de 0 lo haría totalmente distinto.
¡Han vueeeelto! Nada y escapa 👻👻👻 en la secuela de nuestro #GoogleDoodle de #Halloween. ¿Te llevarás el gato al agua? Tu puntuación: 76375 https://g.co/doodle/xnbgr9m
La gente se montá unos stacks impresionantes (no lo critico, que cada uno haga lo que quiera) para un simple blog.
En plan Gastby o Nuxt con webpack, tailwind, scss, storybook etc.
Yo prefiero seguir con un simple Jekyll que genera todos los HTML estáticos.
Si podéis rellenad esta encuesta, que no os lleva nada y ayudáis mucho.
👇👇👇👇
En respuesta a:
¿Qué pasó con Ruby? ¿se sigue usando?
Antes se usaba mucho por aquello de que tenía una sintaxis sencilla pero desde que Python se ha puesto de moda creo que se ha venido abajo.
Casualmente en los medios de comunicación solo se hablan de las desventajas del teletrabajo, pero siempre obvian todas las ventajas: tiempo, dinero, comodidad, menos riesgo de contagios, etc.
En respuesta a:
Hoy me he dado cuenta de que en chrome, en los inputs de tipo number solo se pueden escribir números (y el punto para los decimales), pero en firefox, deja al usuario que escriba letras también.
Al final siempre tienes que andar bloqueando las letras en este tipo de inputs.
Para los que tengáis dudas sobre cómo contribuir al open source podéis aclararlas aquí:
👇👇👇
En respuesta a:
Ayer traducí un post de mi blog por aquello de practicar mi nivel de inglés. Lo he subido a @ThePracticalDev, por si me queréis dejar un like ❤️.
@The_Vue_Dev
https://dev.to/frostqui/how-to-use-a xios-with-vue-tips-and-tricks-21e0
He encontrado otra librería de iconos que tiene muy buena pinta (no los he usado todavía).
@_phosphoricons
Ya se que existe el git merge con rebase, pero no estaría mal una opción en @github y @gitlab para ver la lista de commits filtrando por los que no sean merge commits.
🍺 Como cada año, ya he comprado el calendario de adviento de cervezas de @HOPT_craft.
Es un pack de 24 cervezas artesanales de todo el mundo. Os dejo el link de compra:
https://www.hopt.es/beery-christmas
Con mi enlace de abajo os descuentan 5 euros.
En esta web puedes encontrar ejemplos de las animaciones míticas al empezar combates en los juegos clásicos de Pokemon.
Estás hechas con webGL y aunque muchas se puedan hacer solo con CSS te sirve para aprender cosas básicas de webGL.
https://guilhermesimoes.github.io/bl og/shaders-case-study-pokemon-battles
Aprovecho para preguntar.
Tengo uno con cherrys browns y quiero probar algo mejor. Me gustan los switches táctiles (los clicky hacen mucho ruido) ¿alguna recomendación?
Quiero uno con layout español. Había pensado en un varmilo con zealios ¿merece la pena su precio tan alto?
En respuesta a:
https://twitter.com/CodelyTV/status/ 1319209346413322240
CC: @Uryftw
He encontrado esta librería para Javascript que viene muy bien para validación de los datos.
Lo bueno es que las funciones se pueden componer para formar validaciones más complejas.
Este vídeo me ha parecido completamente increíble. Haciendo livecoding lo que hace es crear un efecto con animaciones de imágenes usando WebGL.
Digo que es increíble porque no se suelen ver explicaciones de este tipo de cosas ás avanzadas con webGL.
https://www.youtube.com/watch?time_c ontinue=3780&v=ivg603bYDk8&feature=emb_title
China esta construyendo una alternativa a Github llamada Gitee.
https://techcrunch.com/2020/08/21/ch ina-is-building-its-github-alternative-gitee/
Muy recomendable el canal de @BettaTech.
He visto este vídeo suyo sobre el patrón observer y me ha gustado porque lo he entendido perfectamente.
📝 ¡Nuevo artículo en el blog!
Hoy escribo sobre la creación de formularios en #Vue y aprovecho para echar un vistazo a dos de las librerías más conocidas para la validación de los datos: VeeValidate y Vuelidate.
Creadas por: @damiandulisz @logaretm
No os podéis perder esta tarde a las 4 hora española (dentro de 1 hora) el evento organizado por @CodelyTV.
Van a hablar con gente muy interesante del mundo de la programación y van a programar cositas en directo.
Más info:
Si todo va como lo esperado, esta semana nuevo artículo sobre #Vue en el blog!
¿Sabías que en #javascript esta comparación da como resultado true?
[] == ![]; // -> true
Los arrays se castean a true y por tanto !true se castea al número 0. En la parte izquierda array vacío se castea a 0 también. Por tanto javascript lo evalúa como:
0 == 0;
Con el triple igual (===) la comparación da como resultado false, por eso siempre es importante ponerlo.
Cuando estés maquetando con HTML no pongas nombres de clases que contengan "ad" o "advert".
Muchos bloqueadores de anuncios ponen display:none a este tipo de clases de forma preventiva aunque no sean anuncios.
Más nombres de clases a evitar:
https://github.com/easylist/easylist /blob/master/easylist/easylist_general_hide.txt
Con esta extensión del #vscode puedes ver sin salir del editor una referencia de todas las propiedades que tiene CSS flexbox.
https://marketplace.visualstudio.com
/items?itemName=dzhavat.css-flexbox-cheatsheet 
No os recomiendo que en las webs pongáis emails porque hay bots que se encargan de buscarlos para mandar publicidad o phising.
La solución es usar un formulario de contacto o un ofuscador de emails como este:
Con este snippet puedes convertir una frase en una URL con guiones:
const slugify = str => str .toLowerCase() .trim() .replace(/[^\w\s-]/g, '') .replace(/[\s_-]+/g, '-') .replace(/^-+|-+$/g, '');
Ejemplo: slugify('Hello World!'); // 'hello-world'
Ya lo recomendé, pero os lo vuelvo a recomendar porque lo merece.
En esta página recopilan un montón de charlas y conferencias de programación que podéis ver gratis.
@codetalkstv
🎃💀🎃👻🎃💀🎃👻🎃💀🎃👻
Este mes es el mes de las subidas spooky a producción. Eso si que da miedito.
🎃💀🎃👻🎃💀🎃👻🎃💀🎃👻
🍸 Brindo por CSS! Solución y causa de todos nuestros problemas.
¿Me lo parece a mi o han cambiado StackOverflow y su tema de color para el código? 
Lo peor del responsive no es tener que meter estilos distintos para móvil y para desktop.
Lo peor es cuando tienes que colocar las mismas cosas en distintos sitions en móvil y desktop y tienes que andar cambiando también el html y "duplicando" cosas.
He leído que Firefox poco a poco va en desuso. Vamos hacia el monopolio de Chrome o de al menos de su motor de renderizado, ya que muchos navegadores actuales lo utilizan.
VueSchool es una página con un montón de cursos sobre Vue, alguno de ellos muy interesante.
Si queréis ayudar a mi blog os dejo mi enlace con afiliado a los cursos por si os interesa alguno:
Hace muchos años, cuando no conocía la existencia de HTML y CSS, pensaba que las webs se creaban con un "programa" llamado Apache porque leí que muchas webs funcionaban con Apache.
¿Sabías que cada versión de Debian se llama como un personaje de Toy Story?
Debian 2 Hamm Debian 2.1 Slink Debian 2.2 Potato Debian 3 Woody
Aquí puedes ver todas: https://www.debian.org/releases/
Ya conocía el tema Nord para el vscode pero acabo de descubrir que tienen página web y es muy chula.
En su web puedes encontrar ports del tema en casi cualquier IDE, editor de texto, terminal, etc.
Os voy a ser sincero, no me gusta del todo la nueva sintaxis Composition API de Vue 3.
https://v3.vuejs.org/guide/compositi on-api-introduction.html#standalone-computed-properties
Por un lado me gusta que ahora se ordene todo de forma lógica, es decir, por ejemplo, toda la lógica que tenga que ver con usuarios dentro de un componente todo junto y no una computada arriba, un método abajo, variables más arriba, etc. Andas todo el rato saltando por el código.
Pero por otro la sintaxis no me gusta nada, a primera vista me pierdo, no sé dónde o qué es cada cosa y creo que el código se lee peor a costa de andar con arrow functions y callbacks.
Tampoco me gusta que tenga que acordarme de hacer reactivas las variables y los props, pienso que se me va a olvidar todo el rato. Tampoco me gusta tener que escribir todo el rato la función setup
Afortunadamente hay una propuesta para simplificar un poco todo esto eliminando la función setup y haciendo que no haga falta hacer un return de todo:
https://github.com/vuejs/rfcs/blob/s fc-improvements/active-rfcs/0000-sfc-script-setup.md
Hoy os vengo a recomendar esta terminal llamada Starship.
Basada en spaceship, te muestra, entre otras cosas, la rama de git, el tiempo que tarda cada comando en ejecutarse, la versión del proyecto en el que te encuentras, etc.
Todo es configurable.
Ayer los de @github sacaron su herramienta oficial para poder controlar desde consola los repositorios de github.
Puedes controlar issues y pull requests sin tener que abrir la página.
https://github.blog/2020-09-17-githu b-cli-1-0-is-now-available/
¿Cómo organizáis los estilos para las fuentes globales?
Tengo un conjunto de mixins con las fuentes y tamaños y los voy añadiendo en los estilos con el @include pero no me gusta porque se copian los estilos cada vez.
¿La única forma es añadiendo la clase con la fuente al HMTL?
Hoy he decubierto @VueTelemetry, es una página en la que puedes saber si una página web está hecha con Vue o Nuxt y qué librerías usan. Muy interesante.
Si te sientes mal piensa, que por probabilidad, en este instante, tiene que haber alguien que esté deplegando en producción algo con fallos y que seguramente se va a tirar lo que queda de día arreglando.
Una de las cosas de #Javascript que más ganas tenía de usar es el "Optional chaining operator".
Permite acceder a propiedades de objetos sin que salte error si el objeto no existe.
Por ejemplo antes tenías que hacer: if (user && http://user.data) { return http://user.data.name };
Pero ahora: return user?.data?.name;
Esto va a ahorrar muchos ifs
Lo malo es que para navegadores antiguos no está soportado.
https://caniuse.com/?search=chai
Lo más recomendable es usas transpiladores a versiones antiguas como babel o cosas así.
Justo estos días la fecha Unix Timestamp ha llegado a 1600000000.
Para el que no lo sepa representa el número de segundos que ha pasado desde el 1 de Enero de 1970.
No entiendo cómo en algunas página al entrar hay un spinner de carga de varios segundo para luego acabar mostrando una página estática que muchas veces ni es SPA.
Viernes! Por fin tiempo libre para seguir programando!
Ahora en serio, nunca os sintáis presionados por tener que aprovechar el tiempo libre para programar o aprender algo.
Descansad y aprovecharlo en los hobbies para desconectar y ser felices.
Me hace gracia este anuncio porque hablan de C++ pero en la imagen sale código de Python. 