Un colorido reloj con Css y Javascript

colorful-jquery-css-clock

Demo | Download

Llegan las vacaciones de verano y el ánimo está por las nubes, esta semana vamos a hacer un colorido reloj con jQuery y CSS, que te ayudará a realizar un seguimiento del tiempo que falta para coger esos días de vacaciones que tanto esperas. Para realizar este tutorial nos hemos basado en el plugin jQuery – tzineClock.

Sin más, manos a la obra, descarga los archivos de demostración y continúe con el paso uno. Read more

ECMAScript 6 – nuevas variables en JavaScript: let y const

 

ECMAScript 6 Javascript

ECMAScript 6 o dicho de otra forma: la nueva versión de JavaScript, que actualmente están empezando a implementar algunos navegadores. Firefox tiene un amplio soporte para esta nueva versión de JavaScript y Chrome, tiene algo de soporte (aunque se puede extender habilitando alguna flag).

Pero sin más preámbulos vamos a conocer los nuevos tipos de variables que acompañan a ya clásico var, como es let (para controlar el ámbito de la variable) o const (que por fin nos trae las constantes en JavaScript).

Read more

Se hace oficial, Google controlará las extensiones de Chrome por completo

 

Se hace oficial e irrevocable, Google controlará las instalación de extensiones a través de la Chrome Web Stores y desde el mes de Mayo no se podrán instalar extensiones que no hayan sido aprobadas por Google.Google controlará por completo las extensiones de google

Lo más tajante de la historia, es que esta acción se realiza de manera inminente y con carácter retroactivo, con esto quiero decir que todas las extensiones instaladas con anterioridad a dicha fecha y a parte hayan sido instaladas desde fuera de la tienda, serán deshabitadas hasta el momento en el que formen parte de la Chrome Web Store y sean revisadas por Google.

La principal razón que exponen es debido a la instalación en background de algunas extensiones por sitios Web de contenido malicioso y que perjudican gravemente la interacción del usuario, rastreando sus movimientos e introduciendo anuncios a mansalva. Aunque a todo esto, se suma que el cambio es aplicado a usuarios pertenecientes al sistema operativo Windows. Se comenta, que poco a poco irán migrando a los demás sistemas operativos que utilizan este mismo navegador.

Google usa información de DMOZ en las tarjetas descriptivas

Cuando Google añade la tarjeta de identificación de un sitio en los resultados de búsqueda, se puede apreciar que Google usa información desde la Wikipedia. Si un sitio o una organización no cuenta con un artículo asociado en Wikipedia, la tarjeta detalle con la información no se mostraba. Ahora, Google también usa las descripciones desde Open Directory Project (DMOZ) para mostrar esta información adicional, por lo que los sitios como el blog oficial de Google y Android Police, entre otros, tienen sus propias tarjetas.

Detalles de tiempo de carga con cURL

firstbyte-curl

En un estudio reciente que he realizado para determinar el tiempo hasta obtener el primer Byte en uno de mis proyectos, me acordé de los detalles adicionales que proporciona cURL.

cURL soporta formatos de salida para el detalle de la llamada (lea el manpage de cURL para más detalles, sobre “-w, -write-out <format>”). En este caso, me centraré solo en los datos de tiempo que proporciona.

1º): crea un fichero, por ejemplo: “curl-format.txt”, y copia el siguiente código:

\n
            time_namelookup:  %{time_namelookup}\n
               time_connect:  %{time_connect}\n
            time_appconnect:  %{time_appconnect}\n
           time_pretransfer:  %{time_pretransfer}\n
              time_redirect:  %{time_redirect}\n
         time_starttransfer:  %{time_starttransfer}\n
                            ----------\n
                 time_total:  %{time_total}\n
\n

2º) realice la llamada de la siguiente forma:

curl -w "@curl-format.txt" -o /dev/null -s http://wordpress.com/

¿Que hace realmente esto?:

  • -w "@curl-format.txt" indica a cURL que use el formato que se le indica en el fichero
  • -o /dev/null redirecciona la salida de la petición a /dev/null
  • -s  indicamos a cURL que no muestre el progreso de la métrica
  • http://wordpress.com/ es la URL que analizaremos

y aquí tenemos la respuesta:

   time_namelookup:  0.001
      time_connect:  0.037
   time_appconnect:  0.000
  time_pretransfer:  0.037
     time_redirect:  0.000
time_starttransfer:  0.092
                   ----------
        time_total:  0.164

 

El tiempo para el primer byte es la línea time_starttransfer. Los otros detalles de sincronización incluyen la búsqueda de DNS, conexión TCP, tiempo del bussines pre-transfer, redirecciones (en este caso no había ninguno), y por supuesto el tiempo total.

El fichero de formato para la salida proporciona un amplio nivel de flexibilidad, por ejemplo, podría hacer que sea CSV para facilitar el análisis. Una práctica de lo anterior, podría ser ejecutar tareas Cron para rastrear periodicamente los datos detallados de una URL específica y estar al tanto de los tiempos de carga.