¡Mis Ojos!.
Esos son los peor perfiles que he visto, y no solo se ven barbaridades así MySpace o Hi5, sino también en muchos blogs de Blogger supercargados de imágenes al mejor estilo de >blink< o widgets de Last.fm con autoplay. Incluso en Twitter donde se permite tener una imagen de fondo, hay gente que agrega uno de esos gifs que te dañan la retina ¬¬

Sitios como Facebook o Wordpress.com han sabido mantener la calidad de los perfiles al no permitir tal grado de personalización, y hasta en ocasiones algo aburridos; o en el caso de Wordpress.com que la única forma de personalizar una de las plantillas es con la mejora Custom CSS, lo cual por el hecho de ser de pago y requerir conocimientos de CSS evita que cualquiera haga pedazos el diseño de su espacio. Se siente la diferencia cuando uno visita un blog de Blogger de algún adolescente comparado a uno en Wordpress.com

Tampoco quiero generalizar o satanizar a MySpace o a Hi5 por permitir tantas libertades en los perfiles de sus usuarios, que al final de cuentas son alugnos de estos los que se esfuerzan tanto por hacer su espacio lo menos usable posible. Muchos bloggers con los que he platicado que hospedan su blog en Blogger critican lo cerrado que es Wordpress.com en cuanto a la personalización, pero al ver este video le doy la razón a Automattic en no permitir código HTML sin filtrar, no solo por seguridad en general, si no por estética.

¿Qué hará falta para ver menos fondos de colores psicodélicos destruye retinas y demás barbaridades en esas redes sociales? Pareciera que la solución más sencilla es que no debemos permitir tanto control a los usuarios sobre el diseño de su perfil, viendo el éxito de Facebook con la nula personalización de los perfiles, o la de Wordpress.com excluyendo a todos excepto los que quieran pagar y sepan de una cosa rara llamada CSS.

Me recuerdo años atrás cuando era habitual que en la mayoría de foros si no te registrabas no te dejaran pasar más allá del listado de categorías de las que se hablaba, pero también recuerdo que el 90% de las veces jamás me registré en esos sitios y seguí buscando hasta encontrar lo que necesitaba, prefería invertir tiempo buscando otra fuente que registrándome en un sitio en el que no tenía idea si iba a encontrar la información y aunque talvez allí estuviera jamás lo supe por la barrera del registro.

Muchas de esas prácticas ya han cambiado, y el no permitir a tus visitantes que vean cierto contenido o tengan acceso a ciertas funciones tienen sus pro y contras pero tampoco hay que ser tan cerrados y creer que tu sitio es la quinta maravilla o el único recurso de información porque lo que haces es perder tráfico y contenido creado por terceros.

Buenas prácticas hacia tus usuarios

Piensa muy bien en qué les estás brindando a tus usuarios y si en verdad se están registrando, en estadísticas hay algo llamado Bounce Rate que es una forma de medir el porcentaje de visitas que se están quedando en tu sitio, o que solo llegan no ven algo útil (o que necesitan registrarse) y se van, si has instalado Google Analytics en tu sitio puedes verlo.

A los usuarios hay que darles una probadita del pastel que tienes en tu sitio, y atraerlos con información útil, no solo con el título de un mensaje, no!, tienes que darle parte de lo que busca y si se registra dale un extra, algo que agregue valor a esa experiencia y entonces hasta puedes lograr que se quede como un usuario recurrente y hasta te genere beneficios si empieza a crear contenido gratuto para tí.

Yo he ido a caer muchas veces a Experts Exchange debido al SEO que manejan y los cientos de preguntas que hay, pero soy el tipo de usuario que como no me dejan ver ni una sola respuesta si no me registro (menos cuando se volvieron pago) entonces solo llego me doy cuenta del problema y salto a un siguiente enlace. Solo están logrando sumar un uno a sus visitas pero no un usuario fiel, o alguien que haya dado click en su publicidad o un usuario contento porque el sitio le fue útil. De hecho jamás le recomendaría a alguien que visite tal dirección.

Ventajas al abrir más el contenido a los visitantes

Si estás empezando un proyecto no esperes que se masifique si desde un inicio esperas que las personas llenen un tedioso formulario, eso es básicamente un muro para que la gente conozca y participe en tu proyecto, primero comparte e invita a que todos puedan colaborar en él, eso te ayudará a lograr popularidad o al menos una masa mayor de actividad en tu sitio.

Eso hará notar que tu sitio en realidad lo están utilizando, ¿por qué crees que los blogs se popularizaron mucho más que otro formato de sitio? porque cuando la mayoría tuvo formularios abiertos para que cualquiera se pudiera expresar fácilmente entonces los usuarios empezaron a usarlo y se inició una interacción entre autor y comentaristas, eso dió lugar a conversaciones que hasta resultó en comunidades.

Luego, como te mencionaba antes, provéeles de accesos a personalización de pérfiles, o del sitio para que vean que si se registran tienen algo más allá de lo que buscan, y no al revés, que lo que buscán no está disponible si no llenan un formulario con 40 campos.

Desventajas

Claro, hay desventajas como que el spam aumenta si todos los formularios están abiertos, pero hay formas de evitarlo, en los blogs la mayoría se elimina con Akismet, pero según tu proyecto sí pueda darte dolores de cabeza y hasta requiera que le dedicas más tiempo a tu sitio para estar lidiando con basura que han dejado bots maliciosos.

Uno de los beneficios que veo en Menéame, es que cualquiera puede votar anónimamente en una noticia, pero la desventaja durante mucho tiempo era que la gente enviaba noticias y al mismo tiempo un email a todos sus amigos para que votaran, eso a veces inflaba los números y si al final la nota quedaba en portada no era porque en verdad fuera útil sino porque alguien lo hizo para beneficio propio, por eso es que el sitio tuvo que ir implementanto métodos para evitarlo, pero durante algún tiempo los muchos votos en las noticias no reflejaban la realidad de los contenidos.

Por eso todo ésto va de la mano a lo qué quieres lograr en tu proyecto, si quieres un sitio muy privado con gente élite, invita solo a tus amigos pero talvez tu sitio no sea notorio en el medio, sin embargo, considera abrir los registros cada cierto tiempo para atraer contenido fresco a tu sitio.

Y si al contrario lo que tienes es demasiados comentarios en un blog que te quita mucho el tiempo en moderarlos o ver qué escribieron, entonces puedes ir cerrando comentarios en posts de cierta fecha hacia atrás y así solo dejas abiertos los últimos para que la invitación siempre esté abierta pero en menos proporción.

Y ustedes ¿qué tipo de usuario son, y qué tipo de proyectos tienen? recuerden que su sitio no es la última coca cola en el desierto .

En Junio del 2006, unos errores en los discos duros de la base de datos de la red social Couchsurfing habían ocasionado la pérdida casi total de la información que tenían de sus miembros, según la historia, los administradores de Couchsurfing hicieron todo lo posible para recuperarla pero diversos factores, entre ellos errores humanos, y no tener backup de la información provocó la muerte del sitio, al menos por unos días.

A la fecha, ésta red social es de gran éxito entre los viajeros y líder en el tema, pero por no tener un respaldo el fundador tuvo que decidir cerrar y velar el muerto porque ya no podía hacer algo al respecto, lo bueno fue que los usuarios se unieron y decidieron ayudar y empezar a llenar de nuevo la información que cada uno tenía en su perfil y demás, no podían dejar morir el sitio.

