jsMath: incluye fórmulas matemáticas en tu web

ByLuis September 4, 2007

jsMath es una paquete basado en la capa de matemÃ¡ticas TeX, que nos permite aÃ±adir ecuaciones y notaciones matemÃ¡ticas en nuestras pÃ¡ginas web. Con soporte para muchos navegadores en diferentes sistemas operativos, lo cual nos ahorra un problema de compatibilidades.

jsMath intenta usar fuentes TeX, y cuando no se disponga de ellas usarÃ¡ imÃ¡genes que son escalables y con fuentes Unicode, por lo que a la hora de imprimir no perderÃa resoluciÃ³n. No utiliza directamente MathML porque este no estÃ¡ pensado para ser escrito directamente y porque no hay demasiados navegadores que lo admitan.
jsMath
VÃa / dzone

Desarrollo web | Quicklinks

Protolize: listado de herramientas web

ByLuis May 2, 2006

Protolize es una lista con herramientas web, algunas imprescindibles y otras que nos pueden ser bastante útiles. Organizada en categorías y algunas separadas en grupos: aplicaciones en general: herramientas como Type Navigator, Web Developer Extension y Color Scheme Generator, y recursos como The Web Developer’s Handbook, Design Melt Down y A List Apart; CMS (Modx, WordPress, Drupal); herramientas CSS como CSS Photo Gallery, Background Image Maker y Nifty Corners Cube, y sitios para inspirarse como CSS Mania, CSS Import y CSS Beauty; Javascript (Script.aculo.us, Prototype, Image Reflection); AJAX (Ajaxload, Ajax Downloadables, Lightbox); PHP (Hot Scripts, Php Freaks, Pear); Flash (Fuse Kit, Zigo Tween Engine, MC Tween).
Protolize | Essential web tools in one place
Vía / Digg

Desarrollo web | Javascript

El rendimiento de Google Instant Previews

ByLuis November 16, 2010

Algunas veces no nos paramos a pensar en los cambios que añade una web, en este caso Google, los problemas que pueden aparecer en tema de rendimiento. Y estos problemas suelen ser fundamentales a la hora de la impresión que se lleva un usuario de la web, claro, que Google no se caracteriza por problemas de rendimiento y los expertos que están trabajando allá deben ser de lo mejorcito que existe.

Después de este rollo introductorio, me gustaría apuntar los 3 aspectos que utiliza Google para mejorar el rendimiento que se centran sobre todo en la reducción del número de peticiones HTTP:

Compilación de Javascript: mediante Closure Compiler, consigue reducir el tamaño de los ficheros js, reutilizar variables, …
JSONP bajo demando: JSONP permite envolver la respuesta JSON con una llamada Javascript. Se realizan llamadas directas al script en vez de usar Ajax, lo cual permite hacer llamadas crossdomain y que el navegador lo cachee perfectamente. El problema es que si se añade la llamada con un createElement, el navegador se queda cargando, por lo que es mejor meterlo entre un setTimeout.
DATA URIs: es un método de añadir contenido en URLs usando base64, el problema es que IE8 sólo admite DATA URIs de 32k, por lo que dividen las imagenes en trozos y los “empalman” con etiquetas IMG. También han comprobado que aunque base64 añade hasta un 33% del tamaño, como lo devuelven en gzip, el tamaño final es más o menos el mismo.

Está claro que hay que aprender de los que saben.

Instant Previews: Under the hood

Vía / High Scalability

Desarrollo web | Quicklinks

Recursos: BLUE VERTIGO

ByLuis April 3, 2006

Con el paso de los años nos vamos acomodando y tendemos a confiar cuando buscamos material para el desarrollo de sitios en algunos pocos recursos de confianza ignorando un mar de posibilidades. Si estás en esta fase bien por vaguete o por desconocimiento de a dónde acudir…
Desde Argentina, directorio de fuentes y stock de imágenes organizadas por tipo y licencias, vectoriales, sonidos para usar en Flash, photoshop brushes, y mucho más:
BLUE VERTIGO

Desarrollo web

Crear ventanas tipo Netvibes con Prototype

ByLuis September 10, 2007

Crear ventanas flotantes en HTML es una de las cosas mÃ¡s difÃciles de realizar en una pÃ¡gina web. En alguna ocasiÃ³n hemos hablado de cÃ³mo realizar ventanas con HTML y Javascript.

En este caso se trata de una extensiÃ³n para Prototype que con unas simples lÃneas de cÃ³digo seremos capaces de crear nuestras ventanas de forma rÃ¡pida.

Para usarlo primero nos deberemos crear la estructura HTML:

<div id="page">
<div id="widget_col_0"></div>
<div id="widget_col_1"></div>
<div id="widget_col_2"></div>
</div>

Con sus CSS:

#page {
margin: 10px auto;
}
#widget_col_0 {
float:left;
width: 30%;
}
#widget_col_1 {
width: 50%;
float:left;
}
#widget_col_2 {
float:left;
width: 20%;
}

Instanciar la clase:

var  portal = new Xilinus.Portal("#page div")

Y por Ãºltimo aÃ±adir el contenido:

portal.add(new Xilinus.Widget(), 0)
// O con tÃtulo y contenido
portal.add(new Xilinus.Widget().setTitle("Widget Title").setContent("El texto que sea"), 1);

Prototype Portal Class

VÃa / WebAppers

Desarrollo web

CodeCodex: reutilizar código

ByLuis March 9, 2007

CodeCodex es una wiki que guarda distintos trozos de cÃ³digo en varios lenguajes de programaciÃ³n para que podamos acceder a ellos y reutilizarlos.

La filosofÃa es no reinventar la rueda y reutilizar cÃ³digo ya creado. Con CodeCodex podremos buscar y usar cÃ³digo ya creado, aprender nuevos algoritmos y ayudar a la comunidad de desarrolladores con tu propio cÃ³digo.

Es curioso ver el Hola Mundo en los diferentes tipos de programaciÃ³n, por ejemplo ensamblador.

    .model tiny
.data
message    db    'Hello, World!'
.code
org 100h
start:
mov ah,9
mov dx,offset message
int 21h
ret
end start

CodeCodex

VÃa / Dzone

Similar Posts