15/5/08

MooFlow















MooFlow
un extraordinario script desarrollado bajo MooTools que nos permitirá crear una galería de imágenes con un aspecto muy agradable.


MooFlow posee varias características a favor, una de ellas lo ligero que es, pero lo mas agradable o mejor dicho lo que llamara muy rápido la atención de nuestros ojos, son los bonitos efectos de transición y la forma de visualizar cada una de las imágenes de nuestra galería, similar en apariencia a iTunes de Apple o Finders CoverFlow.

Más info aquí
Descargar archivo

14/5/08

Estándares para correo electrónico

No sólo existen estándares para el diseño de páginas web, también para el email existe, esto porque la mayoría del email es también HTML, me enteré de la existencia del llamado Email Standards Project, este proyecto se me hace muy interesante porque según ellos trabajan con los desarrolladores de los programas clientes de correo electrónico, cómo AOL Webmail, Apple .Mac, Eudora (Penelope), Google Gmail, Lotus Notes 8, Entourage, Outlook 2007, Thunderbird, Windows Live Hotmail, Windows Live Mail, Windows Mail, Yahoo! Mail y algunos más. Trabajan con ellos para mejorar el soporte de los estándares web dentro de los correos electrónicos y la accesibilidad.

La meta de Email Standards Project es ayudar a los diseñadores a entender por qué los estándares de la web son tan importantes para el correo electrónico, y así ayudarlos a que sus correos electrónicos se vean correctamente en todos los clientes de correo electrónico. Esto sin duda mejoraría la experiencia de los diseñadores y de los lectores.

Menú de navegación estilo acordeón

La navegación al estilo acordeón es muy útil cuando quieres mostrar mucha información en un espacio muy limitado. Existen varios Scripts basados en Frameworks de Javascript tales cómo mootools, scriptaculous o jQuery, pero estos resultan muy pesados para nuestros sitios web sobre todo si solamente queremos un simple acordeón.

accordion-javascript.jpg

Simple Javascript Accordions es uno de los Scripts más ligeros, simples y fáciles de usar para crear menús de navegación de acordeón, además no requiere ningún frameworks y es funcional en todos los navegadores de PC’s, Mac y Linux.

Características de Simple Javascript Accordions

  • Script muy pequeño ( 1,149 bytes )
  • Integración muy sencilla.
  • No requiere un Framework.
  • Puede ser usado cómo un sistema de pestañas animadas (tab system)
  • Compatible con Internet Explorer, Mozilla Firefox, Safari y Opera.
Descargar archivo

12/5/08

Cambiar estilos CSS con JavaScript

En este artículo esplica como poder usar diferentes estilos para una misma página, según las necesidades o dificultades de la persona que la visita.

más información aquí

Ayudas y vínculos útiles (CSS / XHTML)

  • W3C
    CSS en World Wide Web Consortium
    Sitio oficial de la w3c con recomendaciones, trucos, y novedades de la salida de CSS 3.0.
  • Traducción de Sidar.org de las recomendaciones de w3c
    Fundación Sidar
  • Guía de propiedades de selectores CSS
    w3schools
    Guía completa de las propiedades de selectores CSS, muestra también en qué navegadores funcionan y en cuáles no.
  • Blog de diseño web con trucos y recomendaciones para usar CSS
    Armonía Spiral

11/5/08

Esquinas redondeadas con CSS y Javascript, sin imágenes

Hacer cajas con las esquinas redondeadas es una de las típicas preguntas que se pueden hacer sobre CSS. Existen varias soluciones al problema, las más usadas son las cajas con imágenes, pero aquí está la solución con jacascript.
Ver aquí

Código Script para agrandar o achicar el texto

más info avísenme!!!

29 Herramientas y servicios para analizar el tráfico web de nuestros sitios

Existen muchas herramientas que podemos utilizar para ver que está pasando con las visitas que reciben nuestros sitios.

Muchas de esta herramientas nos permiten conocer:

  • los usuarios exclusivos,
  • visualizar resultados de la campaña de mercadotecnia (marketing),
  • mercadotecnia de los motores de búsqueda,
  • probar diferentes versiones de anuncios,
  • ver el uso del contenido,
  • cual es el rendimiento de un segmento de usuarios,
  • analizar la navegación,
  • parámetros de diseño web entre otros.







