|
Domingo, 04 de Enero de 2009 21:57 |
|
Silksprite es un plugin para Blueprint que permite añadir la colección de iconos Silk de famfamfam a nuestros diseños. Todos los iconos estan juntados en una unica imagen y para mostrarlos el css utiliza la técnica de CSS Sprites. |
|
|
Domingo, 30 de Noviembre de 2008 15:37 |
Pequeño y efectivo (212 bytes), jQuery Delay Plugin es justamente un plugin para jQuery que nos permite definir un tiempo de espera antes de ejecutar una función específica:
Javascript
-
$(document).ready(function(){
-
-
// 4 segundos de espera antes de ejecutar la función...
-
$(this).delay(4000,function(){
-
-
// Cambiamos el color de los parrafos
-
$("p").css("color","red");
-
-
});
-
});
|
|
Domingo, 09 de Noviembre de 2008 20:02 |
 A menudo sucede que a medida que estamos creando un sitio, vamos incorporando unos estilos por aquí, un framework javascript por este otro lado, algún que otro plugin de ese framework por allá (que ademas viene con su propio CSS) y al final nos damos cuenta que:
-
El header de nuestro sitio termina siendo una infinidad de llamados a estilos en cascadas y javascripts;
- La web termina tardando un tiempillo considerable en cargar
Para darnos una ayuda en este sentido, podemos contar con Minify, un script PHP que realiza tres trabajos principales:
- Nos ayuda a reducir el numero de peticiones al servidor combinando varios CSS / JS en uno solo;
- Minimiza el código de los archivos, eliminando espacios vacíos, saltos de líneas y comentarios;
- Cachea en el servidor los archivos creados
Para utilizarlos, tan solo debemos descargar el paquete, mover la carpeta "min" a la raíz de nuestro sitio y dirigirse a http://www.nuestrositio.com/min/
Allí vamos creando la lista con los archivos que queremos procesar:
Una vez listo le damos Update, y ya tendremos los archivos comprimidos y combinados, listos para ser utilizados:
Otras opciones que otorga son las de crear grupos predefinidos de archivos y un bookmark para facilitar el trabajo al añadir archivos para procesar.
Optimizar el código y reducir el numero de peticiones son dos puntos que podemos tomar en cuenta en el momento de optimizar un sitio, para abordar más en el tema recomiendo el excelente artículo de Yahoo! Developer Network con 34 reglas para mejorar la velocidad de un sitio web.
Minify
|
|
Viernes, 07 de Noviembre de 2008 12:32 |
 Un pequeño script (1.7 KB) para cuando necesitamos ordenar datos contenidos en una tabla de manera sencilla. Funcional en IE, Firefox, Opera, Safari y Chrome. Ver Demo
|
|
Jueves, 30 de Octubre de 2008 12:39 |
 Justamente hace unos días, mientras realizaba un trabajo, pensaba porqué no existía una forma más sistemática (o tal vez metodológica) para el armado de menús desplegables con CSS, y que sea funcional en los distintos navegadores.
Free CSS Drop-Down Menu Framework puede llegar a ser una interesante iniciativa, es un framework CSS para crear menús desplegables, pensado para ser flexible y escalable para distintas situaciones. Los ejemplos pueden accederse desde la misma web (aunque el de MTV es el que más me agrada).
|
|
|
<< Inicio < Anterior 1 2 3 4 5 6 7 8 9 10 Siguiente > Fin >>
|
