domingo, 4 de noviembre de 2012

Sobre google Chrome Metro

Hace poco salió windows 8 con su interfaz llamada metro, windows new morden UI, new style. Al final tiene tantos nombres.

Hoy vengo a hablar de chrome aunque la verdad no voy a hablar sólo a decirles la razón por la cual no está como que sincronizada la aplicación, la única forma que conozco de sincronizar la versión metro y la versión de escritorio es logueandote por el correo.


La razón por la que la versión metro y la versión de escritorio están separadas es porque están en carpetas diferentes.

Como escribí, si quieres sincronizar ambas versiones tendrás que utilizar tu correo de gmail.

miércoles, 3 de octubre de 2012

Simplificando pasos para hacer glitch

He creado una extensión para simplificar pasos a la hora de hacer glitch en glitch.com.nu.







Código:
manifest.json

{
  "name": "Glitch me",
  "description": "Glitch a imagen",
  "version": "0.1",
  "permissions": ["contextMenus", "tabs"],
  "background": {
    "scripts": ["glitch.js"]
  },
  "manifest_version": 2
}



glitch.js

var glitchMe = function(info) {
    window.open("http://glitch.com.nu/?url=" + encodeURIComponent(info.srcUrl));
};
var title = "Glitch me!";
var id = chrome.contextMenus.create({"title": title, "contexts":["image"],"onclick": glitchMe});






miércoles, 19 de septiembre de 2012

¿Cómo salir de un bucle?

Intrucción Break
    Al ejecutarse dentro del bucle for, while, o switch provoca la salida inmediata de la instrucción.

Ejemplo:
var i//contadorfor (1<= 10i++{    if (=== 5{        break//Provoca la salida de la instrucción    }    console.log(i)//Imprime el valor de i}

Esto imprime
1
2
3
4



jueves, 13 de septiembre de 2012

Windows 8 google chrome

Ayer (hace 8 horas) instalé windows 8 para developers. Tengo intenciones de aprender un poco más sobre windows 8 y metro. Al despertar por la mañana comienzo a instalar programas y cuando llego a chrome, no lo puedo instalar (ya saben porque el meme de arriba). Luego me descargué una app chromium que me daba un error ".\kernel_log_consumer.cc", el caso es que pensé... un momento eso es un helper para descargar el instalalor, si busco el instalador, pondré instalar google chrome. Y bueno, así fue.

Pueden descargarlo desde aquí.

-mente.

sábado, 25 de agosto de 2012

Remplazar todo javaScript

Muchas veces cuando tenemos que remplazar, necesitamos remplazar todo de una sola vez. Pero cuando usamos el método .replace en javaScript sólo nos remplaza el primer valor. Hoy les traigo la solución para que puedan remplazar todo usando el método para cadenas split() y el método para arrays join(). ¿Cómo usamos estos dos métodos para hacer un remplazar todo?
split() se utiliza para dividir una cadena en un array de subcadenas, y devuelve la nueva matriz. join() se utiliza para unir los elementos de un array en una cadena y devuelve la cadena.

Ahora el ejemplo: Queremos remplazar los guiones por comas y espacios en las siguiente cadena.
var frutas "Manzana-pera-aguacate"arrcadena;
//utilizamos split para convertir la frutas en un array de subcadenas.
arr frutas.split("-")//separar = ["Manzana", "pera", "aguacate"]
//utilizamos split para unir los elementos de arr
cadena arr.join(", ")//remplazar = "Manzana, pera, aguacate"
//este alert() es para confirmar que se ha remplazado "-" por ", "
alert(cadena);
url del ejemplo:http://jsbin.com/ecumuh/1/edit

Se puede hacer una función:
//función

var remplazarTodo = function(cadena, buscar, remplazar){
return cadena.split(buscar).join(remplazar);
};   
alert(remplazarTodo("Manzana-pera-aguacate", "-", ", "));

viernes, 24 de agosto de 2012

bigText


Yo que pensaba que esto era responsive design :/

    var bigText = function(maxWidth, element){
        var vari = screen.width / maxWidth;
        element.style.fontSize = document.documentElement.offsetWidth/ vari + "px";
        window.onresize = function(){
            element.style.fontSize = document.documentElement.offsetWidth/ vari + "px";
        };
    };



jueves, 21 de junio de 2012

JSFiddle: escribir, probar y compartir HTML/CSS/JS (entrada rescatada)

