IxEdit, la primera herramienta para crear interacciones ‘al vuelo’

Las interacciones son cambios visuales qué ocurren en la pantalla cuando un usuario actúa sobre los elementos del interface cómo por ejemplo clicks sobre un botón, imágenes qué cambian a otras, etc.

IxEdit es una herramienta de diseño basada en javascript para crear esas interacciones rápidamente en la fase de prototipar tu aplicación web y sin apenas tener qué tocar código.

La edición se realiza directamente en el navegador y puede ser aplicada en tiempo real. Lo mejor es qué las interacciones editadas pueden ser guardadas en un entorno de base de datos local si el navegador lo permite.

Ver video de demostración (en inglés):

Como añadir un botón de ‘Ir arriba’ en tu wordpress

Voy a explicar como añadir sencillamente un botón de ’subir hasta arriba’ en la parte inferior derecha del navegador.

Si incluyes muchos posts o bien estos son largos, la tarea para el usuario para desplazarse de abajo a arriba en un momento determinado puede resultar tediosa. Añade otra pequeña ayuda a la navegabilidad de tu blog con una sencila línea de código.

En primer lugar ve a tu editor de temas, opción editor bajo el menú apariencia y selecciona el archivo index.php (es la plantilla de página principal)

Seguidamente inserta la siguiente línea de código antes (importante) de cerrar el primer DIV:

# código anterior
<a style="position: fixed; bottom: 5px; right: 5px;" title="Ir arrriba" href="#"><img src="LINK A TU IMAGEN" alt="" /></a>

Y nada más, puedes ver el ejemplo de la implementación en este mismo blog.

Crear un espectacular ‘login’ de estilo mac

Bonito y sencillo tutorial con el qué aprender a crear un sistema de login y darle ese aspecto Mac tan especial. Las animaciones, aunque mínimas resultan muy vistosas; la caja tiembla al introducir una contraseña incorrecta y carga una barra de progreso al introducir un password correcto.

Todo ello realizado con jQuery, puedes ver una Demo o Descargar los archivos fuente.

Tres tutoriales para diseñar layouts con Photoshop qué hacen un uso intensivo del color azul

Esta es una minirecopilación de tutoriales para crear interfaces con Photoshop qué hacen un uso especial del color azul.

19 combinaciones de fuentes qué crean un alto nivel estético

En el documento PDF qué adjunto, Douglas Bonneville realiza 19 combinaciones con 19 fuentes intercambiando estilos h1 y h2 para conseguir estéticos conjuntos de títulos – parágrafos. Una buena idea a la hora de buscar inspiración al escojer nuestras tipografías.

Combinaciones de fuentes (132)