Aquí les dejo 29 de estas herramientas de las cuales algunas simplemente solo he leído, otras las he probado o las utilizo:

  1. 103bees - estadísticas gratis (este sitio está soportado por publicidad) hasta 100k visitas mensuales, si son más tiene una tarifa de $9 dólares mensuales.
  2. Enquisite - Gratis con estadísticas extremadamente detalladas.
  3. Hittail - Provee temas sugeridos para tu blog por medio de keywords o palabras claves usadas en el tráfico de referencia.
  4. Crazy Egg - Mapa de calor de tu sitio, posee una versión gratis pero si quieres usar la versión completa deberás pagar entre $9 dólares mensuales por la versión básica (Basic) hasta $99 dólares mensuales por la versión Pro.
  5. RobotReplay - Permite registrar en video las acciones de los visitantes en tu sitio.
  6. Feedburner - Últimamente le he perdido confianza porque no está funcionando muy bien pero algún momento me resultó ideal para saber en tiempo real los visitantes del sitio. Igualmente sigue siendo en mi opinión la mejor forma de administrar los RSS. Desde que este fué adquirido por Google podemos disfrutar la versión Pro totalmente gratis.
  7. Performancing Metrics - El plan Basic es gratis, o desde $3.99 a $16.99 dólares mensuales para funcionalidades extras. Hace unos cuantos meses intenté probarlo pero nunca me funcionó, por esa época eran los mismos que desarrollaban el complemento para Firefox para editar blogs que ahora se llama ScribeFire (el que utilizo actualmente y que quiero cambiar pero todavía no he encontrado un reemplazo que me proporcione todas las funcionalidades a la que estoy acostumbrado).
  8. Site Meter - Plan básico gratis y la posibilidad de usar versiones Premium desde $6.95 mensuales.
  9. Mint - Un sistema popular para bloggers desde $30 por sitio.
  10. MyBlogLog - Estadísticas básicas de visitantes más social networking. Es gratis, viene de la mano de Yahoo! con versiones gratis y de pago. Estoy suscrito desde hace algunos meses, se que entre algunos bloggers es algo popular pero en mi caso suelo visitarlo con suerte una vez al mes y hasta ahora el beneficio más importante es haber conseguido unas pocas visitas extras.
  11. Wordpress Stats - Plugin gratis para Wordpress que muestra las estadísticas de Analytics y FeedBurner en el panel de administración.
  12. Google Analytics and Feedburner Stats - Plugin gratis para Wordpress que muestra las estadísticas de Analytics y FeedBurner en el panel de administración.
  13. eXTReMe Tracking - Estadísticas gratis con posibilidad de usar también una versión de pago por $4.50 dólares mensuales.
  14. Web Stat - Muy completos con mucha funcionalidad por solo $5 dólares mensuales.
  15. TraceWatch - Gratis pero se necesita accesos al servidor el cual tiene que correr PHP/MySQL.
  16. clicky - Es un sistema de estadísticas muy sencillo y fácil de configurar. Ideal si es un sitio nuevo y no necesitas las estadísticas avanzadas de Google Analytics. Podemos usar una versión limitada o suscribirnos desde $23.99 dólares mensuales por su plan Blogger hasta $99 dólares mensuales por su plan Porfessional (Mega Edition)
  17. Who’s.amoung.us - Es un servicio que muestra las visitas de un sitio en tiempo real por medio de un Widget.
  18. ComeStats - Es otro servicio que por medio de un Wirdget muestra las visitas de un sitio en tiempo real.
  19. Además si te interesa montar tu propio servicio puedes descargar e instalar algunas de estas 7 herramientas desarrolladas con PHP y con licencia Open Source para analizar el tráfico web (fuente: www.opensourcescripts.com):
  20. Webanalyse - Herramienta desarrollada en PHP4 que no necesita servidor de bases de datos.
  21. phpMyVisites - Analizador de tráfico web con reportes detallados y gráficos avanzados.
  22. AudiStat - Aplicación GPL PHP para generación y visualización de las estadísticas web de tu sitio.
  23. phpTrafficA - Herramienta para analizar el tráfico desarrollada en PHP y MySQL.
  24. Free Aplus Web Counter - Un herramienta sencilla para las estadísticas de tu sitio.
  25. TG Who’s Online - Un script muy simple que muestra el número de usuarios que están visitando tu sitio (como Who.among.us).
  26. Web Statistics Montage - Aplicación web que permite recopilar las estadísticas desde múltiples sitios web dentro de un simple y de un correo fácil de leer.