Contexto actualizado: JSFiddle es un “playground” para crear ejemplos rápidos de HTML, CSS y JavaScript, ejecutarlos y compartir un enlace. Los “fiddles” tienen paneles para código y un panel de resultado; puedes pulsar Run, guardar (Save/Update) o crear una copia con Fork. :contentReference[oaicite:0]{index=0}

Cómo añadir librerías

Puedes cargar librerías de dos formas:

  • JavaScript → Frameworks & pre-procesadores (React, Vue, TypeScript, Babel, etc.). :contentReference[oaicite:1]{index=1}
  • External resources: agrega URLs de JS o CSS (incluye buscador de CDNJS). :contentReference[oaicite:2]{index=2}

Flujo básico

  1. Abre jsfiddle.net y elige un boilerplate o uno en blanco.
  2. Escribe tu HTML, CSS y JS en los paneles. (El <body> y el doctype se añaden automáticamente.) :contentReference[oaicite:3]{index=3}
  3. Pulsa Run para ver el resultado. :contentReference[oaicite:4]{index=4}
  4. Guarda con Save/Update o crea una copia con Fork. :contentReference[oaicite:5]{index=5}

Incrustar un fiddle en tu blog

Desde el menú de acciones, JSFiddle te da un snippet para iframe o script. Puedes cambiar el orden de pestañas (por ejemplo result,js,html,css) y elegir tema claro/oscuro. :contentReference[oaicite:6]{index=6}

<!-- Ejemplo de embed (reemplaza la URL por la de tu fiddle) -->
<iframe width="100%" height="400"
  src="https://jsfiddle.net/usuario/abc123/embedded/result,js,html,css/"
  allowfullscreen="allowfullscreen" loading="lazy"></iframe>

¿JSFiddle o alternativas?

  • CodePen: playground muy popular; también permite External Resources y embebidos. :contentReference[oaicite:7]{index=7}
  • StackBlitz: IDE en el navegador con WebContainers (Node.js corriendo en la pestaña), ideal para proyectos completos. :contentReference[oaicite:8]{index=8}

Tip: si en tu post antiguo mencionabas MooTools/jQuery/Prototype, puedes dejarlo como anécdota histórica y añadir que hoy suele usarse React/Vue/TypeScript vía las opciones del panel de JavaScript. :contentReference[oaicite:9]{index=9}

Última revisión: 19 de agosto de 2025

lunes, 21 de mayo de 2012

Calcular Edad JavaScript

