31
Jul
aNieto2k hace 5789 días en: ajax, javascript, Programacion, webdev
Hace unos meses conocí SIMILE Timeline, un sistema que despues fue usado para crear BlogoEdad, en el que me aproveché de la funcionalidad de Timeline nos ofrece para mostrar la edad de los 1.715 bloggers registrados.
Ahora la gente de SIMILE, nos deleita con TimePlot, un sistema de gráficas para estadísticas muy elegante y vistosa que nos permite una gran personalización, una personalización tan interesante que nos permite además de los datos que conformarán la gráfica, insertar hitos que indicarán eventos concretos en una linea temporal formada por la gráfica. Osea que podremos tener una gráfica basada en tiempo a la que se le añadirán eventos que nos servirán de referencia para los datos obtenidos.
Todo ello, está desarrollado mediante una API en Javascript, realmente extensa que podemos usar de forma completamente gratis ya que se trata de un software open source.
Ejemplo
<html>
<head>
<script src="http://static.simile.mit.edu/timeplot/api/1.0/timeplot-api.js" type="text/javascript"></script>
<script type="text/javascript">
var timeplot;
function loadNow() {
var eventSource = new Timeplot.DefaultEventSource();
var eventSource2 = new Timeplot.DefaultEventSource();
var timeGeometry2 = new Timeplot.DefaultTimeGeometry({
gridColor: new Timeplot.Color("#000000"),
axisLabelsPlacement: "top"
});
var valueGeometry = new Timeplot.DefaultValueGeometry({
gridColor: "#000000",
min: 0,
max: 100
});
var plotInfo = [
Timeplot.createPlotInfo({
id: "plot1",
dataSource: new Timeplot.ColumnSource(eventSource,1),
timeGeometry: timeGeometry2,
valueGeometry: valueGeometry,
lineColor: "#ff0000",
fillColor: "#cc8080",
showValues: true
}),
Timeplot.createPlotInfo({
id: "plot2",
dataSource: new Timeplot.ColumnSource(eventSource,3),
timeGeometry: timeGeometry2,
valueGeometry: valueGeometry,
lineColor: "#D0A825",
showValues: true
}),
Timeplot.createPlotInfo({
id: "plot3",
timeGeometry: timeGeometry2,
eventSource: eventSource2,
lineColor: "#03212E"
})
];
timeplot = Timeplot.create(document.getElementById("my-timeplot"), plotInfo);
timeplot.loadText("data.txt", ",", eventSource);
timeplot.loadXML("events.xml", eventSource2);
}
var resizeTimerID = null;
function onResize() {
if (resizeTimerID == null) {
resizeTimerID = window.setTimeout(function() {
resizeTimerID = null;
timeplot.repaint();
}, 100);
}
}
</script>
</head>
<body>
<body onload="loadNow();" onresize="onResize();">
<div id="my-timeplot"></div>
</body>
</html>
31
Jul
aNieto2k hace 5789 días en: General
Tras casi un mes de ausensia, he podido meterle mano al foro y echandolé un vistazo a logs he visto por que fallaba y en 5 min estaba corregido. Así que sin más dilación….
31
Jul
aNieto2k hace 5789 días en: Asides, javascript, Programacion, usabilidad, webdev
Si estás buscando una barra de progreso para tus aplicaciones web, deberías tener en cuenta Ajax Progress Bar, fácilmente personalizable y de usar.[Descargar][Demo]. Progress Bar versión MooTools de TechNiq, gracias Daniel.
31
Jul
aNieto2k hace 5789 días en: Humor, webdev, Wordpress
La web 2.0 está marcando un punto de inflexión en cuanto al concepto de las aplicaciones web, pero (y en todo jocoso) ¿estás preparado para la web 2.0?
Para empezar, y a modo de ampliar los 8 trucos para hacerte con la web 2.0, deberías tener en cuenta estas 12 formas de migrar de la web 1.0 a la 2.0.
- Reemplaza e-loquesea.com por my-loquesea.com
- Incrementa el tamaño de la fuente a 12-16px (1em).
- Cambia las categorías por tags
- Cambia la sección de noticias por un blog
- Cambia el «Enviar a un amigo» por una suscripción RSS.
- Cambia el «Guardar en Marcadores» por enlaces a redes sociales.
- Cambia la «Cuenta de usuario» por «Perfil de usuario»
- Cambia tu cutre código HTML por un semántico xHTML con CSS
- Son visitantes, no peticiones.
- Añade comentarios
- Cambia e-site.com?id=1234&sort=desc¶metros=inventados por my-site.com/a-que-molo-mazo
- Cambia tu sitio personalizado por un CMS Open Source.
¿Es que alguien creía que Internet se libraría de las modas? 😀
30
Jul
aNieto2k hace 5790 días en: CSS, javascript, Programacion, webdev
Si te gusta el dock OSX de MacOS y te gustaría integrarlo en tu página web, tienes unos cuantos de donde elegir.
- CSS Dock Menu [Demo] Navegadores: IE 6, IE 7, Opera 9, Firefox 2 y Safari.
- MacStyleDock [Demo] Navegadores: Firefox, IE6, IE7, Konqueror, Opera9,
- iconDock [Demo] Navegadores: Firefox, IE6, IE7, Safari.
- Dojo FishEye Widget [Demo] Navegadores: ??
- MooTools FishEye [Demo] Navegadores: ??
- iFishEye [Demo] Navegadores: IE, Firefox, Opera, Safari
- euroDock [Demo] Navegadores: ??
- Corner Dock [Demo] Navegadores: IE7, Firefox, Opera9, Safari.
30
Jul
aNieto2k hace 5790 días en: CSS, estandares, Programacion, web, webdev
Hace unos días media internet se hacia eco de CSS-Redundancy checker, una herramienta para optimizar tus CSS, informandote de las clases e id’s no usados en el código. Incluso se montó una versión online para realizar dicha función.
Pero hay una forma mucho más cómoda y sin necesidad de depender de una herramienta externa para comprobar la utilización de nuestros elementos CSS y depurar nuestro código CSS mejorando el rendimiento y dandolé un toque más profesional….Lo sé, tendría que mirarmelo, pero no tengo tiempo ahora mismo 😀
Dust-Me Selectors es una extensión para Firefox que te permite conocer que selectores están declarados en el CSS y no se usan en el código HTML de nuestras páginas.
30
Jul
aNieto2k hace 5790 días en: Actualidad, de la red, estandares, Programacion, web, webdev
El tag unavailable_after, que permite especificar el momento en el que la página debería ser retirada de la lista de resultados de busqueda. De tal forma que podemos hacer que nuestras entradas antiguas desaparezcan dejando las más modernas por delante en la lista de resultados.
<META NAME="GOOGLEBOT" CONTENT="unavailable_after: 11-Sep-2007 11:00:00 EST">
Este tag puede ser usado para varias tareas, la más obvia es para limitar el tiempo de exposición de material en la lista de resultados. Aunque el tag permite a los webmasters un control extra sobre el contenido de sus páginas.
La idea es que los webmasters usemos el tag para conseguir que el contenido de nuestras páginas sea lo más actualizado posible y evitemos encontrar artículos muy antiguos y completamente desactualizados.
Via nenglog leo que por fin el blog de Google ha anunciado que este tag será tratado por parte de Google de forma oficial.
30
Jul
aNieto2k hace 5790 días en: Curiosidades, Programacion, webdev
Mingle2, es un curioso entretenimiento de 5 minutos en los que has de enumerar el máximo de elementos HTML que recuerdes. Al puro estilo Brain Training para WebDevelopers, me ha tenido 5 min recordando códigos enteros.
¿Cuantas recuerdas tu?
