30/12/08

Mensaje de autorespuesta

Agregar en CFG:
SBCLI = 'Club Calito' (subject del mail)
BDCLI = 'Estimado/a %%nombre%%,Felicidades,ya estás registrado/a en el Club Calito.' (Mensaje del mail)

3/9/08

PageFlip

(Fuente: www.mug.cl)
PageFlip no es un programa, partamos por ahí. Es un recurso creado en Flash que distorsiona mediante AccionScript los MovieClips que contienen las páginas de tu libro. El efecto fue creado por el grupo húngaro Iparigrafika, que liberó hace varios años el código fuente llamado PageFlip. Después de varias versiones de ellos mismos, aparecieron otras modificadas que distintas características, y siempre con la posibilidad de editarlo a gusto al tener la posibilidad de descargar la fuente Fla.

Para trabajar con PageFlip necesitas Flash desde una versión MX en adelante según la versión de PageFlip que necesites o tengas.

Actualmente existen incluso componentes de pago que puedes instalar para hacer el trabajo mucho más fácil.

He visto tres versiones de PageFlip, la original que el resultado es un (1) swf, la versión Dynamic que trabaja con archivos exernos llamados con un XML, y el componente para Flash que también trabaja con archivos externos. De estos, las dos primeras opciones son gratuitas, y de la segunda existen muchos derivados. El componente por lo general es de pago, muy económico por lo demás.

Cómo saber cuál usar dependerá de la finalidad para el proyecto. Si es para interactivo como un CD, te recomiendo la versión original de Iparigrafika, ya que el resultado es un solo swf con el que generas el proyector, EXE en caso de Windows. Con esto el usuario ve el libro y no puede hacer uno nuevo a partir de él. Iparigrafika también vende una versión de cargas externas bien completa.

Para el caso de web, te recomiendo una versión Dynamic, hay varias opciones gratuitas (PageGangter, FlashPageFlip, FlippingBook, etc) y otras de pago (FlashPageFlip Pro, RichPaper, YouCanFlip, etc..). La gracia de estas versiones es que el Fla está listo o solo es necesario hacer un par de modificaciones. Este Fla incluye todo el sistema que hace posible el "hojear", botones de navegación y otras gracias según la versión. Pero lo que la hace una ventaja para web es que cada página se trabaja en archivos separados, que pueden ser desde simples JPG, o swf con animaciones, y son cargados en el orden que quieras con un archivo XML de pormedio. Además puedes añadir precargas antes de cada página, así al abrir el libro se carga la página que quieres ver mientras hojeas y no todo el libro de una ves antes de poder abrirlo.

Acá en el MMUG se ha comentado mucho al respecto, y personalmente he aportado con varios links de cómo trabajar con las versiones Dymamic, editarlas, añadir páginas a las versiones originales, añadir zoom, etc.

Ojalá el cuento te quede más claro.. y dale a Google un rato. Encontrarás muchos sitios que explican mejor el funcionamiento de este recurso tan popular. Encontrarás varios tutoriales y archivos fuente para descargar. Además si visitas los sitios de versiones de pago, generalmente encuentras una versión gratuita que muy poco tiene que envidiar a la de pago, y siempre acompañadas de un instructivo para aprender a crear tu propio contenido.

TUTORIALES:
http://www.criteriondg.info/wordpress/articulos/pageflip-anadir-paginas/

1. Cómo añadir páginas en versión 2.13.
http://www.criteriondg.info/wordpress/articulos/pageflip-anadir-paginas/

2. Redimensiones en versión 2.13 y Añadir páginas y redimensiones en versión Dynamic.
http://www.criteriondg.info/wordpress/articulos/pageflip-contenido-dinamico-y-redimensiones/

3. Añadir índice en versión Dynamic
http://www.criteriondg.info/wordpress/articulos/pageflip-apuntes-finales-y-ii/

4. Algunos consejos sobre versión 2.2.
http://www.criteriondg.info/wordpress/archives/2006/05/27/revision-pageflip/


(el archivo lo tengo en mi PC...así que si quieren experimentar me avisan)

4/8/08

Redimensionar y darle 300 ppi a una imagen en Photoshop

No exite unmétodo 100% eficaz para incrementar el tamaño de una imagen sin perder resolución. Así que este método no es la panacea, pero ayudará en cuanto a crecer una imagen un poco y dejarla 300 ppi.