Y desde Junio del 2006 a Octubre del 2008, Couchsurfing muestra que ha crecido y pasado de 90,000 perfiles a 780,000, pero gracias al apoyo de la comunidad y no porque los dueños tenían todo tan bien implementado y planificado que en caso de emergencia sobrevivirían.

¿Te ha pasado?

¿Se imaginan que a alguno de nosotros si tuvieramos un sitio de ese tamaño nos pasara lo mismo, pero a diferencia de ello no tuviéramos apoyo para recuperar todo? Y es que no se trata solo de la información de nuestro blog, o de nuestros proyectos, día tras día vamos acumulando cientos de recuerdos de forma digital, o conocimientos en diversos tipo de documentos, ya sea la foto del nacimiento de nuestro hijo, o la Tesis para presentar a la universidad, de una u otra forma el valor de esa información no tiene precio y alguna es irrecuperable, talvez te llevó años redactar una novela, pero a tu disco duro le tomó solo segundos en destruirla.

Regularmente no tenemos cultura de hacer respaldos de la información, es la verdad, y no sabemos lo que perdemos hasta que nos sucede, tal como a mí que en dos ocasiones he perdido los datos de dos discos de 250GB cada uno y en distinta fecha (jamás volví a comprar discos Maxtor), la diferencia entre una y otra fue que la segunda vez sí tenía respaldo de la información más importante .

Recuerda, tenemos Time Machine, S3 de Amazon, servicios gratuitos como Mozy y muchos más, pero ésto más que un compendio de herramientas es una reflexión de cómo todo puede acabar en segundos por no tomarnos 30 minutos, piensa, ¿Hace cuánto hiciste el último respaldo de toda tu información?

El vídeo contó con la participación de Freddie y Pablo.

Además del vídeo, aprovecho a dejar algunas otras críticas de proyectos que nos han llegado por email, twitter, facebook (gracias a los que están usando otros canales para seguirnos). Los comentarios de proyectos adicionales:

• Diccionario Real de la Cotorra Dominicana, quitándole un poco el sarcasmo del vídeo (lo hacemos en buen plan), le daría algunos consejos prácticos: 1. mejorar ese logo y no abusar de las cotorras (una podría ser suficiente). Usar también los colores de la bandera puede ayudar a identificar, pero siempre es recomendable utilizar fotografías (En Dominicana hay lugares tan lindos para fotos) que pueden ayudar a resaltar esas bellezas naturales y ponerle mejor diseño al proyecto. 2. En el interior se extraña un menú para desplazarse por las demás letras del abecedario, así como un buscador. 3. La portada la usaría mucho más para reforzar el proyecto, no solo dar accesos directos, sino resaltar los últimos aportes, la jerga más utilizada e interactuar con la comunidad. 4. Que el contacto tenga un formulario, pero no solo una dirección de correo.
• La Web de la ciudad de El Carmen tiene que cuidar mucho el título ya que está demasiado amplio y eliminar el uso de esos adornos con doble puntos. También el logo toma mucho espacio que podría aprovecharse para mostrar más, alguna fotografía tal vez. La fecha no es tan relevante en estos sitios (no es para reflejar datos de algún contenido) y la temperatura podría ser parte del contenido y no precisamente del menú superior. Ví lo de las Noticias de Clarín que aunque complementan el contenido, no tienen una conexión real con el sitio. Creo que generar sus propias noticias tendría mucho más valor y podría hacerse con algún blog. Todo esto de Dinero Mail, Mercado Libre y el No Spam creo que no le aportan tampoco. Lo más importante es ofrecer la experiencia para los que no conocemos de como es El Carmen y proveer contenido útil para los habitantes del lugar para que se identifiquen con el sitio.
• Crítica cómica a la sociedad actual me hizo volver al pasado. Supongo que a épocas de Angelfire o de Geocities con esos fondos de textura que se ven terribles, al igual que con las tablas con bordes innecesarias. Vale la pena aprender un poco de maquetación con CSS o incluso empezar con alguna plantilla que puedes conseguir linda y gratis en sitios como OSWD. No me considero el target para este tipo de sitios, así que luego de que intenté seguirle la evolución a los monos de la derecha deje de ver el sitio. Creo que hay material allí que vale la pena formatear mejor para que el sitio evolucione.. Y comprale un dominio, la publicidad de los .tk es molesta.
• Retropia funciona en formato blog, aunque la plantilla es complicada de seguir. El sidebar no está bien separado y al contar adicionalmente con esa columna al medio destacando algunos artículos no se ve realmente la división entre espacios. También el encabezado, al ser un collage de muchas imágenes pero todas recortadas de forma cuadrada da la idea de que tienes varios enlaces allí a seguir. Y estas imágenes también le quitan fuerza al logo que debería resaltar mucho más. Ví el botón de Technorati que me parece se ha vuelto un servicio bastante irrelevante y no construye mucho tráfico para sitios pequeños, yo lo quitaría. Y tratar de no incluir tanto contenido, darle más espacio, como pasa en las dos columnas que hay de artículos entre los diferentes posts.

Seguiremos con más vídeos y críticas a proyectos, así que manda tus proyectos al paredón. Esperamos tus comentarios.

Celebra usando iconos

Algunos sitios cambian solamente su logotipo para celebrar está época, siempre resulta un buen detalle. Pero para ti que no te basta con hace sólo eso, te dedicas un poco más y te gusta utilizar iconos navideños para que tus usuarios sientan la temática en su navegación, te comparto algunas series interesantes:

• Icoons Xmas Style: una serie de 12 iconos en forma de esferas navideñas para que los descargues y decores tu sitio.
• Hermosos iconos navideños: te presento una serie de 25 set que contienen una variedad de diseños navideños.
• Colección de iconos en vectores: descubre las 15 colecciones de iconos en vectores libres para descargar.
• Un pequeño paquete de iconos: en deviantart siempre encontrarás miles de opciones en cuanto a diseño se refiere, así que te dejo está muestra de iconos y quizás encuentres más.

Tutoriales navideños en Photoshop

Para quienes desean hacer sus propios diseños navideños, les comparto una serie de tutoriales en donde aprenderán a realizar diferentes conceptos para aplicarlos a sus sitios, proyectos o simplemente hacer un regalo para tus usuarios o amigos.

• Un paquete de tutoriales de photoshop: destapa estos 24 tutoriales de photoshop en donde aprenderás a realizar divertidos diseños navideños.
• Aprende a diseñar una linda candela navideña: un tutorial que te enseña paso a paso cómo diseñar una candela navideña, que puedes utilizar en donde quieras.
• Diseña un hermoso wallpaper: este tutorial te enseña como crear un paisaje navideño, que luego puedes convertir en tu wallpaper.
• Una serie de divertidos diseños: conoce 10 fantásticos tutoriales que te ayudarán a inspirarte para hacer tus diseños navideños.

Navidad en tu pantalla

En lo personal disfruto mucho cambiar mi fondo de pantalla para sentirme en ambiente, son detalles que parecieran tontos o pequeños, pero que algunos sabemos disfrutar, así que si eres detallista como yo, te comparto una serie de fondos de pantalla con el espíritu de la navidad.

