Artículos con la etiqueta: javascript

Hoy vamos a mejorar un poco nuescro javascript ¿Cómo detectar cambios en el DOM clases, estilos o atributos en el HML con JavaScript usando MutationObserver? Veamos cómo «observar» nuestro DOM (ya sea el documento entero, un elemento div, spam, input o cualquier otro) y reaccionar al momento de detectar un cambio en su estado o contenido, para esto vamos a hacer uso de la clase MutationObserver. MutationObserver establece un mecanismo para reaccionar ante cambios en el DOM. Ha sido diseñado como un sustituto de los Mutation Events definidos en las especificaciones de DOM3 Events. Instanciando MutationObserver Para hacer uso de esta clase solo debemos crear una instancia …

Google ha introducido una tercera versión de reCAPTCHA que ahora se basará en un sistema de puntuaciones centrado en la actividad de los usuarios dentro de las páginas web, con lo que no se interrumpirá la navegación en Internet. La nueva API de reCATPCHA, la herramienta que utiliza Google para detectar el tráfico procedente de cuentas automatizadas o ‘bots’, ofrecerá a los desarrolladores de webs una puntuación sobre cómo de sospechosa es la interacción de un usuario en su página, según ha informado Google en el blog de webmasters. Este nuevo sistema queda en segundo plano y no interrumpe la …

Gmail bloqueará los archivos Java y Javascript a partir del 13 de febrero. Gmail bloqueará los archivos Java a partir del 13 de febrero. Con el pasar de los años, y a pesar de la mensajería instantánea como Whatsapp o redes sociales, muchos de vosotros seguiréis usando para comunicarse el correo electrónico. Y si hablamos de enviarlos y recibirlos, Gmail sigue siendo uno de los mejores servicios de correo electrónico que podéis encontrar. ¿Qué es Gmail? Gmail es un servicio gratuito de correo electrónico proporcionado por Google que combina las mejores funciones del correo electrónico tradicional con la tecnología de …

Brackets, un nuevo editor de código abierto que entiende el diseño web. Brackets un gran editor para diseño web. Es un editor de código liviano y potente al mismo tiempo que incluye herramientas visuales dentro del mismo para que puedas obtener la ayuda que necesites cuando la necesites. Un moderno editor, de código abierto de texto que comprende el diseño web. Con las herramientas visuales enfocados y apoyo preprocesador, soportes es un moderno editor de texto que hace que sea fácil de diseñar en el navegador. Está elaborado a partir de cero para los diseñadores web y desarrolladores de aplicaciones …

Grunt mejora el WPO y el SEO de tu web. En una web, hay que realizar un montón de tareas comunes en el desarrollo de un proyecto web. Grunt mejora el WPO y el SEO de tu web. Es decir te puede ayudar a mejora el Google Page Insights de Google y por lo tanto el WPO y el SEO de tu Web. Las web rápidas las premia Google. Si queremos automatizar y evitar tener que realizar todos esos procesos repetitivos o tareas de mantenimiento de una Web podemos utilizar Grunt, un ejecutor de tareas de Javascript. Primeros pasos con …

El tiempo de carga en una página es muy importante para el SEO. Por lo que debemos aplicar técnicas de WPO. Una de las formas de mejorar la carga es evitar bloqueos a la hora de cargar contenidos Javascript en la página. ¿Cómo cargar Javascript sin bloqueo en el navegador? Hay 5 técnicas que podemos usar para cargar el Javascript sin bloquear el navegador. Es muy interesante para cargar funcionalidad que luego dependerá de eventos del usuario y que no debe entorpecer la carga inicial de la página. Las 5 técnicas para cargar Javascript sin bloqueo en el navegador XHR …

Las páginas web cada vez son más complejas y están creciendo en tamaño con estilos y javascript cada vez más complejos. Debemos intentar mejorar el tiempo de carga de una página y minimizar, ofuscar y desofuscar código Javascript Minify Javascript y Minify CSS nos ayudará en esta tarea. Si una web no se carga rápidamente en Internet afecta negativamente al SEO ya que es un factor importante y a la navegación de los usuario. Nos producirá disminuciones en navegación, páginas vistas, tiempo de permanencia y si es un ecomerce en ventas e ingresos.También es muy imortante la navegación Web por …

Hoy vamos a aprender a calcular el IBAN de tu cuenta corriente mediante javascript y ¿Qué es el IBAN? A partir del 1 de Febrero 2014, entrará en vigor el SEPA y esto traerá consigo cambios en lo que respecta a la presentación de los número de cuenta bancarios, ya que hasta entonces se usaba sólo el CCC (Código Cuenta Cliente) y ahora se pasará a usar el IBAN (International Bank Account Number).   ¿Qué es el IBAN? El Código Internacional de Cuenta Bancaria (IBAN) es un número de identificación que permite validar intencionalmente una cuenta mantenida por un cliente en …