PASO 1
Primero vermos la información de la imagen, regularmente cuando viene de una cámara digital, estará "grande" en dimensiones y con una resolución de 72 ppi.
Casi todo el mundo inmediatamente le cambia a 300 dpi en laparte de abajo, pero si se hace de sta forma tendremos un documento enorme y ademásla imagen se verá como fuera de foco, porque estamos haciendo que se produzcan más pixeles en forma incorrecta.Lo que recomiendo hacer primero es quitar la opción Resample Image.
Así tendremos la opción decambiar la resolución a 300 ppi, sin que le hagamos nada al tamaño físico de la imagen.
Posteriormente ya podemos crecer un poco la imagen o hacerla más pequeña, de esta forma no perderemos o creamos infinidad de pixeles que dañen la imagen. En este caso escogeremos la opción Bicubic Smoother por darse de una imagen con cambios en los tonos, si la imagen fuera más contrastante o definida en las formas. prefiriríamos la opción Bicubic Sharper.

24/7/08

Mootools Calendar



Hoy les presente un plugin para Mootools el cual les permitirá insertar rápidamente un calendario en nuestros formularios y con un resultado altamente atractivo y profesional. Se trata de Calendar una clase que permite incluir un selector de fecha no-obstrusivo y accesible.
>>> Bajar archivos .zip

Centrar contenido con CSS

Uno de los problemas típicos es centrar horizontalmente y verticalmente contenido HTML utilizando CSS. Esto por que no es fácil conseguir posicionar verticalmente un elemento. Este truco lo leí en algún lugar pero lamentablemente no recuerdo donde así que me disculpo con el autor original de este método.

Centrando con CSS
La idea básica es utilizar posicionamiento absoluto y ubicar primero el contenido en el medio de la pantalla, luego le asignamos margen superior e izquierdo negativos en cantidades equivalentes a la mitad de las dimensiones del contenido que deseamos centrar. Luego si tenemos una imagen de 300x236 pixels de dimensiones tendríamos el CSS de la forma:

VER AQUI

9/7/08

BlogMusik


"BlogMusik es otra de esas joyas musicales que nos permiten escuchar música por internet y compartirla en nuestro blog. Podemos buscar por artista o tema o, simplemente, navegar entre los top europeos, mundiales, etc. Cada tema puede ser escuchado online y votado. Si no encontráis el tema deseado podéis sugerirlo a los administradores para que lo dejen disponible lo más rápido posible. Tenéis la versión en varios idiomas, incluido el español."


http://www.deezer.com

Sketchcast.com - Otra forma de expresión ja! ja!

27/6/08

2 CSS para un mismo sitio

Para evitar diferencias de visualización entre diferentes navegadores o versiones de un navegador, hay que crear dos hojas de estilos diferentes y pegar el siguiente código:

http://www.datamail.cl/blog-wm/documentos/codigo-if.doc

PUBLICIDAD EN FACEBOOK

Es increíble el crecimiento explosivo que ha tenido la Red Social Facebook. Hoy en Chile se escucha a políticos, empresas y personas que mencionan ya tener su espacio. Esto hace de Facebook un excelente lugar para hacer publicidad en internet. Sin embargo este crecimiento no ha sido tan parejo en el mundo ya que en países como EEUU y Inglaterra (usualmente pioneros digitales) ya el crecimiento ha alcanzado un cierto plateau tendiendo a una desaceleración.

Por lo anterior es también altamente probable que en algún momento -quizás el 2008- o a final del 2007 ya este portal empieze a frenar su crecimiento de visitas en Chile. Pero para ello aún queda mucho y por tanto empresas, anunciantes y Agencias lo debieran considerar dentro de su pool de medios en los cuales planificar. De hecho en facebook se pueden colocar banners de 120*600 y 728*90, un buen tamaño para llegar a un buen reach con un mensaje relevante de publicidad en internet.

Facebook presenta una interesante novedad en su sistema de publicidad Facebook Flyers Pro: La posibilidad de conocer el número de usuarios de la red social filtrados por una gran cantidad de parámetros tales como el país y ciudad, la edad, palabras clave… y focalizar la publicidad en ellos.

De esta manera, como muestra la siguiente imagen, podemos ver que en España hay 100 hombres de edad comprendida entre los 18 y los 25 años a los que les interesa Madonna:

Esto va a permitir a los anunciantes segmentar y focalizar mucho mejor la publicidad que manejan y conseguir que ésta sea más efectiva. Es buen paso por parte Facebook para rentabilizar la red social pudiendo aumentar los escasos porcentajes de clicks que tenían los anuncios publicitarios hasta el momento.

Hay que tener en cuenta lo que esto supone. Mientras Facebook está trabajando en mejorar su sistema publicitario, Google es consciente de ello y sabe que ahí es donde puede encontrarse con problemas. No olvidemos que la mayor parte de los benificios de Google provienen de Adwords/Adense y de que Facebook con una cantidad espectacular de usuarios activos puede ser una amenaza si este Facebook Flyers Pro evoluciona al mismo ritmo que lo está haciendo Facebook. No es de extrañar que Google ya haya lanzado su propia aplicación sobre Facebook basada en Google News para estudiar y examinar el comportamiento de los usuarios dentro de la red social y extraer sus propias conclusiones.

Si realmente Facebook se pone las pilas en lo que a publicidad se refiere, vamos a ver un sistema publicitario con cara y ojos capaz de hacerle sombra al propio Adwords/Adsense. Eso el tiempo ya lo dirá. Lo que está claro es que la colosal red social no se duerme y sigue experiementando crecimientos constantes que están haciendo que el resto de compañías estén muy atentas a cualquier cambio que se produzca en ésta.


El perro de Lipigas y una campaña de Turismo Cocha son algunos ejemplos de cómo los avisadores chilenos están entrando a la arena de la Web 2.0.

Te adoro Lipigash", es el comentario de uno de los casi 50 mil fans que tiene el famoso perro de Lipigas en su perfil de Facebook.

Es que esta red social online, que se ha hecho tan popular en Chile no es sólo para conocer amigos. Además de campañas, grupos e intercambio de fotografías, tímidamente algunas agencias de publicidad y departamentos de marketing la están utilizándo para fines comunicacionales y comerciales.

Uno de los más claros ejemplos es la mascota de la compañía de gas, que ha aprovechado muy bien la crisis energética, así también como la Web 2.0.

En otra área y de forma mucho más directa, Turismo Cocha está utilizando este sitio web para una promoción de su segmento "Cocha Joven" que ha tenido bastante éxito. Se trata del concurso: "En Facebook, mete a tus amigos y todos viajan contigo'. Se trata de un sistema por el cual si alguien invita a sus amigos a unirse a este grupo, puede ganarse cinco pasajes a San Pedro de Atacama. Lo interesante es que ya han logrado más de 26.000 usuarios. Algo muy difícil y caro si lo hubiesen hecho de forma presencial

Otro ejemplo. En el marco de su campaña para adherir más voluntarios, el Hogar de Cristo sumó, junto a otras herramientas y estrategias online, un grupo en Facebook en apoyo a Pipe2008, un estudiante de un colegio financiado por esta institución, que con su Fotolog, motiva a jóvenes de todo el país a sumarse al voluntariado solidario legado por el Padre Hurtado.

De pago

Pero armar un grupo o una campaña en Facebook es sólo un camino para aprovechar publicitariamente esta red de millones de usuarios en el mundo. Otra es utilizar las herramientas más profesionales de publicidad dirigida que entrega esta empresa a quien quiera utilizarlas. Y el tema no es menor, si se considera que en Chile ya existen más de 150 mil miembros de Facebook, siendo uno de los países más activos a nivel latinoamericano.

La manera de acceder al sistema publicitario denominado como "Facebook Ads" es bastante sencillo y autogestionable. El resultado son los pequeños banners que se encuentran de forma persistente al costado izquierdo del sitio web.

Basta con seguir cuatro sencillos pasos donde el anunciante digita el sitio web que quiere dar a conocer, elige el tipo de audiencia, crea un anuncio y fija un presupuesto determinado.

La mecánica es muy similar a Google Adsense, que prácticamente inventó este sistema de publicidad orientado a la Web 2.0, que es el mundo donde se mueve Facebook.

ANIMALES FAMOSOS

El can de la empresa de abastecimiento de gas no es la única mascota comercial en Facebook. También está la avestruz verde de Falabella y el pato de Banco Estado. De hecho, existe un grupo de usuarios que creó una campaña, para la no explotación de esta ave tan chilena. Es que facebook da para todo.

16/6/08

Random con CSS + Java

