Archive for the ‘Programacion’ Category

Maquetacion Css con 960 Grid System

960 grid system es un conjunto de archivos css, diseñado para crear una especie de rejillas, para diseñar el modelo de cajas de css de una forma muy fácil.

Igual trae un archivo de photoshop, para poder maquetar la web desde el photoshop con las proporciones correctas, para que a la hora de convertirlo a html y css, quede exactamente igual.

Espero que les sirva…

Preloading pagina completa – Jquery – QueryLoader

Problemática:

Algunos sitios que he estado programando, requerían uso excesivo de imágenes y efectos con imágenes, algunas veces las imágenes no terminaban de cargar cuando el script las intentaba utilizar, dando como resultado un cuelgue del script.

Solución:

Pre cargar todo el cuerpo de la pagina y cuando este listo mostrarlo, cuando esto suceda todas las imágenes estarán listas para usarse y los scripts no se colgaran.

Para ello necesitaremos un plugin jquery que nos hará este favor.

QueryLoader.

Sitio de demostración y descarga: http://www.gayadesign.com/scripts/queryLoader/

Sitio de documentación: http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/

Editor de contenidos para proyectos web

Desde hace meses, vengo codificando una especie de cms casero, para algunos proyectos. Este pequeño cms debería tener la opción de un editor de contenidos, al principio empecé a utilizar Tiny MCE pero los plugins para hacer uploads de imágenes y archivos son de paga, por lo cual decidí probar alternativas; una de esas alternativas fue el CKEditor que tiene exactamente el mismo detalle que el anterior, los plugins para subir archivos y fotos son de paga.

Después de estar desanimado y con la idea de codificar un plugin para algún editor, que me retrasaría un par de meses, encontré a Xinha, un editor de contenidos que tiene todo lo que deseaba y su configuración e instalación es facilísimo.

http://xinha.webfactional.com/

Funcion para limpiar urls, fiendly urls

Bueno, esta funcion limpia la url de los caracteres muy extraños y espacios.

El fin de postear esto, es que no se me olvide esta funcion.


function limpia_url( $string , $space="-" )
{

$currentMaximumURLLength = 100;

if (function_exists('iconv'))
{
$string = @iconv('UTF-8', 'ASCII//TRANSLIT', $string);
}

$string = preg_replace("/[^a-zA-Z0-9 -]/", "", $string);
$string = strtolower($string);
$string = str_replace(" ", $space, $string);

if (strlen($string) > $currentMaximumURLLength)
{
$string = substr($string, 0, $currentMaximumURLLength);
}

$string = preg_replace('/_$/i', '', $string);
$string = preg_replace('/^_/i', '', $string);

return $string;
}

Algo como esto:
Trackers progreso en Diseño Web: Ejemplos y Buenas Prácticas
Se convierte en algo como esto:
trackers-progreso-en-diseno-web-ejemplos-y-buenas-practicas

Drop-down Menu multinivel – Jquery

Historia

La vida me puso en el camino el trabajo de hacer un CMS para una empresa, la empresa requería poder crear menús y submenús de N niveles.

Problemática

Se necesita un script que haga el trabajo de hacer el menú, se despliegue, en forma ordenada el menú.

Solución

Después de probar bastantes, me decidí por UI Potato Menú, por ser el mas sencillo de implementar,  el mas fácil de modificar y el mas estable. Lo pude implementar y modificar en 5 minutos, con esplendidos resultados.

http://labs.makotokw.com/en/jquery/ui_potato_menu

Return top