• Creativos diseños navideños para tu fondo de pantalla: escoge entre estos 40 diseños de fondos de pantalla el que más te guste y celebra.
• ¿Quieres una blanca navidad?: te presento 25 opciones para descargar una blanca navidad como tu wallpaper.

Themes navideños en CMS

Para quienes utilizan CMS´s les comparto algunas plantillas con un completo toque navideño. Basta con seleccionar el diseño que más te guste y descargarlo en tu carpeta de Themes, para los diferentes CMS´s existen algunas opciones.

• Themes navideños para Drupal: una serie de 4 pantillas navideñas para que la apliques a tu blog hecho en Drupal.
• Celebra la navidad en Wordpress: una serie de 7 plantillas para Wordpress en un sólo clic.
• Theme navideño para Joomla: un theme gratuito para el CMS Joomla.

Espero que se disfruten este especial navideño, cargado de muchos links de regalos que pueden aprovechar para realizar diseños especiales. Como siempre, espero sus aportes, porque estoy segura que existen más opciones en la red sobre estos temas. Desde ya, les deseo una feliz navidad a todos!

Pues precisamente esa es la función de un «Acelerador de PHP», tomar el script(s) ya compilado, guardarlo en una memoria compartida y usarlo la próxima vez que se solicite este script, «compila una vez, corre muchas veces». El tiempo, y por tanto mejora del rendimiento de un servidor, depende principalmente de la complejidad de la aplicación php y memoria disponible para almacenar los scripts ya compilados.

Dada la forma en que funcionan estos «aceleradores», no en cualquier servidor se pueden instalar. Necesitas que PHP funcione como módulo de Apache (o cual sea estés usando) o enFastCGI, ya que desde CGI no va a funcionar la memoria compartida entre procesos. Apache también debe estar configurado, en el caso de usar php como módulo, para funcionar con un proceso y múltiples hilos (prefork), ya que con múltiples procesos e hilos (worker) estos aceleradores no se llevan bien, generando los odiosos mensajes “PHP has encountered an access violation at XXXXXXX”.

En un VPS con poca memoria RAM (menos de un 512MB) por la que compiten Apache y Mysql, es difícil que un acelerador pueda lograr buenos resultados junto a una aplicación grande. Yo solo los he usado en servidores dedicados con al menos un 1GB de RAM disponible.

Alternative PHP Cache (APC)

APC fue el primer acelerador que probamos con Maestros del Web, logramos bajar el tiempo de respuesta del sitio de 600ms a 400ms. APC es completamente gratuito y open source, un punto que habla muy bien de APC es que en PHP6 será incluido dentro del core de PHP.

APC incluye un script con el que puedes consultar estadísticas sobre el rendimiento de APC y el uso de la memoria, es algo que me gusta comparado con otros aceleradores:

clic para agrandar

En internet hay bastantes tutoriales de como instalar APC en diferentes entornos, para quienes usan Centos con WHM/Cpanel seguro les interesará seguir esta guía.

XCache

XCache es el segundo y actual acelerador de php que usamos con nuestros servidores, principalmente por las recomendaciones que nos dieron en el foro de optimización de servidores en vBulletin.com. Un punto a destacar de XCache es que lo ha escrito uno de los desarrolladores de Lighttpd, servidor web que tiene la fama de ser mucho más rápido al enviar contenido estático, comparado con Apache.

XCache también cuenta con un panel de control y de estadísticas, aunque comparado con el de APC es mucho menos visual:

clic para agrandar

XCache se ha ganado la fama de funcionar siempre con nuevas versiones de PHP (según dicen el soporte para PHP 5.3 ya está hecho), o al menos antes que los demás aceleradores, pero por alguna razón con PHP 5.2.6 en nuestros servidores fue demasiado inestable. Si usan Centos y WHM/Cpanel, acá está la guía que nosotros seguimos para instalar XCache.

Hablando de un comparación rendimiento entre APC y XCache, realmente no percibimos una diferencia notoria. Pero ya que los desarrolladores de vBulletin nos recomendaron más XCache, nos cambiamos a este.

eAccelerator

Nosotros no hemos probado eAccelerator en nuestros servidores, pero aún parece ser una buena opción que cuenta con bastantes seguidores. eAccelerator ya viene configurado dentro de las opciones de CPanel para Apache/PHP, para los que no quieran quebrase la cabeza instalando un acelerador desde los fuentes

Es difícil decir cual de estos tres aceleradores de php es mejor, depende mucho del hardware, la configuración del software instalado y la aplicación(es) que se esté usando. Por ejemplo alguien comparó Drupal con estos 3 aceleradores y eAccelerator le funciono mejor, alguien más con Zend Framework dice que APC es mejor.

¿Cuanta memoria asignar para guardar los php ya compilados? Depende de cuantos archivos tenga tu CMS. En nuestros servidores corren varios CMS’s entre vBulletin, Wordpress, MediaWiki y OpenAds; para lo que destinamos entre 60MB a 100MBs de RAM. Hay que recordar que si solo se tiene un servidor, hay que dejar memoria disponible para Apache, Mysql y el sistema operativo. Nosotros empezamos probando con 32MBs de memoria para acelerador, y la fuimos incrementando hasta que consideramos que buena parte del CMS estaba cacheado.

Estos tres aceleradores también cuentan con un espacio exclusivo para variables (datastorage), varios CMSs aprovechan este espacio para ahorrar algunas consultas a la DB almacenando allí datos bastante comunes, como las preferencias y configuraciones del gestor; a este espacio si mucho le hemos asignado unos 5MBs. Los datos del uso de la memoria del acelerador siempre pueden se consultar desde el panel de control que cada uno tiene.

Quién esté interesado en instalar un acelerador de PHP debería probar más de uno, evaluar el rendimiento y estar pendientes del error log, cada uno de estos tiene a ser inestable en diferentes formas. Con Foros del Web, si no usáramos un acelerador de php, es casi seguro que necesitaríamos un servidor extra durante los picos de tráfico.

Otras opciones

Los tres aceleradores de php que acá mencionamos no han sido los únicos que existen:

• Zend Platform: Más que un acelerador de PHP es toda una plataforma de herramientas de optimización, caché y monitoreo para PHP. El hecho de que sea un producto comercial, lo deja fuera de mi lista de «por probar».
• ionCube PHP Accelerator (PHPA): Fue la primera alternativa gratuita para mejorar el rendimiento de PHP, la competencia al Zend Cache (comercial) de aquel entonces. Actualmente su desarrollo fue avandonado.
• Turck MMCache: Es el código original de donde más tarde saldría eAccelerator (como un fork de este), aún cuando hoy está descontinuado hay personas que lo siguen usando (por sistemas heredados).
• Zend Optimizer: Otro producto no código abierto, sirve principalmente para correr aplicaciones comerciales y codificadas con Zend Guard. Incluye un optimizador de código que en teoría mejora mejora el rendimiento de las aplicaciones, pero de acuerdo a lo que he leído, tiene muchos conflictos de estabilidad con los aceleradores de php. Nadie recomienda su uso real, a menos que se tenga un script codificado.

¿Alguien ha usado uno de estos aceleradores de PHP? ¿Cuál les ha funcionado mejor con su sitio? La verdad, al final todo esto se convierte en un proceso de prueba y error.

Photoshop, toda una comunidad