Crea en hojas de estilo separadas el diseño que quieres según cada color, y nombralas estilo_1.css, estilo_2.css, etc... Por ejemplo: si quieres que tu home sea verde, rojo, o azul, crea esas 3 hojas de estilo, con los colores correspondientes, y las vas nombrando con los números. Colócalas en una carpeta 'stylesheets' En el header de tu home (o sea, en el código fuente, entre el tag y ) coloca el siguiente código: ....

http://www.datamail.cl/blog-wm/documentos/random.doc

5/6/08

Canales Corporativos en Youtube

Cada vez existen más empresas que toman el portal de vídeos no como un repositorio sino como una extensión de su identidad corporativa, lo que tradicionalmente solía estar representado en forma de página web y en los últimos tiempos incluso como blog corporativo, a partir de la proliferación de youtube, será más corriente tener un canal de vídeo en youtube, pero ya he dicho muchas veces que no es lo mismo escribir un pequeño artículo que ponerse a producir vídeos, así que esto sólo se podrán permitir algunas empresas.

Porque si estas empresas no toman la iniciativa y son las que promueven la conversación, creando un sub-canal dentro de Youtube, serán los usuarios los que tomen el relevo y generen nuevos sub-canales, pero estos incontrolables para las organizaciones.

En resumidas cuentas, aquellas organizaciones que trabajen con vídeos o deseen ser “innovadoras en comunicación” deberían crear un “espacio o canal corporativo en Youtube” porque sus consumidores se lo van a demandar (antes o después) y mejor que los vídeos estén agrupados todos dentro de un mismo espacio con una estructura de navegación definida y unas formas de contacto con la empresa a que se encuentren desperdigados y haya que atender al consumidor uno a uno por la red ;)

Para la mejor calidad del vídeo recomendamos:

Formato: MPEG4 (Divx, Xvid)
Resolución: 320x240
Audio: MP3
Velocidad: 30 frames porsegundo
Duración: max 10 min. y 100MB. Recomendamos no obstante, que la duración sea en torno al minuto.

Link con botón como imagen frontal

Hacer una lista con los botones:
#navegacion ul
Lista > Tipo > Ninguno

Estilos avanzados:


a.boton
Fondo > Imagen de Fondo: boton-normal.gif
Fondo > No repetir
Bloque > Sangría de texto: -9999 pix
Bloque > Display: block;
Cuadro > Alto: 50 pix
Cuadro > Ancho: 100 pix

a.boton:link, a.boton:visited

Fondo > Imagen de Fondo: boton-normal.gif
Fondo > No repetir

a.boton:hover, a.boton:active
Fondo > Imagen de Fondo: boton-over.gif
Fondo > No repetir

Aplicar estilo en html al link (que está dentro del a lista):
a href="#" class="boton"


4/6/08

Menú horizontal con botón


#navegacion
- Fondo > Background-image: fondo.jpg
- Bloque > Alineamiento texto: centrado
- Cuadro > Relleno izquierdo: 200 pix (si es necesario)
- Cuadro > Alto: 50 pix (alto botón)

#navegacion ul
- Cuadro > Margen / Relleno: 0 / 0
- Lista > Tipo: Ninguna

#navegacion li
- Cuadro > Flotar izquierda

#navegacion a
- Tipo > Decoración: Ninguna
- Tipo > Alto línea: 50 pix (igual al alto del botón)
- Bloque > Display: block
- Cuadro > Ancho: 150 pix (ancho botón)

#navegacion a:link, #navegacion a:visited
- Fondo > Background-image: fondo-boton-normal.jpg

#navegacion a:hover, #navegacion a:active
- Fondo > Background-image: fondo-boton-over.jpg

3/6/08

Menú estilo Dock de Mac


Ejemplo 2, muy didáctico


::::: CSS:

Aquí hay varios ejemplos
Ejemplo 2. se puede descargar

Cómo Bajar Videos de YouTube


Primera opcion: Agrega la palabra "bajar" ó "descargar" al enlace del video de youtube. Ejemplo, cuando estemos viendo el video en youtube.com para descargar este video: http://www.youtube.com/watch?v=yszDagGE4TI deberemos agregar la palabra "bajar" en el enlace que aparece en el campo de direccion en tu navegador antes de youtube, debe quedar así: http://www.bajaryoutube.com/watch?v=yszDagGE4TI luego simplemente cargas ese enlace donde podras bajar el video y visualizarlo si lo deseas.

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.