domingo, 4 de noviembre de 2012
Sobre google Chrome Metro
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?
Al ejecutarse dentro del bucle for, while, o switch provoca la salida inmediata de la instrucción.
Ejemplo:
var i; //contadorfor (i = 1; i <= 10; i++) { if (i === 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
sábado, 25 de agosto de 2012
Remplazar todo javaScript
.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", arr, cadena;
//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
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)
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
- Abre jsfiddle.net y elige un boilerplate o uno en blanco.
- Escribe tu HTML, CSS y JS en los paneles. (El
<body>y el doctype se añaden automáticamente.) :contentReference[oaicite:3]{index=3} - Pulsa Run para ver el resultado. :contentReference[oaicite:4]{index=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 year, month, day, age, year_diff, month_diff, day_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() + 1) - month; 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/
sábado, 19 de mayo de 2012
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!"');
miércoles, 9 de mayo de 2012
Encontrar carpeta de extensiones de google chrome
%LOCALAPPDATA%\Google\Chrome\User Data\
%LOCALAPPDATA%\Google\Chrome\User Data\Default\Extensions
martes, 8 de mayo de 2012
Ahórrate tiempo al hacer búsquedas por imagen
lunes, 30 de abril de 2012
Zerg Rush: el “huevo de Pascua” de Google inspirado en StarCraft (entrada rescatada de 2012)
¿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
- Buscar zerg rush en Google (2012). Ahora usa el enlace de elgooG.
- Las “o” empezaban a caer desde arriba y a “comerse” la página.
- Hacer click rápido sobre cada “o” para destruirla antes de que borre todo.
- 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.
miércoles, 4 de abril de 2012
URLs y conteo de caracteres en X (entrada rescatada de 2012)
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
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
jueves, 29 de marzo de 2012
Habilitar combinaciones de teclas gmail.
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?
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)
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)
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.
miércoles, 29 de febrero de 2012
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.




