22 de Julio de 2009
Estás viendo los artículos de ZonaMasters – Recursos para webmasters correspondientes al día 22 de Julio de 2009.
Aquí os dejamos una paleta de colores (colores hexadecimales) muy utilizadas en las webs 2.0 
Neutrals
Magnolia Mag.nolia [#F9F7ED]
Interactive action yellow [#FFFF88]
Bold
Techcrunch green [#008C00]
Flock Blue [#4096EE]
Muted
Ruby on Rails Red [#B02B2C]
Etsy Vermillion [#D15600]
Last.fm Crimson [#D01F3C]
Visto en modernl
Temas que te pueden interesar:
Fuentes web 2.0
Botón web 2.0
Creando iconos 2.0
Diseño web 2.0
Que 2.0
Escrito por Niko | 
22 de Julio de 2009 | 
0 comentarios
Diseño Web.
Si estás interesado en usar imágenes de otros autores para ponerlas en la web con la licencia de Creative Commons. Puedes emplear el buscador de Google de imágenes añadiendo a la url de la búsqueda &as_rights=(cc_publicdomain|cc_attribute|cc_sharealike).-(cc_noncommercial|cc_nonderived). Por ejemplo para buscar coches empleamos la url: http://images.google.es/images?q=coches&as_rights=(cc_publicdomain|cc_attribute|cc_sharealike).-(cc_noncommercial|cc_nonderived)
Coches (con licencia creative commons)
Escrito por Niko | 22 de Julio de 2009 | 1 comentario
Diseño Web.
Si quieres conocer una lista de temas muy buenos para cambiarles el aspecto a tu wordpress. Los chicos de smashingmagazine.com han hecho una selección de 100 temas fantásticos de wordpress 2009.
Si quieres ver muchos temas gratuitos, te recomiendo el directorio oficial de themes free de wordpress.org
También te pueden interesar:
Escrito por Niko | 22 de Julio de 2009 | 0 comentarios
Herramientas Webmasters y PHP.
Un ejemplo muy sencillo para precargar imágenes, muy útil cuando usemos el efecto roll over utilizando CSS, es creando una capa en el que cargaremos imagenes de background que no se llegan a mostrar.
Ejemplo del CSS:
#preloadedImages {
width: 0px;
height: 0px;
display: inline;
background-image: url(path/to/image1.png);
background-image: url(path/to/image2.png);
background-image: url(path/to/image3.png);
background-image: url(path/to/image4.png);
background-image: url();
}
Ejemplo del HTML:
<div id="preloadedImages"></div>
Visto en SentidoWeb
Escrito por Niko | 22 de Julio de 2009 | 1 comentario
CSS.
Aquí os dejamos un sencillo tutorial para realizar la precargar de imagenes con javascript.
Utilizaremos una función en javascript y la llamaremos dentro de nuestro BODY.
Este es el código javascript necesario (incluirlo dentro del HEAD):
<script language="javascript 1.2">
<!--
var i;
var imagenes = new Array("imagen1.gif","imagen2.gif","imagen3.gif");
var lista_imagenes = new Array();
function cargarimagenes(){
for(i in imagenes){
lista_imagenes[i] = new Image();
lista_imagenes[i].src = imagenes[i];
}
}
//-->
</script>
La variable imagenes incluye todas las imagenes que queremos precargar.
Ahora solo necesitamos llamar a esta función.
<BODY>
<script>
cargarimagenes();
</script>
</BODY>
Visto en el Guru del Programador
Escrito por Niko | 22 de Julio de 2009 | 3 comentarios
General.
