+70 Chuletas para diseñadores web

Añadir comentario | 03 de Noviembre, 2008

Sitios de consulta para diseñadores web, lo que se conocen como Cheat Sheets o “Chuletas” para que nos entendamos.

Las hay de HTML, DHTML, Actionscript, Adobe Air, Javascript, CSS, Ajax, Color, PHP, Photoshop y hasta de MySQL

70+ Cheat Sheet Resources for Web Designers (inglés)

image

Vía: Más de 70 chuletas ‘Cheat sheet’ para diseñadores web

Generador online de gráficas

Añadir comentario | 26 de Octubre, 2008

A la hora de generar gráficas para web podemos optar por opciones accesibles y livianas :15 técnicas para hacer gráficas con XHTML y CSS o por generar un gráfico con esa gráfica con algún software.

Online Charts Builder es una aplicación web, un generador online gratuito de gráficas. Una forma sencilla y rapidísima de hacer una gráfica y guardarla como imagen por ejemplo para utilizar en un blog.

Este generador online tiene varias opciones muy fáciles de configurar (tipo, tamaño, colores…) Luego puedes guardar la imagen o utilizar una alojada en sus servidores.

Algunos burdos ejemplos:

image

16 formularios y 13 menús dinámicos AJAX

Añadir comentario | 23 de Octubre, 2008

Dos enlaces para crear formularios de contacto y menús dinámicos con javascript:

  1. 16 Free Ajax Contact Forms - For A Better User Experience

    image

  2. 13 Awesome Javascript Animated Flash Like Menus (Vía: 13 menús dinámicos gracias a Javascript)

    image

    JQuery Feed Menus | Un botón para todos tus feeds

    Añadir comentario | 19 de Octubre, 2008

    JQuery Feed Menus detecta los feeds de tu head y los añade en un botón desplegable, al igual que hacen muchos navegadores, facilitando enormemente la suscripción del usuario.

    Si quieres también puedes personalizarlo para que muestre sólo los feeds que desees.

    Viene con estos botones:

    image

    Vía: jQuery Feed Menus, ayuda a tus usuarios a que se suscriban

    Plugin AJAX para enfocar la atención del usuario

    Añadir comentario | 25 de Septiembre, 2008

    seekAttention v.1 jQuery plugin es un plugin creado por James Padolsey que lleva la atención del usuario a la zona de tu web que elijas.

    image

    Mira las demos. Puedes configurar la velocidad del pulso, color, padding, etc.

    Convierte los aburridos textarea o comentarios de WP en editores de texto con AJAX

    1 comentario | 28 de Agosto, 2008

    NicEdit es un javascript que convierte todos tus textarea (áreas de texto) en editores de texto WYSIWYG.

    image

    Existe un plugin para WordPress que podéis descargar aquí

    BarackSlideshow | Otra forma de presentar imágenes con Mootools

    Añadir comentario | 25 de Junio, 2008

    Crecen y crecen las opciones para presentar imágenes con las librerías AJAX, esta es BarackSlideshow y funciona con Mootools 1.2+, usa pequeñas transiciones fade in y fade out.

    image

    Demo

    Slideshow y LightWindow | Galerías de imágenes, vídeo, pdf, flash y lo que quieras

    Añadir comentario | 17 de Junio, 2008

    Empecemos por Slideshow, una clase javascript para Mootools que créo Aeron Glemann y que ahora es open-source bajo licencia MIT License

    Aquí tienes una demo, entre sus ventajas está la de poder integrar HTML directamente en las descripciones.

    image

    Si quieres de verdad usar algo más avanzado, no sólo para mostrar tus imágenes, utiliza LightWindow 2.0 de Kevin Miller, amante de Ruby on Rails, Prototype y Scriptaculous.

    Él mismo la presenta como:

    ¿Por qué otro light – lo que sea? Refiriéndose a ligthbox y sus múltiples versiones.

    Pues bien, LightWindow 2.0 tiene más que justificada su presencia:

    Themeroller | Crea online tus themes para jQuery

    Añadir comentario | 10 de Junio, 2008

    Estupendo enlace el que encuentro en xyberneticos: jQuery UI - ThemeRoller

    Se trata de una aplicación online para generar en vivo themes que integrar con jQuery UI 1.5. Acordeones, pestañas, calendarios todo personalizable y descargable.

    http://ui.jquery.com/applications/themeroller/images/app/logo_themeRoller.png

    Demos

    +Ajaxian » jQuery UI 1.5: Effects, API, and Themes
    +jQuery 1,5 UI: Mas Efectos, API, y Themeroller « Xyberneticos

    Un mismo hover para todos los enlaces que apunten al mismo sitio

    Añadir comentario | 29 de Mayo, 2008

    Con hover lo que hacemos es indicar al internauta que ha hecho foco o ha situado el ratón sobre un hiperenlace. Hay muchas formas de diferenciar este estado de a:link, todas las que nos permite CSS y alguna más como la que os presento:

    Context Hover hace que los enlaces que apuntan al mismo tiempo se resalten al mismo tiempo cuando se hace hover en uno de ellos. Su autor, Kilian Valkhov vio este añadido a la usabilidad en el navegador para móviles Opera Mini y decidió emularlo con la ayuda de jQuery y CSS.

    Aquí tienes una demo: Context Hover - adding context & feedback to your links

    + Context Hover

    + webmasterlibre

    Suscribirse al feed de ceslava.com   RSS