/* Calculate Age
With this function you can calculate the age of a person
*/function calcAge(birthday{    var yearmonthdayageyear_diffmonth_diffday_diff;    var myBirthday new Date();    var today new Date();    var array birthday.split("-");
    year array[0];    month array[1];    day array[2];
    year_diff today.getFullYear(year;    month_diff (today.getMonth(1month;    day_diff today.getDate(day;
    if (month_diff 0{        year_diff--;    else if ((month_diff === 0&& (day_diff 0){        year_diff--;    }    return year_diff;
}
document.write(calcAge("1993-05-12"));

http://jsfiddle.net/AgustinAlvia/MWtGL/

jueves, 10 de mayo de 2012

UserScript Google Chrome


// ==UserScript==
// @name          Webmonkey's Hello World
// @namespace     http://www.webmonkey.com
// @description   A basic example of Greasemonkey that causes an alert at each page load.
// @match http://*.google.com/*
// ==/UserScript==


alert('Monkey sez... "Hello World!"');

No encontraba mucha información acerca del tema :s

Lo que hace el código de arriba es que te manda una alerta cada vez que visitas google.




miércoles, 9 de mayo de 2012

Encontrar carpeta de extensiones de google chrome

Copian y pegan lo siguiente en la barra de direcciones del navegador de windows
%LOCALAPPDATA%\Google\Chrome\User Data\
Esto debería abrir la carpeta donde vamos a seleccionar nuestra profile, porque puedes tener varios usuarios en google chrome y estos pueden extensiones diferentes. Si tienes dos entonces tendrás la carpeta default y profile1, abre las carpeta deseada y entras a Extensions

Y si sólo tienes un usuario en tu navegador, pega esto en ejecutar directamente:
%LOCALAPPDATA%\Google\Chrome\User Data\Default\Extensions


martes, 8 de mayo de 2012

Ahórrate tiempo al hacer búsquedas por imagen

Hace más de un año, google puse al acceso un servicio de búsquedas por imag en el cual es muy útil a la hora de buscar el autor de un meme o algo así. Pero tardas algo de tiempo copiando la URL de la imagen, abriendo una nueva pestaña, introduciendo la dirección de google, apretar enter, dar clic en imagenes, luego hacer clic en la cámara, pegar el enlace y hacer click en buscar. Ufff un montón de pasos.

Bueno yo les traigo una aplicación que te resume todos esos paso en tan sólo dos click. Es una extensión que se agrega al navegador chrome cuyo nombre es Search by Image (by Google)


lunes, 30 de abril de 2012

Zerg Rush: el “huevo de Pascua” de Google inspirado en StarCraft (entrada rescatada de 2012)

Contexto: En 2012 Google lanzó un easter egg: al buscar zerg rush, pequeñas “o” atacaban y “se comían” los resultados hasta formar GG. Era un guiño a la táctica zerg rush del juego StarCraft, donde se ataca muy temprano con muchas unidades débiles. :contentReference[oaicite:0]{index=0}

¿Qué es un Zerg Rush?

En StarCraft, un zerg rush es un ataque temprano y masivo para abrumar al rival. Google lo convirtió en un minijuego: las “o” del logo descendían y destruían los resultados si no hacías click sobre ellas; al final aparecía GG (“good game”). :contentReference[oaicite:1]{index=1}

¿Sigue funcionando?

El easter egg original ya no está activo en la búsqueda de Google, pero existe una recreación fiel en el sitio elgooG (archivo de huevos de Pascua), donde se puede jugar hoy. :contentReference[oaicite:2]{index=2}

👉 Jugar Zerg Rush en el espejo de elgooG. :contentReference[oaicite:3]{index=3}

Cómo se jugaba

  1. Buscar zerg rush en Google (2012). Ahora usa el enlace de elgooG.
  2. Las “o” empezaban a caer desde arriba y a “comerse” la página.
  3. Hacer click rápido sobre cada “o” para destruirla antes de que borre todo.
  4. La partida terminaba cuando no quedaban resultados o eliminabas a todas las “o”. :contentReference[oaicite:4]{index=4}

Nota: elgooG es un sitio no oficial que conserva/recrea varios huevos de Pascua antiguos de Google (p. ej., “Do a barrel roll”, “Atari Breakout”, “Google Mirror”). :contentReference[oaicite:5]{index=5}

Última actualización: 19 de agosto de 2025

Kanban2go nuevo diseño.

    Creo que un artículo anterior les hablaba sobre Kaban2go la aplicación web que nos permite organizar nuestras tareas de una manera totalmente diferente e innovadora a la que estamos acostumbrados usualmente a utilizar, ya que esta tiene tres estados diferentes: Por hacer(to-do), En porgreso(in-progress) y hechas(done).
   Tenía tiempo sin entrar al sitio, pero hoy que entre me he dado que tiene nuevo diseño y otra opción que no tenía antes. Así que me ha dado otra razón para continuar usando esta espectacular aplicación.
   Enlace: https://kanban2go.com/


miércoles, 4 de abril de 2012

URLs y conteo de caracteres en X (entrada rescatada de 2012)

En 2012 jugué con cómo X (entonces Twitter) contaba los caracteres cuando pegabas links. Hoy las reglas son más claras: cada URL se acorta con t.co y cuenta como 23 caracteres, sin importar su longitud visible. El límite “clásico” sigue siendo 280, y con X Premium puedes publicar hasta 25 000 caracteres. (Los ejemplos de abajo usan las reglas actuales.)

Mi observación de 2012

“Solo escriban aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa.ly/123456789012345 y verán que parece ocupar menos” — lo que veía era truncado visual de la URL en la interfaz, pero el sistema ya la contaba como un enlace acortado.

Cómo funciona hoy (resumen útil)

  • Límite estándar: 280 caracteres por post.
  • Premium: hasta 25 000 caracteres.
  • Enlaces: cualquier URL vale 23 caracteres (t.co), aunque se muestre truncada con “…”.
  • Medios oficiales (fotos/videos subidos): cuentan 0 caracteres.
  • Emoji y CJK: ciertos glifos cuentan “más” (muchos emoji valen 2), por eso a veces “280” se alcanza antes.

Prueba rápida

0 / 280

Notas: El que una URL se vea “recortada” en pantalla no cambia el conteo. Si añades dos enlaces, son 23×2 = 46 caracteres. Los adjuntos subidos desde X (fotos/video) no consumen caracteres. Con Premium puedes exceder 280 (hasta 25 000).

Última revisión: agosto de 2025.

martes, 3 de abril de 2012

html5 test

HTML5 test es una web para saber que características de html5 soporta tu navegador.


jueves, 29 de marzo de 2012

Habilitar combinaciones de teclas gmail.

Por lo general cuando se está acostumbrado a usar hotmail presionas "ctrl+." para avanzar. Pero cuando llegas Gmail no tienes esa función habilitada y como te da un poco de miedo decides no tocar nada, pero es muy fácil habilitar las combinaciones de teclas. Lo único que tienes que hacer es dirigirte a configuración y dar click en habilitar habilitar combinaciones de teclas. si quieres avanzar al siguiente mensaje simplemente presiona n. 
También recomiendo visitar: La lista de las combinaciones de teclas.
.

lunes, 19 de marzo de 2012

¿Cómo poner tus tweets en i-rooms.net?

Cómo sabrán I-rooms.net es la primera red social de Panamá
Tenía mucho tiempo sin entrar, la verdad no hay muchas cosas que te hagan querer quedarte en la web.
En el día de hoy les traigo una forma de poder poner tus tweets en i-rooms.net a través de RSS.
Simplemente tenemos que conseguir la id de nuestro usuario de twitter, lo cuál es muy fácil simplemente desde nuestro navegador tenemos que ver el código fuente de nuestro perfil de twitter y buscar esto: data-user-id="
Por ejemplo mi perfil de twitter es: https://twitter.com/#!/AgustinAlvia cuando estás en la dirección de tu perfil presionas ctrl + u para ver el código fuente luego buscas data-user-id=" y deberías encontrar un texto resaltado y al final vas a ver algo como esto data-user-id="165474224" entonces el número sería tu id.
Bueno ya que tienes tu id sólo tendrías que cambiar el texto ID AQUÍ por tu id. http://twitter.com/statuses/user_timeline/ID AQUÍ.rss por lo tanto quedaría algo así. http://twitter.com/statuses/user_timeline/165474224.rss por alguna razón i-rooms no postea los tweets cuando se usa el protocolo https por esa razón uso http. Luego de eso sería entrar a nuestro cuarto i-rooms y buscar donde dice rss damos click en editar y en url ponemos la url del rss de nuestros tweets.

sábado, 10 de marzo de 2012

Kanban2go

Kanban para listas de tareas (entrada rescatada de 2012)

Nota: En 2012 conocí una app llamada kanban2go para manejar to-do lists con columnas To-do / In progress / Done. Ese servicio ya no está disponible, pero la idea Kanban sigue más vigente que nunca. Aquí dejo la anécdota y algunas alternativas actuales.

Una forma visual y simple de organizar tareas es usar un tablero con columnas: Por hacer → En progreso → Hecho. Mover las tarjetas entre columnas ayuda a ver el flujo y a limitar el trabajo en curso (WIP).

Alternativas actuales

Trello — tableros con listas y tarjetas.
Notion (Board view) — bases de datos con vista Kanban.
Todoist Boards — vista Kanban sobre proyectos.
ClickUp — Kanban con campos personalizados y límites WIP.
Jira Software — Kanban para equipos de desarrollo.

Si nunca has probado Kanban, empieza con tres columnas y un límite de 1–3 tareas simultáneas en “En progreso”. Pequeños límites producen grandes avances.

sábado, 3 de marzo de 2012

Raspberry PI

Cuando descubrí la Raspberry Pi (entrada rescatada de 2012)

Actualización rápida: este texto nació en 2012 cuando recién conocí la Raspberry Pi. Corrijo el nombre y los enlaces, y dejo la anécdota tal cual mi entusiasmo de ese momento .

Por fin me animé a escribir: están pasando cosas muy cool y todo avanza rápido. Hoy quiero hablar de la Raspberry Pi.

La Raspberry Pi es un ordenador diminuto: del tamaño de una tarjeta de crédito. En aquellos días me voló la cabeza que un equipo así costara entre 25–35 USD y que se le pudiera instalar Linux. Leía sobre distribuciones como Fedora o Debian, y pensé: “¿Qué más se puede pedir de una PC tan barata y tan pequeña?”.

Si te interesa saber más, aquí están los sitios oficiales: raspberrypi.com (producto) y raspberrypi.org (fundación).

Sigo pensando que esa idea —computación accesible en una placa del tamaño de una tarjeta— cambió muchísimo la forma de aprender y experimentar con hardware.

lunes, 27 de febrero de 2012

Acerca del blog

Voy a escribir aunque mi ortografía no sea perfecta. Aquí compartiré lo que aprendo —matemáticas, computación y curiosidades— con la intención de que sea útil. Prefiero publicar con claridad y honestidad antes que quedarme callado por miedo a las comas. Empiezo de nuevo.