Ayuda rápida para Desarrollo Web + SEO

En SEOMOZ.org han publicado una Cheat Sheet o Hoja de ayuda rápida para Desarrolladores Web + SEO.

Esta consta de dos hojas en las cuales encontraremos:

  • etiquetas HTML importantes para SEO;
  • límites en el indexado de los motores de búsquedas;
  • sintaxis recomendada para títulos;
  • redirecciones 301 para Apache;
  • robots metags;
  • etc.
Descargar Archivo

Galería de imágenes con Javascript:




Tutorial de una galería de imágenes gratuita Lightbox desarrollada por Lokesh Dhakar. Esta galería presenta las imagenes utilizando todo el potencial de javascript, se pueden bajar los archivos:

VER AQUÍ

Este es otro link con más galería que ver, click aquí.

7/5/08

Flash en los buscadores

Buscado... y... buscano descubrí que los contenidos de paginas web en flash pueden aparecer en los buscadores.

¿Cómo se hace?
Es sencillo, solo tenemos que seguir los pasos que nuestros amigos de Motion4Graphics compartieron en los Talleres de Verano Subflash. Aprovechar la configuración del usuario con un poco de JavaScript y ciertas prácticas quizás no muy correctas, que, como veremos después si que lo son.

Cloacking
El cloacking es mostrar a los robots de búsqueda un contenido diferente del que en realidad se muestra. Es una práctica penalizada por los buscadores pero nosotros la utilizaremos. ¿Entonces es seguro? SI, el cloacking se "denuncia" a través de unos formularios disponibles en cada buscador, es decir, alguien tiene que decir que tal o cual pagina esta haciendo cloacking, por lo que las posibilidades de que nos "denuncies" son bastante bajas. Por otro lado la penalización es por mostrar un contenido diferente para los visitantes y otro para los robot-spiders, en nuestro caso es el mismo, simplemente nosotros lo "embellecemos" con una piel en Flash, que mas o menos es lo que hace el CSS.

Espero que hasta aquí hayáis seguido todos mas o menos el hilo, si es así os estaréis preguntando como es posible saber si quien nos visita es un robot de búsqueda o es un visitante, la solución : El JavaScript. Podríamos tener una lista enorme de IP's de motores de búsqueda, que por otro lado siempre estaría incompleta y haría pesadísimo el simple hecho de detectar quién es quién. Mucho más fácil utilizar el JS, y es que los robots no tienen habilitado el JavaScript, solo tendríamos que crear una función en JS que nos pusiera el objeto SWF en el html, lo que es relativamente sencillo.

Ahora solo falta darle al buscador lo que quiere, el contenido, para ello utilizaremos unas etiquetas chulas chulas, al final del código HTML despues del código que coloca Flash para que se vea el SWF en el navegador usamos las etiquetas <>< /NOSCRIPT >.
Entre esas etiquetas ponemos el contenido de nuestra web, como si de un html normal se tratara, recuperándolo de DB por medio de PHP o ASP si es que hiciera falta. Cuando venga un usuario se encontrara con un bonito Flash, y si un buscador visita la misma pagina, leera el contenido dentro de las etiquetas <>.

Fácil, sencillo ...

( fuente )

Cómo mejorar las películas en Flash para Google.

El objetivo de este post es tratar de explicar cómo mejorar las películas en Flash para Google.

Todos sabemos las ventajas y desventajas del uso de Flash para crear una página totalmente diseñada en dicho programa.

Entre las desventajas se encuentran que los Spiders o Robots no pueden leer contenido en Flash... pero, ¿realmente sucede esto?...

MAS INFORMACION

En el sitio www.se-flash.com , hay una herramienta que nos permite analizar que es lo que indexa Google de nuestros Flash.