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…

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/

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/

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

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

Historia.

Hace un par de semanas, termine construir un sitio,  en donde se necesitaba  tener pestañas  para mostrar la información,  además el sitio utilizaba scripts hechos con jquery, incluyendo el script que hacia las pestañas.

Problemática.

Cuando se navegaba entre las pestañas y se le daba en el botón de actualizar en el navegador,  todos los demás scripts hechos en jquery dejaban de funcionar.

Solución.

Encontré este script, que no necesita, ningún framework, compatible al menos con jquery y con muchas opciones personalizables.

Espero que esta información sea de ayuda.

http://www.kminek.pl/lab/yetii/

Muchas veces estamos como locos dibujando las pantallas de lo que va a ser nuestra siguiente web a programar o diseñar, y casi siempre, lo hacemos en hojas en blanco y de una forma no muy bella.

Aqui hay recurso muy practico para estar dibujando nuestras webs, son unos pdfs donde ya estan creados los cuadros de navegaadores  con medidas, para estar haciando sus bocetos web.

Los puedes descargar desde: http://www.inventis.be/blog/het-webdesign-schetsboek