Photoshop es un software que tiene toda una comunidad detrás quienes han contribuido con material y contenidos para que más usuarios aprendan de la capacidad de la herramienta. Estoy segura que este artículo se queda corto, ante los contenidos que existen, pero siempre es bueno contribuir a la causa.

Algunos sitios en donde encontrarás tutoriales dedicados a Photoshop son:

• Solophotoshop: un sitio en español que tiene una gran comunidad detrás, en donde encontrarás mucho contenidos sobre Photoshop.
• Tutorial9: un sitio en inglés que se dedica a la elaboración de tutoriales con una sección exclusiva para Photoshop.
• Photoshop Essentials: un sitio dedicado a la fotografía y con un gran contenido sobre el retoque utilizando photoshop, cuenta con una sección para principiantes.
• Adobe Tutorialz: una serie de tutoriales para principiantes e intermedios.
• Photoshop Tutorials: como su nombres lo indica es un sitio creado para publicar contenido sobre tutoriales de photoshop.

Vídeo tutoriales en un sólo lugar

Existen sitios que reúnen los video tutoriales de Photoshop, ya sea porque los autores del sitio se han dedicado a crear el vídeo o porque han decidido facilitar la búsqueda de vídeos y los aglutinan en un sólo lugar. A continuación le presento algunas opciones.

• dZoom: es un sitio dedicado a la fotografía y presenta una serie de video tutoriales en español sobre photoshop.
• Psxtool: un sitio argentino que te muestra una serie de tutoriales de técnicas muy sencillas.

Simples y favoritos

Cuando decidí buscar tutoriales y video tutoriales me tope con una cantidad inmensa de opciones, les comparto una muestra de los sitio en donde pueden encontrar mucho video tutoriales, iniciando por los distribuidores de vídeos como Youtube, Vimeo, Blip.tv y más.

• Una serie de increíble tutoriales: un artículo que recopila una serie de 25 increíble tutoriales de Photoshop que vale la pena revisar.
• Cambiar el color de cabello en una foto (youtube / 4:07): un tutorial para principiantes que muestra la facilidad del retoque de las imágenes, con un ejemplo sencillo como el cambio de color del cabello.
• Coloreando una imagen (vimeo / 25 min): este tutorial nos muestra como hacer una obra de arte utilizando el color.
• Cambia el color de los ojos (Blip / 4:42): un tutorial que te enseña a cambiar de color los ojos en una fotografía.

Finalmente agradeceré sus sugerencias sobre otros sitios dedicados a Photoshop, que nos compartan si pertenecen alguna comunidad en donde se estén creando contenidos interesantes sobre este popular software y si tiene algún tutorial, video tutorial favorito o de su autoría nos encantará conocerlo.

Hace algún tiempo buscando como optimizar nuestro servidor MySQL encontré MySQLTuner, un pequeño script para optimizar la configuración del servidor, guiándote sobre cuales valores debes modificar. MySQLTuner fue desarrollado principalmente por Major Hayden quién es DBA Certificado por MySQL y trabaja como Ingeniero en Rackspace, popular empresa de hosting.

Hay que recalcar que no se deben seguir las recomendaciones de MySQLTuner al pie de la letra, se da el caso que te recomienda aumentar más el uso de memoria en algún buffer y tal vez el servidor ya no tiene más RAM, o esta es compartida con otros servicios y el OS. El siguiente es un reporte generador por MySQLTuner:

# ./mysqltuner.pl 

 >>  MySQLTuner 0.9.9 - Major Hayden 
 >>  Bug reports, feature requests, and downloads at http://mysqltuner.com/
 >>  Run with '--help' for additional options and output filtering

-------- General Statistics --------------------------------------------------
[--] Skipped version check for MySQLTuner script
[OK] Currently running supported MySQL version 5.0.67-community
[OK] Operating on 64-bit architecture

-------- Storage Engine Statistics -------------------------------------------
[--] Status: +Archive -BDB -Federated +InnoDB -ISAM -NDBCluster
[--] Data in MyISAM tables: 5G (Tables: 703)
[--] Data in InnoDB tables: 9M (Tables: 40)
[--] Data in MEMORY tables: 10M (Tables: 2187)
[!!] Total fragmented tables: 117

-------- Performance Metrics -------------------------------------------------
[--] Up for: 12d 22h 23m 50s (149M q [134.069 qps], 13M conn, TX: 1900B, RX: 46B)
[--] Reads / Writes: 71% / 29%
[--] Total buffers: 716.0M global + 5.0M per thread (700 max threads)
[!!] Maximum possible memory usage: 4.1G (106% of installed RAM)
[OK] Slow queries: 0% (60/149M)
[OK] Highest usage of available connections: 50% (351/700)
[OK] Key buffer size / total MyISAM indexes: 256.0M/8.3G
[OK] Key buffer hit rate: 99.9% (4B cached / 4M reads)
[OK] Query cache efficiency: 56.2% (57M cached / 102M selects)
[!!] Query cache prunes per day: 11868
[OK] Sorts requiring temporary tables: 0% (60K temp sorts / 15M sorts)
[!!] Temporary tables created on disk: 46% (924K on disk / 2M total)
[OK] Thread cache hit rate: 99% (351 created / 13M connections)
[OK] Table cache hit rate: 38% (4K open / 12K opened)
[OK] Open file limit used: 23% (3K/12K)
[OK] Table locks acquired immediately: 99% (148M immediate / 148M locks)
[!!] InnoDB data size / buffer pool: 9.5M/8.0M

-------- Recommendations -----------------------------------------------------
General recommendations:
    Run OPTIMIZE TABLE to defragment tables for better performance
    Reduce your overall MySQL memory footprint for system stability
    Enable the slow query log to troubleshoot bad queries
    When making adjustments, make tmp_table_size/max_heap_table_size equal
    Reduce your SELECT DISTINCT queries without LIMIT clauses
Variables to adjust:
  *** MySQL's maximum memory usage exceeds your installed memory ***
  *** Add more RAM before increasing any MySQL buffer variables  ***
    query_cache_size (> 350M)
    tmp_table_size (> 100M)
    max_heap_table_size (> 128M)
    innodb_buffer_pool_size (>= 9M)

A pesar que solo pretende que se tome como una guía, las recomendaciones las encuentro muy útiles para ajustar rápidamente el servidor, principalmente si se está usando una instalación por defecto. Un punto sobre Query Cache, es que siempre hay que analizar si conviene o no activarlo o cuanta memoria asignarle; depende mucho de como funciona la aplicación y si hay otros sistemas de caché ya presentes.

¿Han usado alguna otra herramienta para optimizar MySQL? MySQLTuner es la primera que he usado, y que va más alla de solo resumir el estado de MySQL. Cualquier referencia se agradece.

En Europa

• El Adobe MAX de Milán arranca hoy y hasta el 4 de diciembre.
• En Londres se realiza el Female Internet Heroes event el próximo 3.
• En Berlín tenemos el Online Educa del 3 al 4.
• LeWeb 08 en París el 9 y 10. Voy a acercarme al que considero es el mejor evento de Europa y aprovecho a cerrar la temporada de eventos del año.

En España

• Los amigos twitteros se reunen en Madrid el 2 de diciembre en el Irish Rover para el TwittMad. Y también repetirán el 20 para cerrar bien el año.
• El 10 de diciembre hay Iniciador en Madrid con Luis Martín Cabiedes.

En México

• Del 4 al 6 de diciembre se celebra el Congreso Internacional de Software Libre

En Argentina

• Del 2 al 5 de diciembre hay Conferencia CakePHP en Buenos Aires

En Estados Unidos

• Del 8 al 12 se realiza el Search Engine Strategies 2008 en Chicago

Aprovechando, quería recomendar el Calendario de Tecnologías abiertas, enlace que me enviaron por correo y que es también recomendado revisar cada inicio de mes.

El calendario completo a continuación y porfavor, avisen en los comentarios si falta alguno para que lo incluyamos.

Antes que todo, te recomiendo que leas algunos artículos que tenemos en la Categoría Accesibilidad, por si no estás muy empapado del tema, por ejemplo, La Accesibilidad en la web y Diseño para todos: Accesibilidad Web, básicamente lo que tratamos de hacer es mejorar la experiencia de visitar nuestro sitio para personas que tienen una u otra discapacidad, y además mejorar la experiencia si se nos visita desde cualquier otro dispositivo que no sea una computadora convencional.

Herramientas y sitios de Ayuda

Algunos de los recursos que hemos utilizado y que han sido de gran ayuda para evaluar e ir corrigiendo errores en nuestro código lo que ha resultado en un sitio más accesible.

• Test de Accesibilidad TAW: Te ayuda a ver directamente sobre tu sitio las áreas que necesitan atención, das click sobre las imágenes que te indican algún error y te muestra información para corregirlo.
• Examinator Es el primer sitio al que he recurrido, examina tu sitio y te da un informe analítico de los errores a corregir, acá hemos logrado una puntuación de 9 sobre 10, que no está nada mal y aún seguimos corrigiendo fallos (más ahora que la calificación bajo temporalmente a un 8.8 debido a un problema en la generación del post-slug que hace Wordpress).
• Extensión de Accesibilidad para Firefox: Excelente herramienta para los desarrolladores generando reportes completos o por secciones de sitio, si no entiendes un problema te direcciona a sitios en donde está detallada la explicación.

Herramientas que deseo probar

Tengo algunos otros enlaces de herramientas que seguro son útiles pero no he tenido oportunidad de probar y se que a más de alguno le ayudará.

• Web Accessibility Toolbar: Esta es una barra de herramientas diseñada para funcionar sobre Internet Explorer y Opera, si te sientes cómodo utilizando alguno de esos navegadores todo el día entonces te será útil.
• WebAnywhere: Es algo así como un simulador en línea de JAWS, te permite darte cuenta de cómo es leida una página por lectores como éste, para reconsiderar la estructura de tu código y vista en el sitio.
• aDesigner: Simula la experiencia que tienen las personas con alguna desventaja visual, y de esa forma el diseñador o desarrollador pueden entender mejor cómo se ve un sitio para mejorarlo.
• HERA: Apenas lo conocí gracias a Javier mientras desarrollaba éste artículo, y me gustó mucho, el sitio extrae las secciones en las que tienes que trabajar y te muestra solo esas partes para que veas el error y su contexto sin nada más que distraiga.

Y por último, no podían faltar las Guías para un Contenido Accesible de la W3C que son autoridad en el ramo, allí hay un vasto cúmulo de recursos e información que no puedes dejar de leer.

Nosotros en Maestros del Web seguimos trabajando para hacer el sitio más accesible, aún hay cambios por hacer y algunos profundos, pero mientras tanto queríamos compartir con ustedes éstos enlaces que nos hay ayudado y unos extras para todo aquel interesado en hacer una web más accesible para todos.

Los simples y directos

Esta es una pequeña lista de headers simples y directos que muestran de forma minimalista la navegación de sus secciones a través del header. No existe una fórmula específica para diseñar headers, pero sin duda la accesibilidad y claridad siempre serán aspectos que los usuarios agradecerán. Algunos también pueden tener un poco más de elementos, pero ser simples.

• Alex Dukal: el menú de opciones como header es simple, contempla el nombre del creador y sus 5 opciones de navegación.



• Luis Alarcón: en su sitio, Luis diseño un header llamativo, pero con un pequeño menú de 4 opciones que le ayudan al usuario para navegar.



• Divito Design: un diseño a dos colores con uso de mucho texto y un extenso menú.



• Leigerber: con un logo, descripción, menú dinámico de navegación y una caja de búsqueda en una solo línea.

Algunos con mucho diseño

Una de las cosas que me gustan de los headers de diseñadores extrovertidos es que se atreven a cargarlos con geniales diseños que muestran mucho color, dinamismo e impactan desde el inicio. Claro no hay que olvida que es importante que el hearder también entre en armonía con el resto del diseño.

• Design Shard: un header con más diseño, menú de navegación e iconos para definir el perfil del autor.



• Web Designer Depot: con un diseño muy colorido y dinámico, este sitio nos muestra un gran diseño en su header, aunque sin menú.



• Dawghouse: un header que se integra a todos los elementos del diseño, cumple su función y se presenta diferente.



• Reservoirbuzz: este diseño habla por si mismo, su menú es atrevido, dinámico y codificado.

El header y los elementos en armonía

No olvides que todos los elementos en un sitio son importantes, la estructura, el CSS, la usabilidad, la accesibilidad, el footer, el menú, la sindicación, opciones de suscripción y el header dentro de todos ellos ocupa uno de los primeros lugares, porque es lo primero que verán los usuarios.

No existe una forma correcta que te indique al 100% que estas utilizando el mejor diseño, pero es importante que tomes en cuenta algunas opciones y alternativas ya creadas para inspirarte. No te olvides que también eres usuario y de los sitios que visitas, debes preguntarte cuáles hacen que tu visita sea agradable a partir del header y toma ejemplo.

Se llama VideoTagGame y el objetivo es el de recolectar la mayor información posible de lo que pasa dentro de un video en determinado momento de la reproducción, la idea no es agregar tags generales al video en sí, sino identificar lo que va sucediendo o aparece dentro de él.

El juego es multijugador y deben ingresar con un usuario de Yahoo!, se permiten tres jugadores por partida, y mientras el video se va reproduciendo, cada jugador va ingresando los tags correspondientes a lo que ve, el incentivo del juego es coincidir con otro jugador al agregar la misma información para así obtener puntos.

Aunque parezca un simple juego, es una labor de gran ayuda que luego servirá para que cuando alguien busque por alguna palabra clave en un servicio de videos, te devuelva los resultados y te diga en qué momento sucede o aparece algo de lo que buscaste, (he allí porqué son los puntos solo cuando coincides con alguien al etiquetar el video y mejor si es al mismo tiempo).

El método en sí no es nuevo pero la aplicación a los audiovisuales sí lo es, recordemos que Google lanzó hace unos años el juego Image Labeler con el propósito de obtener más información de las imágenes que tiene almacenadas y presenta su resultado, la idea la licenció de una Universidad de Estados Unidos en donde nació el Captcha y luego el reCaptcha que fue el primero de los proyectos en donde empezaron a utilizarnos para beneficio de las computadoras .

Pues al final, el propósito de ésta tecnología es indexar la información que no puede ser proporcionada más que por humanos (por el momento).

Por lo que ahora serán al menos tres betas antes de ver el producto final que estaba previsto para finales de éste año pues Mike Beltzner, el director de desarrollo de Firefox envió un mensaje a la lista de correo de planeación del producto, indicando que necesitaban más tiempo y que trabajarán en una tercera beta para identificar la gravedad de algunos bugs pendientes de resolver.
Esto con el fin de asegurarse que el navegador sea lo suficientemente estable como para moverlo a la etapa de un Release Candidate (RC).

No trabajarán en agregar nuevas características aparte de las ya planeadas y anunciadas, entre ellas el nuevo motor Javascript del navegador del que todos han hablado muy bien, y que será un arma contra la competencia pues se supone que mejorará el desempeño del navegador consideráblemente.

Para los que quieran probar (y talvez arriesgarse) a bajar las betas de Firefox 3.1 pueden hacerlo desde el ftp de Mozilla en donde están las versiones para Windows, Mac y Linux.

Escribo para la web desde hace más de 3 años, al inicio, creí que debía escribir como lo hago para medios impresos, pero luego de este tiempo he llegado a varias conclusiones sobre la forma correcta de escribir para la web.

Existen muchos aspectos importantes que considerar cuando escribes para internet. La elaboración de un título llamativo es uno de ellos, que sea preciso, atractivo, que su longitud sea la adecuada y sobre todo que contenga palabras claves para los buscadores. He descubierto que en el título se definen los siguientes factores:

Describe el contenido:

Un título debe ser la síntesis de tu contenido, en una línea puedes decirle a tu lector de qué trata el artículo y la importancia del mismo. Puedes realizar varios ejercicios para formular tus títulos e incluso pensar en la forma en que los usuarios pueden llegar a tu artículo desde un buscador.

Por ejemplo: imaginemos que escribes sobre “una receta especial para hacer panqueques con leche condensada” el contenido es claro pero el título sería muy extenso para dejarlo así, entonces pensemos cómo buscarías este contenido, podría ser: “Cómo hacer panqueques con leche condensada”.

Es curioso, porque uno suele preguntarle a los buscadores: “cómo crear una cuenta en gmail”, “cómo crear una página web”, “cómo recuperar mi contraseña de hotmail”, “por qué la luna aveces es anaranjada”, etc. Las preguntas aveces funcionan pero no abuses de ellas, también puedes utilizar otras opciones como las palabras simples: “editores de imágenes“, “software libre“, “Consejos para principiantes de SEO“, etc.

Atrae al lector:

Si bien es importante que se describa el contenido, el título debe ser atractivo, para ello el juego de palabras es importante, se convierte en un arte. Piensa en títulos divertidos, expresiones coloquiales, analogías en los títulos, palabras seductoras, palabras creativas.

Por ejemplo: en alguna oportunidad has visitado una librería llena de títulos que desconoces y vas dispuesto a comprar uno, pero cuál escoger. Inicias tu búsqueda por los títulos y te topas con los Bestsellers que utilizan títulos que te enganchan: “los hombres son de Marte y las mujeres son de Venus”, “los hombres las prefieren cabronas”, “Pabre rico, Padre pobre”, etc.

De alguna forma te llaman la atención estos títulos y este efecto es el que debes buscar en tus post. Busca títulos temáticos como: “Ruby on Rails vs PHP: una falsa comparación“, “Chicas, color y creatividad“, “Herramientas y ejemplos para mejorar tu trabajo como freelance“, etc. Busca títulos que también resuelvan dudas o necesidades de tus usuarios.

Usar palabras comunes:

Las palabras que utilices para crear tu título deben ser fáciles de comprender, no utilices palabras rebuscadas para hacerte el interesante, eso a los lectores no los engancha, es mejor hablar de forma sencilla y directa. Recuerda que en la web, tenemos demasiadas opciones y destacar es complicado, todo un reto.

Si lo que deseas es ganar seguidores en tu blog, no puedes hacerles complicada la lectura, tampoco vuelvas tus títulos “ininteligibles” ¿verdad que te costo leer esa palabra?, hace honor a su significado y es lo que debes evitar. Busca que tus títulos y contenidos sean fáciles de comprender.

Con un diseño que destaque:

Es importante que el título de tus post sea un elemento accesible para el usuario, con colores adecuados, tipografía agradable y sobre todo de fácil acceso, no hagas que tus usuarios tengan que buscar pequeños accesos dentro del texto, usa el título como link de acceso.

Usa subtítulos:

Leer en internet aveces puede ser una tarea difícil, por ello, procura facilitar a tu lector un orden adecuado para que la lectura le sea agradable.

Por ejemplo: utiliza subtitulos, no excedas el número de líneas por párrafos, busca que sean por lo menos unas 5 líneas por párrafo para que el lector sienta que avanza, permite que descanse la vista. Tal como lo has hecho en este artículo, como si nada has llegado hasta aquí y espero que estos tips sacados de mi experiencia te sean útiles. Espero tus comentarios.

Alternativas en español

Existen varios sitios que por su contenido sobre diseño, desarrollo web, tendencias y tips se han vuelto muy populares para quienes buscan opciones en español. Les presento estos sitios que en lo personal me gustan mucho por lo útil de su contenido, espero les sirva a ustedes también.

• Librosweb: un sitio que publica gratuitamente libros sobre tecnologías para el diseño y desarrollo web.
• Desarrolloweb: cuenta con diferentes secciones, temáticas dedicadas al diseño y desarrollo, servicios y comunidad.
• Sentidoweb: es un blog creado por Blogs Media dirigida a desarrolladores web, usuarios apasionados por la programación, diseño y negocios.
• Webestilo: encontrarás temáticas sobre usabilidad, PHP, ASP, HTML, Flash, Javascript, CSS, posicionamiento y más.
• Cristalab: artículos, foros, tutoriales, tips, cursos sobre diseño y desarollo web con una comunidad grande e interesante.
• Webmaster Libre: un proyecto creado por Alma Fernández su objetivo es ayudar a su comunidad sobre las consulas sobre diseño web, código, linux y más.
• Anieto2k: un desarrollador español muy querido por la comunidad de desarrolladores por compartir su conocimiento a través de su popular blog.
• Tutores: un sitio creado por webmasters para webmaster quienes te brindan ayuda sobre la creación y desarrollo de páginas webs.
• Webexperto: un sitio con una diversidad de temáticas con artículos para su comunidad, foros, descargas, tutoriales y recursos gratuitos.

Los lideres anglosajones

De todo el tiempo que llevo involucrada con las noticias sobre tecnología, las nuevas herramientas, servicios en la web y demás estos sitios en inglés son sin duda los líderes en el medio, si aún no los conoces te invito a que te suscribas a su RSS te será de gran utilidad.

• Alistapart: es una revista que explora las temáticas del diseño, desarrollo, mejores prácticas web y un gran contenido de utilidad.
• Site Point: en este sitio encontrarás artículos, libros, foros, kits, vídeos y mucho más sobre diseño y desarrollo web, así como novedades en la web.
• Think Vitamin: los temas que aborda este sitio están relacionados con tecnologías como Ajax, CSS, Ruby, Javascript, DOM, Rail y muchos más.
• Web Monkey: un sitio muy interesante con tutoriales, referencias, una librería de codigo y muy útiles herramientas.

Como siempre, si tienes más referencias de sitios que les han sido de utilidad, tanto en inglés, español como en otros idiomas no duden en compartirlo con nosotros y sigamos aprendiendo juntos.

