Archivo

Archive for the ‘diseño’ Category

Optimizar javascript con HeadJS

24/11/2012 2 comentarios

HeadJS es una libreria muy buena, que optimiza al máximo la carga de todos los javascripts de tu web, cargándolos de manera asisncrona de forma que se carguen mas rapido que de la forma habitual, o sea al final del html antes de la etiqueta </body>.

Un ejemplo práctico:

1. Lo que el usuario novato suele hacer…(al principio)

<!doctype html>
<html>
<head>
<meta charset=”utf-8″/>
<title>SCRIPT SRC in head</title>
<link rel=”stylesheet” href=”estilo.css”>
<script src=”http://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js”></script&gt;
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js”></script&gt;
<script src=”http://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js”></script&gt;
<script src=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js”></script&gt;
<script src=”http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js”></script&gt;
</head>
<body>
<div id=”wrap”>
….contenido
fin contenido….
</div>
</body>
</html>

2. Lo que recomiendan en casi todos lados para optimizar la velocidad….(al final)

<!doctype html>
<html>
<head>
<meta charset=”utf-8″/>
<title>SCRIPT SRC at bottom</title>
<link rel=”stylesheet” href=”estilo.css”>
</head>
<body>
<div id=”wrap”>
….contenido
fin contenido….
</div>
<script src=”http://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js”></script&gt;
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js”></script&gt;
<script src=”http://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js”></script&gt;
<script src=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js”></script&gt;
<script src=”http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js”></script&gt;
</body>
</html>

3. Lo que yo hago y recomiendo…de verdad se nota el cambio (usar HeadjS)

<!doctype html>
<html>
<head>
<meta charset=”utf-8″/>
<title>SCRIPT SRC con headjs</title>
<link rel=”stylesheet” href=”estilo.css”>
<script src=”../js/head.min.js”></script>
head.js(“http://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js&#8221;)
.js(“http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js&#8221;)
.js(“http://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js&#8221;)
.js(“http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js&#8221;)
.js(“http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js&#8221;);
</head>
<body>
<div id=”wrap”>
….contenido
fin contenido….
</div>
</body>
</html>

Solo debeis añadir el javascript de HeadjS y juego cargar con head.js(“una libreria”) seguido de .js(“otra libreria”) y finalizar con ;

Eso es todo probadlo y vereis los cambios…

Si no sabeis que descargar os dejo la versión 0.99 de la libreria y minimizada para descargar. Es esta http://db.tt/Tn08GgBl

Un saludo. nos veremos pronto.

Anuncios

Juegos de iconos


Os dejo 4 set de iconos para descargar en formato comprimido 7z, en tamaño 128×128, en formato PNG y muy curiosos para que incluyais en vuestros proyectos o para lo que deseeis….

Ballonic

Descargar – Set de iconos “Ballonic”

Leer más…

Comics en PDF (Actualizado – 30/01/12)


He añadido una nueva sección en el menu que incluira algunos de los comics que poseo y que he convertido a PDF para compartir con vosotros. Estan en Español. Entre ellos ya tengo disponibles, el de Alice Madness Returns, Akira, y proximamente subiré los de Gears of War, Gods of War, Assassin’s Creed y algunos mas que he ido recopilando a lo largo de mi andadura por Internet. Algunos de los links estan pendientes…estoy actualizandolos…tened paciencia. Espero sean de vuestro agrado.

La Ley SOPA…


Instalar Firefox 4.0 desde repositorios…


Para instalar Firefox 4.0 desde los repositorios oficiales nada mas fácil que introducir esto desde la consola lo siguiente…

Tanto para 10.04 como 10.10 de Linux en Ubuntu:

sudo add-apt-repository ppa:mozillateam/firefox-stable

sudo apt-get update

sudo apt-get install firefox ubufox

O directamente en una sola línea de la siguiente forma:

sudo add-apt-repository ppa:mozillateam/firefox-stable && sudo apt-get update && sudo apt-get install firefox ubufox

Si tenéis problemas con el idioma, y solo descarga la versión inglesa elegid de los siguientes enlaces dependiendo de la versión que tengais 32 bits / 64 bits.

Además si quereis cambiarle la apariencia en Linux y darle un toque mas azul podeis probar con el siguiente tema GTK+

Enlace de descarga: Tema Bluebird para Firefox 4

Y además podeis tener el tema completo en Ubuntu de la siguiente forma:

sudo add-apt-repository ppa:webupd8team/themes && sudo apt-get update && sudo apt-get install bluebird-gtk-theme

o por separado también asi:

sudo add-apt-repository ppa:webupd8team/themes

sudo apt-get update

sudo apt-get install bluebird-gtk-theme

Instala tema de escritorio Minty Freshness y otros…


Estos temas GTK e iconos son sólo para 10.04, 10.10 y 11.04….

Lo primero es que debes tener el PPA de Webupd8 instalado de la siguiente manera:

sudo add-apt-repository ppa:webupd8team/themes && sudo apt-get update

Lo siguiente es instalar el tema en si de la siguiente forma:

sudo apt-get install minty-freshness-theme

Si además queréis tener los iconos Buuf haced lo siguiente:

sudo apt-get install buuf-icon-theme

O el tema GTK Victory debéis haced lo siguiente:

sudo apt-get install victory-gtk-theme

Visto en: Webupd8

50 bellos y deliciosos diseños con café…


El arte del café o café con leche consiste en el vertido de la leche al vapor en un tiro / lanzamiento del expresso sobre el café generando un patrón o diseño en la superficie.

El barista / cafetero, o como queráis llamarle, se convierte en un diseñador de verdad y es capaz de crear bellas creaciones.

Entre las formas más comunes se encuentra la “Rosetta” en la foto de la izquierda.

Latte art es un tema candente y hay incluso varias competiciones en todo el mundo mostrando esta forma de arte única.

En este artículo, o post te presento 50 hermosos – diseños de café que te harán babear … – y ciertamente deben estar deliciosos…que ganas de un café a estas horas de la tarde…ummmmhhh.

Leer más…

Etiquetas: , ,
A %d blogueros les gusta esto: