Este 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:

…el enlace que llamará a la función será:

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.

Descargar

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.

Descargar

Realizada por Joan C. Gratz, ganador de un oscar en 1992 por el mejor corto de animación.

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.

100besteschriften

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.

MyFonts

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.

Dafont

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.

Con 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:

El iframe seria:

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:

En la etiqueta body añadir el parámetro:

Web con links a directorios CSS donde podreis inspiraros para hacer el diseño de vuestra web. No olvides agregarla a tus favoritos.

Witty Sparks