Para iniciar me gustaría que leyeras el artículo de designm.ag que te muestra 101 portafolios increíbles en donde te muestran una lista de inspiradores portafolios de diseñadores web. También, si quieres promover tu trabajo fotográfico, mira está lista de 25 portafolios de fotógrafos te va encantar.

Buenos portafolios en inglés

En está lista te presento algunos de los portafolios que más me gustaron de todos los que encontré, estoy segura que habrán muchos más, pero estás referencias te ayudarán a darte una idea de buenos portafolios en línea.

• Eliot Jay Stocks: es un portafolio interesante que desde el inicio te presenta sus proyectos de ilustración, desarrollo web, templates y sus datos son claros y accesibles.
• Dawg House Design Studio: el diseño de este portafolio es genial, solo con ver el sitio sabes lo bien que este freelance trabaja.
• Emotion Slive: un portafolio sencillo, colorido directo sobre el trabajo de Mike, me gustaron las medias cuadriculadas.
• Sure Fire Media: si quieres conocer algo más sobrio y profesional, te gustará este portafolio de Dan Lindop y Andy Johnston.
• Hydra Studio: es un sitio que presenta una descripción de sus servicios y un extenso portafolio de los trabajos realizados.
• Design Chuchi: un portafolio ordenado de un estudio de diseño gráfico que muestra su trabajo y qué servicios ofrecen.
• Happy Cog: un sitio muy limpio e ingenioso, me gusta el buen gusto de sus detalles y el manejo del texto para promover su trabajo.
• Emastudios directo y con precios, en emaestudios encontrarás una muestra del portafolio de trabajos y los costos un dato que llama mucho la atención.

Portafolios interesantes en español

Es interesante encontrar más opciones en inglés en cuanto a buenos portafolios que en español y es algo a lo que los diseñadores y desarolladores en Latino América deben prestar atención. Conozco más desarrolladores web pero no tienen un sitio de referencia. Estas son algunas interesantes opciones que encontré en español.

• Alvaro Fernández: Alvaro es un diseñador y desarrollador web con mucha experiencia y en su sitio muestra su conocimiento y un portafolio de sus trabajos realizados.
• Diseño, chicas y color: un artículo que presenta una serie de portafolios de chicas dedicadas al diseño y desarrollo web en español.
• Regilete: en este sitio la network regilete presenta sus proyectos, diseño web y un portafolio de sitios web diseñados.
• Espacio cero: es un sitio que dentro de sus opciones contempla un portafolio de trabajos realizados. Pero sin duda puede mejorar muchas cosas más.
• Antonio Rivera: presenta un portafolio de proyectos realizados y no cabe duda que es amante de mucho flash, demasiado flash para mi gusto, pero sirve de referencia.

Finalmente si cuentas con un portafolio y quieres promoverlo te invito a que leas este artículo de Css Count en donde te presenta una lista de 11 opciones para promoverlo. Además, ¿Tienes tu portafolio en la web? te invitamos a que compartas con nosotros en los comentarios tu portafolio.

CheckDNS

Esta fue una de las primeras opciones y con las prisas de solucionar el problema, con la que más trabaje. A primera vista, tardas unos segundos en encontrar donde ingresar el nombre del dominio al cual quieres que revisen; El reporte es bastante básico, pero se genera rápidamente. Seguro funcionará para detectar los puntos más graves que den problemas con otros servidores DNS.

intoDNS

De todas las opciones que encontré me quedo con intoDNS. Si bien los reportes de intoDNS no tienen algunos puntos de los de DNS Stuff, me parece suficientemente completo para sacar la tarea. A parte que el diseño del sitio, los reportes y no mostrar anuncios hacen de intoDNS realmente agradable. Me gusta que usen URLs amigables. Recomendado.

Pingability

Este sería un ejemplo de que mostrar demasiada información, hace difícil de comprender el reporte. Toda la información importante está al inicio del reporte, y definitivamente necesita mejorar la presentación. Aún así es una buena alternativa, para usarlo como segunda «opinión».

ZoneCheck

Solo muestra errores y advertencias, pero resulta interesante que cuente con un modo batch y con un programa (para linux). Le veo utilidad para revisar rápidamente muchos dominios a la vez, los mensajes del reporte no son muy detallados.

DNS Queries

Otra muy buena alternativa para ver el estado de los DNS, el reporte es muy similar al de intoDNS aunque toca esperar un poco más de tiempo a que se termine de generar. Además tienen muchas otras herramientas de diagnostico y redes, muy a lo DNS Stuff.

Ahora solo me queda de tarea revisar todos los dominios, y cada vez que mueva alguno asegurarme de que todo quedo bien configurado con alguno de estos servicios. Respecto al problema que comentaba al inicio, resultó ser una mala configuración de WHM/Cpanel al crear la cuenta con un dominio que no se iba a hospedar en ese servidor, hizo que todos los SOAs de los dominios fueran incorrectos ¬¬

Según un estudio de la compañía de análisis OneStat al que ha tenido acceso Mac World, el porcentaje que tiene el navegador de Apple es del 2.42 a nivel mundial lo que lo coloca como el tercero en la lista. Y a nivel de Estados Unidos posee un 3.95%.

Y Google Chrome que fue lanzado hace menos de 3 meses ha logrado un 0.62% del mercado solo en Estados Unidos, y 0.55% a nivel mundial al igual que Opera.

El primer lugar sin duda lo tiene Internet Explorer con un 81.36% según el reporte y descendiendo casi dos puntos desde febrero cuando tenía 83.27 de porcentaje, luego sigue Mozilla Firefox a quien ya lo vemos a casi un 15%.

Vemos como el navegador de Google y de Apple han ido quitándole terreno más que todo a Opera a quien ya están destronado del listado, el cual es un buen navegador pero que no han sabido mercadear y cuyo fuerte está por el momento en los dispositivos móviles.

Yo igual sigo con Firefox y sus maravillosas extensiones las cuales ningún otro navegador ha podido superar y mientras no lo hagan ni pienso en mudarme.

Y para ello existe el papel y el lápiz en donde podemos dibujar mockups o wireframes para expresar cómo quisiéramos el diseño de un sitio web o una aplicación, pero que mejor que hacerlo con una herramienta ideada para éste propósito, Balsami Mockups, la cual he estado probando y me sorprendió gratamente por la facilidad de uso y por lo práctica que resulta para hacer un boceto en unos pocos minutos.

La aplicación

La interfaz de la aplicación es muy sencilla, tenemos una barra de herramientas superior en donde están clasificados los elementos a utilizar, y hay de todo.

Podemos agregar, controles de reproducción de sonidos, ventanas de navegador, listas de texto, barras de herramientas, una nube de tags, simulación de gráficas y hasta un dibujo aparentando al Coverflow de iTunes.

Como ven en la imágen de la derecha, todos los elementos son dibujados pues la idea es realizar un boceto de la manera más sencilla y como que fuera hecho en papel para que lo que llame la atención sea la distribución de los elementos y el aspecto general, pues el color y lo llamativo será tarea del diseñador y su creatividad.

Los bocetos que se realizan se pueden compartir, exportándolos como archivos XML, con otras personas que tienen la aplicación y de esa forma se pueden ir haciendo revisiones y anotaciones al proceso.

Demostración

