Espectacular banco de imágenes de alta calidad. Muchas son gratis aunque también hay algunas que requieren licencia.
Sin duda para hacer demos o ejemplos pueden ser muy útil ya que el cliente se puede hacer una idea del resultado sin tener que pensar en la imagen a priori, además le dá una ejemplo de cómo pódría quedar su web.
Enlace: http://www.sxc.hu
Con este sencillo código, el nombre del fichero que le hayamos pasado como parámetro se descargará automáticamente en lugar de intentar abrirse como sería normal. Nosotros lo hemos utilizado en algún cliente para forzar que se descarguen un fichero PDF y así detectar que para verlo se lo ha de descargar. Cada cliente tiene sus particularidades pero aquí tenéis esta opción por si os hace falta.
<?php
$sUrlDescargas = "archivos/"; //Introducir directorio de descargas
$sDocumento = $sUrlDescargas.$_GET["archivo"];
header("Content-type: application/force-download");
header("Content-Disposition: filename=".basename($_GET["archivo"]));
header("Content-Transfer-Encoding: binary");
if (!@readfile($sDocumento))
echo "Ha sido imposible descargar el fichero";
?>
Enlace: http://www.martiniglesias.eu/blog/forzar-descargas-con-php/3
forwebdesigners.com es una recopilación de webs donde podemos encontrar cantidad de utilidades como: blogs, css, fuentes de letra, foros, generadores, recursos gráficos, iconos, fotos, etc. Especial mención al apartado de inspiración. Si buscas diseños nuevos e impactantes, esta es tu sección.
Enlace: http://www.forwebdesigners.com/
Nos referimos a nivel estructural, claro. Siempre es más fácil empezar un proyecto si tienes unos amigos como la gente de ironmyers.com que empiezan el trabajo por tí. Gracias a ellos, puedes tener la estructura de tu web directamente para luego retocarla a tu antojo. ¡Realmente muy útil!
Enlace: http://layouts.ironmyers.com/
Increible pero cierto, imprimir imágenes de fondo directamente con CSS. Aquí teneis el código en cuestión. Para ver un ejemplo de su funcionamiento real, haz click en el enlace que hay más abajo.
Menudos quebraderos de cabeza nos ha llevado lo de los fondos. En la web se ve perfecto pero a la hora de imprimir es otra cosa. Con este truquillo solventamos el tema gracias a la gente de web-graphics.com.
#ti\tle {
display: list-item;
list-style-image: url(banner.jpg);
list-style-position: inside;
letter-spacing: -1000em;
font-size: 1pt;
color: #fff;
}
La gente de efectorelativo.net nos muestra la potencia que tiene Mootools. En este caso con un visor de imágenes.
Sencillo pero resultón carrusel de imágenes, que además de ser open source funciona en Internet Explorer, Firefox, Opera y Safari.
La accesibilidad no está reñida con en diseño y aquí tenemos una buena muestra. En este listado de ejemplos de formularios podemos ver como pueden fusionarse con un resultado más que bueno.
Enlace: http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/
Gracias a la siguiente función podemos añadir al evento onLoad nuestras funciones sin machacar las que ya se hubieran creado anteriormente. Es muy útil ya que no necesitarmos controlar si hay funciones a ejecutar, símplemente se añaden después.
<script type="text/javascript">
function miFuncion1() {
alert("miFuncion1");
}
function miFuncion2() {
alert("miFuncion2");
}
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
//addLoadEvent(nameOfSomeFunctionToRunOnPageLoad);
addLoadEvent(miFuncion1);
addLoadEvent(miFuncion2);
</script>
Rápido y sencillo. Sólo escoges la imagen a convertir (jpg, gif, etc) y automáticamente se genera un icono. Además de crear el fichero ICO estático en formato 16×16, también podemos crear una carrusel de iconos que van pasando al estilo marquee (tag ya en desuso pero sería el efecto conseguido). En este carrusel también podemos incluir textos, así que podemos colocar, después de nuestro icono, una frase o slogan.
Enlace: http://www.html-kit.com/favicon/