Best Web Gallery
1 de Agosto, 2007
Aquí podéis encontrar una galería de páginas en flash bastante buena. A parte tenéis otras galerías de CSS, portfolios, ajax, blogs…
Javascript para subir arriba de forma progresiva
31 de Julio, 2007Este efecto se usa cuando has perdido la botonera o la página tiene mucho texto y queremos volver arriba de forma rápida y profesional. Al darle al enlace la página sube automáticamente arriba progresivamente.
Este código lo tenemos que poner en el head:
<script type="text/javascript">
function subir(){
if( document.documentElement.scrollTop < 10 ){
window.scrollTo(0,0);
}else{
window.scrollBy(0,-10);
setTimeout("subir()",10);
}
}
</script>
function subir(){
if( document.documentElement.scrollTop < 10 ){
window.scrollTo(0,0);
}else{
window.scrollBy(0,-10);
setTimeout("subir()",10);
}
}
</script>
…el enlace que llamará a la función será:
<a href="javascript:subir()" >Subir</a>
Lightbox JS v2.0 + Reflejo
31 de Julio, 2007
Un efecto javascript muy limpio y elegante es la mezcla del famoso Lightbox, que es eso de abrir una imagen en pantalla completa que se redimensiona estilo flash, y el efecto reflejo. Es muy fácil de usar.
Flash goma elástica
31 de Julio, 2007
Este flash podría serviros para una pantalla de introducción a una web. Es una etiqueta que tiene efecto sticky y elasticidad al volver a su posición original.
Mona Lisa Descending A Staircase
31 de Julio, 2007
Realizada por Joan C. Gratz, ganador de un oscar en 1992 por el mejor corto de animación.
Las 100 mejores tipografías de todos los tiempos
30 de Julio, 2007
La web no solo lista las fuentes, tambien publica la historia de cada una, imágenes, análisis, artículos, ejemplos de trabajos realizados con cada una, etc… El ranking ha sido elaborado por un grupo de diseñadores y expertos en tipografía.
MyFonts, saber que fuente se ha utilizado a partir de una imágen
30 de Julio, 2007
A veces nos preguntamos que fuente se ha utilizado en la cabecera de una página, en un logotipo, en un banner, etc… Para averiguar esto tenemos una utilidad en MyFonts que al subir una imagen, la divide por letras y nos busca las tipografías que más se parecen a la utilizada en la imágen.
Dafont, fuentes gratuitas
30 de Julio, 2007
Cientos de fuentes gratis para descargar. Usa el buscador para encontrar la fuente deseada y si no está en dafont te saldrá un enlace a otras webs donde si la tienen.
Wind Shaped Pavillion, un edificio que se mueve con el viento
30 de Julio, 2007
Michael Jantzen es el diseñador del Wind Shaped Pavillion, un edificio compuesto de varios pisos que giran según la fuerza y dirección del viento. Cada vez que el viento sopla modifica la forma de esta singular planta. Al moverse el edificio, genera electricidad suficiente para iluminar el pabellón por las noches.
Iframe que adapta su altura (height) al contenido
30 de Julio, 2007Con este código javascript conseguimos que nuestro iframe adapte su altura al contenido que se cargue. Es muy sencillo de usar y funciona tanto en Mozilla como en Explorer.
En la etiqueta head del documento (padre) que contiene el iframe ponemos lo siguiente:
<script>
function grand(h) {
iframe=document.getElementById("ifr")
iframe.height=h;
}
</script>
function grand(h) {
iframe=document.getElementById("ifr")
iframe.height=h;
}
</script>
El iframe seria:
<iframe src="pagina.html" id="ifr" frameborder="0" width="300" height="50" name="ifr" scrolling="no"></iframe>
Donde pone “src” ponemos el documento a llamar, es importante que el “id” y “name” sea ifr, sino tendriamos que cambiar el javascript del head. En el “height” podemos poner lo que queramos porque luego se adaptará.
Por último en todos los documentos (hijos) que se vayan a cargar en el iframe, en el head ponemos:
<script>
function redimensiona()
{
top.grand(document.body.scrollHeight);
}
</script>
function redimensiona()
{
top.grand(document.body.scrollHeight);
}
</script>
En la etiqueta body añadir el parámetro:
onLoad=”redimensiona();”
Primera Anterior 60 61 62 63 64 65 66 67 68 69 Siguiente
Inicio
Contactar
Entradas (RSS)
Comentarios (RSS)
Entradas (RSS) 
Comentarios (RSS)