Acá pueden ver un video de cómo realizaron un boceto de una aplicación como iTunes, en unos cuantos minutos:

No es gratis pero…

La aplicación no es gratuita, cuesta $79, pero pueden descargar una versión de prueba que entre las limitantes no permite exportar el boceto a una imágen, pero siempre queda la opción de hacerle una captura , aunque no es lo mejor obviamente.

También pueden utilizar la versión en línea que es funcional al 100% y con la que pueden darse una idea de cómo trabajar con ella.

Delen una oportunidad al software y verán como dejan el papel y lápiz a un lado. ¿Alguien conoce alguna otra herramienta similar?

El creador del Framework Jquery, John Resig nos permitió unos minutos de su tiempo al terminar el evento para conversar sobre la creación de Jquery, quienes son los que más lo utilizan y lo sorprendente que ha sido para él ver que dicho proyecto sigue en constante crecimiento.

Esperamos que hayan disfrutado de este interesante contenido, no se pierdan de nuestras próximas entrevistas con personalidades que están aportando a la web con sus proyectos, iniciativas y experiencias.

Chris Hofmann es Director de Ingeniería y Proyectos Especiales de la Fundación Mozilla. Participó como conferencista en el evento en Cancún en donde compartió sobre el futuro de los buscadores y cómo involucrarse con la familia Mozilla.

Les presentamos está entrevista en exclusiva para Maestros del Web en donde el creador nos comparte sobre sus viajes en la región Latinoamericana y responde algunas de nuestras inquietudes. También te invitamos a que veas la entrevista que le hicimos a John Resig creador del Jquery Framework.

Galerías Sociales

Llamaremos «galería social» a aquellos sitios que te permiten compartir fotografías con una comunidad establecida, y de alguna forma puedes seguir lo que publican otras personas. También dependiendo del servicio puedes tener una forma de marcar fotos de terceros como favoritas, agregar tags, notas sobre la foto o lo más interesante ir creando microcomunidades como los grupos de flickr o las fan pages de facebook. Hay varios sitios que cabrían en esta categoría pero los que más he usado han sido Flickr, Facebook y deviantArt.

Una de las principales ventajas de usar estos sitios, es que despreocupas de la parte técnica y la infraestructura detrás de estos, y te preocupas solamente de subir y mantener tus fotografías. De los recursos que me hacen volver a visitar estos sitios es el monitor de actividad que proveen, me permite saber quienes han marcado como favorita una de mis fotos o seguir la conversación en otra foto en la que yo he comentado, como el caso de flickr:

(o si, tus contactos pueden hacer de las suyas con tags jeje)

O el de deviantArt:

En servidor propio, como los hombres de verdad

Scripts para instalar tu propia galería de fotos en un servidor no hacen falta, existen opciones como Gallery, Plogger, Coppermine, o el que yo recomiendo, Zenphoto. Ciertamente no cualquiera tiene un servidor a su disposición o los conocimientos necesarios para mantener un script de estos, pero una vez lo tengas instalado tendrás total libertad sobre como quieres que luzca tu galería o de las funciones disponibles.

Yo utilizo Zenphoto para galería de fotos personal, con una plantilla que poco a poco he ido personalizando, haciéndola xhtml válida y más accesible; pero que me ha tomado bastante tiempo ir dejándola a gusto. Como cualquier otro software, requiere tiempo para mantenerlo actualizado y le dediques tiempo a vigilar que funcione correctamente; lo malo es que si has personalizado mucho cierta versión a la hora que actualices a una más reciente, puede que te lleves mucha diversión…

Entonces, ¿Cuál usar para que?

Facebook almacena 10 mil millones de fotos, cifra que de por si cuesta imaginar, pero la gran mayoría de estas están privadas y poca gente tiene acceso a ellas. Si lo que buscas es compartir fotos muy personales de tus amigos y familia, y ellos ya están en facebook, tiene mucho sentido usarlo como galería de fotos sabiendo que no serán tan públicas.

Una de las cosas que me gusta de facebook es que yo no he subido fotos mías, pero gracias a que otras personas me han marcardo (tagged) en sus fotos, en mi perfil automáticamente las pueden ver mis demás amigos.

Flickr no tiene tantas fotos como Facebook, pero 3 mil millones de fotos que almacenan es impresionante. Me gusta la cantidad de tráfico que puedes recibir desde la misma comunidad de Flickr, ya sea desde las búsquedas, tags o al mandar tus fotos a grupos populares; hay bastante audiencia que puedes aprovechar.

Y gracias a la API de Flickr esta misma audiencia tiene muchas opciones donde visualizar las fotos de sus amigos, o con la cual podrías destacarlas en tu blog o usarlo como si fuera un galería independiente, pero con todas las imágenes hospedadas en Flickr.

Si bien buena parte de la comunidad de Flickr sube sus mejores en fotografías, deviantArt es precisamente para darle lugar a tus mejores trabajos y no solo de fotografía. Todos los días se pueden ver trabajos bastante inspiradores de esta comunidad.

Instalar una galería de fotos en tu servidor, tiene sentido si:

• Esta va a ser complemento a un sitio ya desarrollado, como un blog o un foro. Es difícil que por sí sola la galería de fotos atraiga a una comunidad.
• Quieres mantener a tus visitas dentro del sitio, evitando que se vayan a otro lado totalmente ajeno; como en el caso de que estés mostrando tu portafolio.
• Te desagrada ser uno más del montón y quieres tener algo personalizado, a costa de las complicaciones que te puede traer.

En lo personal uso más la galería de fotos que luego enlazo desde mi blog, a mi cuenta de flickr le veo más potencial cuando tomo fotos de eventos o para compartir curiosidades aprovechando los clientes para el iPhone (o la opción para mandar por correo). Mi cuenta en deviantArt no la uso tanto como debería, pero me gusta los comentarios que he recibido por allí.

Yo solo he explotado los sitios que menciono acá, seguro ustedes han trabajado con otros… es su turno ahora

Cuando asisto a eventos o reuniones de trabajo en donde conozco nuevas personas, todos aún utilizan las tarjetas de presentación como medio para proporcionar sus datos, en varias ocasiones me lleno de muchas tarjetas y reconozco que solo las más creativas logran captar mi atención como para no desecharlas.

Las tarjetas de presentación también pueden decir mucho de tu personalidad y empresa, por ello te recomiendo que conozcas las nuevas tendencias y opciones en cuanto al diseño de tus tarjetas de presentación.

Tarjetas de presentación inspiradoras

Empecemos por conocer algunos diseños que nos pueden servir de inspiración. La diversidad de diseños no solo se aplica a los colores e ilustraciones, también a la forma de las tarjetas, los cortes y material que utilices.

• Una serie de nuevos diseños de tarjetas de presentación: en este artículo encontrás 75 diseños diferentes de tarjetas de presentación de diversas empresas. Uno de los aspectos interesantes es que las tarjetas no necesariamente deben ser rectangulares, existen otras opciones divertidas de hacerlas.
• Diseños minimalistas y saturados: estos ejemplos te ayudarán a conocer algunos diseños que pueden ser muy simples, con dos o 3 colores, pero muy llamativos y de buen gusto.
• Otras opciones de colores y tipografías: en este último ejemplo encontramos tarjetas con tipografías grandes, colores más saturados, diseños extravagantes y material más grueso.

Es momento de crear tu propia tarjeta