Sumar Radio button con Javascript

Este problema lo obtuve de los foros de cristalab del usuario mariassssss, el usuario busca sumar los valores de unos input radio con javascript:

Aquí el post original: http://foros.cristalab.com/javascrip-t122822/

Me tomé la libertad de corregir el codigo, quitar las funciones que no estaban en uso y hacer la operación que necesita sin moverle mucho.

A diferencia del código original no es necesario ir a recuperar el valor por input, si no obtener todo el formulario y sacar los valores necesarios.

Es algo primitivo pero este formData estaría listo para enviar a en una request y obtener los datos a partir de este elemento y sus correspondientes names.

Entre las mejoras se puede poner un array para obtener los datos requeridos, pero como no estaba la problemática descrita, pues decidí omitir.

Actualizar Fightstick de arcadepc.mx

Me compré un fightstick personalizado de la pagina https://arcadepc.mx , después de algunos años de uso me dio algunos problemas con mi playstation 4 (cosa de actualizaciones).

Para resolverlo solo necesitamos actualizar el firmware de la placa, a continuación un tutorial con los pasos para hacerlo:

Vamos a entrar a la página de los componentes brook, para buscar la versión de nuestra placa solo debemos conocer la consola a la que conectamos nuestra fightstick en mi caso es una con soporte PS3 / PS4 y PC / Mac

http://www.brookaccessory.com/download/

En mi caso elegí la opción de playstation 4 así que me mandó a la siguiente liga http://www.brookaccessory.com/download/PS4/ donde actualmente se muestra una vista como la siguiente:

Lista de descargas
Selección de Placa o Controlador

Una vez que encuentren la versión descarguen para PC o Mac dependiendo su Sistema operativo (en mi caso Mac), al terminar la descarga y descomprimir el archivo .zip se mostrará un archivo tipo instalador.

App Fightboard ICON

Al abrir o instalar la aplicación se mostrará una pantalla similar a esta, donde nos indica las instrucciones para preparar nuestro fightstick.

Firmware update
Pantalla de instalación

Ahora debemos ubicar en nuestro fightstick los botones que nos muestra en la aplicación de actualización (botón PS y SHARE en el caso de PS4)

Botones PS y Share en fightstick

En este punto no hemos conectado el fightstick a la PC, así que vamos a presionar los botones antes indicados y sin soltarlos vamos a conectarlo a la PC.

IMPORTANTE: Se tarda un poco en reconocer el fightstick así que no suelte los botones, si tarda más de 30 segundos repetir la conexión.

Si lo hicimos de la forma correcta, la aplicación cambiará a algo similar, a la siguiente imagen:

Pantalla de confirmación

Si esto ya paso ya podemos soltar los botones del fightstick y ahora presionamos el botón “UPDATE”, mientras se actualiza no debemos desconectar el fightstick, y puede que se pasme la PC o Mac mientras se muestra la siguiente imagen:

Actualizando Firmware
Actualización en Proceso

El proceso dura aproximadamente de dos a cinco minutos, así que no desesperen.

Si todo salió bien una última pantalla nos confirmará la actualización y hasta este punto ya podemos expulsar y desconectar nuestro fightstick.

Firmware Actualizado
Actualización Terminada

Al presionar el botón finish la aplicación se cerrará automáticamente, y listo ya deberíamos estar listos para probarla nuevamente en la consola.

Aquí dejo una demostración del dispositivo funcionando, espero que les sirva y nos vemos en el siguiente tutorial:

WebStorm Color Themes – base16 [2019]

Que tal coders, en esta ocasión voy a compartir mi tema de color para el editor WebStorm, reciente el editor entró en la versión 2019.2 cambiando ajustes.

Estos ajustes ahora permiten establecer colores para otras variables, sintaxis y palabras reservadas.

Javascript Class

Mi tema esta basado en los colores de Base16 que pueden encontrar aquí http://chriskempson.com/projects/base16/ y he cambiado mayormente los colores para trabajar con Javascript y react.js

ReactJS Component

Quizá no se vea tan bien como otros temas o schemes pero está listo para trabajar con pantallas muy brillantes, donde a veces el color parece que va a incendiar las pupilas

Node JS

Sin más aquí dejo el enlace al archivo:

Si por alguna razón no funciona, también lo dejo en Google drive:

https://drive.google.com/file/d/1Ef9_o5d2yXP5n7XCncKZs_u5BHs0qfUP/view?usp=sharing

Cómo importar Webstorm color themes

Para importar este o cualquier otro tema, necesitan un archivo *.icls para poder importarlo. Después ir a Archivo > Preferencias > Editor > Color Scheme

Webstorm 2019.x Preferences

Elegir la opción Import Scheme… del icono de configuración, para finalizar elegir el archivo, aplicar y aceptar los cambios. Y listo 😄

Si tienen algún ajuste para cambiar o mejorar el tema compartanlo en los comentarios. Muchas gracias y nos vemos en el siguiente post.

jQuery mostrar y ocultar div con animación

En esta ocasión vamos a mostrar y ocultar div con jQuery para practicar el funcionamiento base de la librería. vamos a asignar eventos a dos botones que nos permitan interactuar con la visualización de un componente.

En esta ocasión traigo la actualización de un código que hice hace unos siete años para este blog, el cual hice un tutorial en youtube:

El código completo y funcional está aquí:

Refactorizar código Javascript

Ahora también tenemos una actualización de un refactor que pueden ver en el siguiente video:

Este último video trata de seguir buenas prácticas para evitar el uso innecesario de variables y agregar nombres legibles a las clases e identificadores de HTML y Javascript.

Si tienen alguna duda ponganla en los comentarios 😎

¿Conviene tener un blog en WordPress?

Después de varios años de trabajar con la plataforma (diez años) y otros pocos probando otras plataformas, hoy puedo compartir mi experiencia y veredicto.

Wordpress2019
WordPress 2019

Las alternativas gratuitas a wordpress

Actualmente existen más plataformas que hace 10 años para poder tener un blog gratis, entre las mejores que he probado están:

Estas plataformas están muy limitadas en personalización, es decir sólo puedes elegir plantillas o cambiar imagenes aquí y allá pero no podras generar un aspecto que haga la diferencia frente a otros blog.

Blogger tiene una capacidad de personalización mayor, sin embargo necesitas conocimientos técnicos y hecharle una ojeada a una documentación infinita para saber que puedes y que no puedes hacer.

Las alternativas de paga a wordpress

Solo he tenido la oportunidad de probar las siguientes dos opciones:

En resumen Wix es de las mejorcitas por la cantidad de plantillas «de paga» que se ven impresionantes, pero cuando no tenemos fotos «profesionales» la verdad es que el resultado es pobre.

Por su parte Postach.io requiere de la aplicacion Evernote lo que implica aprender a utilizarla y ser constante, esta opción es aún más limitada, por lo que personalizar es prácticamente imposible a menos que tengas conocimientos avanzados.

Porque WordPress es el rey de los blogs

En resumen lo tiene todo y sigue mejorando:

  • Plugins con funcionalidades extra que se acoplan casi a cada necesidad.
  • Temas variados y personalizables
  • Plataforma estable basada en PHP y MySQL que es asequible a todas los bolsillos
  • Bastante compatibilidad con SEO

Si quieres tener un blog ya sea personal, profesional o para una empresa, esta plataforma es la mejor opción, el nuevo editor es una maravilla y la instalación de aditamentos ya no requiere acceso especial, una chulada que se superó mucho en los años que dejé de utilizarla.

Lo malo de un blog en WordPress

Ahora sí, si tu intención es NO GASTAR NI UN CENTAVO tus opciones se limitan a hostings gratuitos o al plan gratuito en wordpress.com o de plano optar por las opciones gratuitas que la mayoría de las veces son mas que suficiente.

En caso de querer dar el siguiente paso y tener la posibilidad de «invertir» en tu crecimiento, aquí el calvario que tienes que pasar:

  • Los hostings económicos no son 100% óptimos para WordPress (lentos en carga y procesamiento, poco espacio)
  • Los hostings que valen la pena son caros, aproximadamente tres USD por mes a un plazo forzoso de un año o más

Entonces buscar un hosting óptimo, además de configurar tu propia versión de wordpress.org hace que tener un blog en wordpress no sea realmente para todos.

Yo recomiendo estos sitios que he probado con wordpress, jalando al 100% y con un montón de plugins instalados:

Dreamhost tiene algunas limitaciones técnicas que no voy a mencionar por que son cosas avanzadas y Siteground es lo mejor que he probado, pero es demasiado caro para cosas personales.

Lo NUEVO malo de un blog en wordpress

Ahora muchas de las extensiones o plugins son tipo Freeware lo que hace que tengas que pagar por la versión PRO o UNLIMITED que lo hace todo, sinceramente es una práctica que se ha hecho popular estos días, pero todavía hay suficientes gratuitas que te dejan muy satisfecho.

En resumen ¿conviene un blog en wordpress?

Después de mis 10 años blogeando, la respuesta es un rotundo SI en cuestión de personalización y sustentabilidad de la plataforma lo tiene todo.

Sin embargo WordPress no es para todos, por la limitante de necesitar un hosting y dominio el cual es dinero cada año, por lo que si no se tiene una fuente de ingresos no es nada sustentable y optaría mejor por una opción gratuita.

¿Y tú qué plataforma utilizas para tus blogs? dejános tus comentarios.

VillalWaze Oficial – Descarga a Villalvazo 13 para tu Waze

Descarga la voz de Alejandro Villalvazo en Waze. De la página oficial de 889noticias.mx de grupo ACIR.

villalwaze

Después de algunos intentos por tratar de descargar la voz de la página oficial de 889noticias.mx donde no se encuentra para nada fácil decidí colocarla en un link directo.

No necesitas tener la sesión de Facebook iniciada a diferencia de los links oficiales que te limitan a ver el contenido.

Para descargar la voz de Alejandro Villalvazo (Villalwaze) haz click en la siguiente liga:
https://www.waze.com/ul?acvp=A80B94F4-A81C-4912-90FA-9029149AC3F2

Necesitas tener instalado Waze, por lo lo que la liga debe ingresarse desde tu smartphone. Funciona con Android y IOS.

Para seguir a Alejandro Villavazo en twitter:  https://twitter.com/villalvazo13

Dale like a sun FanPage en Facebook: https://www.facebook.com/VillalvazoOficial/

La página oficial de 889noticias: https://889noticias.mx/

El trabajo via Grupo ACIR: http://grupoacir.com.mx/