IE Spartan

IE 11 es probablemente el navegador más estable, rápido y con mayor integración disponible para Windows (y con mayores funcionalidades a falta de extensiones), sin embargo los desarrolladores web (yo incluido) nos acostumbramos tanto al condicional <!–[if IE] del pasado que hemos saboteado el comportamiento de nuestras web con IE que en sus versiones anteriores (hasta IE8) no respondía de manera estándar. Ahora, desde IE10 y 11, el comportamiento del navegador es por decir poco excepcional, renderizado perfecto y tremendamente rápido, pero muchas webs aún tienen el condicional que muestra una versión “cutre” para IE y no aprovechan las nuevas versiones y funcionalidades, por esto todo indica que el nuevo nombre de IE es “IE Spartan” (like halo), así se pasará por alto el condicional y se podrá disfrutar de una tremenda experiencia en toda la web al tiempo que se renueva el pensamiento obsoleto de que IE es un mal navegador, posicionandolo como una nueva herramienta y una nueva marca. Tremendamente prometedor.
Desde hace más de un año que mi navegador móvil es IE exclusivamente por la sincronización que ofrece entre el PC, celular y tablet y por el excelente uso de batería (chrome es una basura en este tema), Opera es mi navegador de trabajo (el developers tools es muy bueno), recientemente Firefox con su versión Developers Edition me ha conquistado, espero con ansias Spartan para así comparar y ver que nos trae Microsoft esta vez que lo ha estado haciendo tremendamente bien.

Soporte SVG en WordPress

error-svg-wordpress¿Cuantas veces has visto este error en WordPress? y es que hoy en día un website que se preste de serlo no sobrevive sin el uso (o abuso) de archivos SVG, entonces, ¿porqué aún no tenemos soporte para ellos en WordPress?
Si es tu caso y necesitas añadir soporte SVG a tu site, este sencillo snipet te ayudará en la tarea:
function cc_mime_types( $mimes ){
$mimes['svg'] = 'image/svg+xml';
return $mimes;
}
add_filter( 'upload_mimes', 'cc_mime_types' );

Menos es más! Tip para conseguir que el usuario haga scroll

Es bien conocido por todos o al menos ha sido intuido que pocos usuarios deciden hacer scroll a tu sitio Web, “da pereza leer” sin embargo no siempre alcanzas a contarlo todo en un post corto y menos en “160 caracteres” Guiño

Necesitas fomentar el desplazamiento vertical en tu sitio (u horizontal, dependerá de tu diseño)

  • Menos es más. | Los espacios en blanco son infinitamente necesarios, la practica de meter todo lo que se pueda en la primera pantalla es por lo menos herrada. El buen uso de los espacios en blanco e imágenes facilita y estimula la exploración.
  • El uso de toda la pantalla para presentar textos puede desalentar al visitante, esto no significa entrar a desaprovechar el espacio en horizontal, sino en los elementos horizontales de ancho total presenta contenidos puntuales y deja una pequeña cantidad de contenido apenas visible, asomando al final de la pantalla para fomentar el desplazamiento.
  • Evite el uso de iFrames con barras internas de desplazamiento o contenidos con su propia barra de desplazamiento, recuerda que el navegador cuenta con su barra y agregar elementos con barras de desplazamiento en la página rompe con ese convenio implícito entre el visitante y su navegador, lo más probable es que lleve a que ese contenido jamás sea visto.

Artículo inspirado por:

The myth of the page fold: evidence from user testing

Interfaces de usuario y Diseño Web

Un error frecuente entre diseñadores de interfaces es olvidar la realidad.
Mucho se ha dicho del tema, la verdad, nadie tiene la razón, nadie puede entregarte una teoría objetiva y completamente a prueba de fallos, simple y llanamente porque es un tema de percepción!.
Al interactuar con un website, algunos usuarios avanzados no les molestan las interfaces engorrosas, complicadas e intrincadas, como por ejemplo un ncurses con opciones tipo GNU emacs, donde necesitas al menos 9 dedos, pero se pierde un aspecto de usabilidad importante, además deja de lado a usuarios noveles.
Ya mencionando a usuarios noveles, son estos los que me interesan, son “naturales”, no corrompidos por nosotros los diseñadores que pretendemos transformar el mundo. Y es que a la hora de interactuar con la realidad, un usuario novel espera que un botón funcione como tal, sobresalte, haga “trict” al presionarlo y que además “algo pase”, bueno, elementos como los botones son simples de manejar ya que están presentes en la realidad, pero que hay de las barras de desplazamiento, esas no las tenemos en la realidad; cuando alguien espera por su cita, no aparece una barrita que le muestra un aproximado de cuando va a llegar, le toca esperar, así sin más, por suerte es algo que no aceptamos en el mundo virtual, así que las barras son necesarias, sino una barra, un temporizador algo que nos diga cuanto esperar.
Para mi el truco de las interfaces de usuario efectivas está en pensar en realidades y necesidades, pero esto es solo el primer paso, lo complicado es integrarlo al concepto de diseño y mantener la estética y el equilibrio visual deseado.

WordPress 3.1.1

la versión 3.1.1 de WordPress trae consigo grandes mejoras para la administración, sobre todo cuando manejas múltiples sitios, ahora una barra principal te permite ir directamente de sitio a sitio y agregar nuevas entradas, gestionar comentarios o simplemente ir al escritorio de cada sitio.
Una funcionalidad que se extrañaba pues la administración de multisites en wordpres era desagradable y engorrosa ya que tenías que ir de sitio a sitio para agregar entradas o gestionar, ahora con el nuevo menú es rápido simple y completamente funcional. Felicidades por esta versión, ahora !sí! tiene sentido utilizar multisites en wordpress.

Joomla! 1.6.0 ya está disponible.

Esta nueva versión de Joomla!, incluye más poder, más control y más opciones que nunca.
Entregando poder mediante simplicidad, Joomla! 1.6 asegura su plaza como el CMS más popular de este tipo.
Joomla! 1.6 viene con nuevas características para los usuarios finales y los administradores de sitios, incluyendo:
Joomla 1.6

  • Mejor control de acceso para la visualización y edición de contenidos, con grupos de usuario y niveles de acceso configurables.
  • Una estructura de categorías definida por usuario, que va desde un nivel simple hasta complejos múlti-niveles de categorías.
  • Mejoras de instalación que permiten la instalación de múltiples extensiones desde un paquete, actualizable con un solo clic.
  • Soporte de idiomas expandido, para una fácil producción de sitios multi-idioma.
  • Fechas de inicio y finalización de publicación para módulos, con más control sobre lo que muestran.
  • Nuevas plantillas frescas y marcas semánticas para complacer la vista tanto como a los motores de búsqueda.
  • Más control creativo, mediante los estilos de las plantillas.
  • Cientos de características adicionales, mejoras en el flujo de trabajo y productividad.

Para aprender más visite joomla.org/16 y descargue uno de los gestores de contenido de Código Abierto más populares del mundo.

Instalar Datos de ejemplo en Magento 1.4

Muchas cosas han cambiado desde la vieja magento 1.3.x, entre algunas cosas está el que si intentas instalar la demo, no te va a funcionar hacerlo luego de instalar magento y mucho menos si intentas hacerlo luego de elegir un prefijo.
Aunque nada de que asustarse, los pasos son simple:

  1. descargar magento.
  2. descomprimirla en el directorio destino.
  3. crear la DB
  4. importar el SQL con los datos ejemplo (lo descargas desde la web de magento)
  5. iniciar la instalación.
  6. cuidar tener los archivos de la carpeta media en su lugar (los de ejemplo que vienen con el SQL)
  7. completar la instalación.
  8. Entrar al admin y reindexar los productos.
  9. Listo.

Elegiendo un CMS adecuado

Este es el primero de una serie de artículos relacionados con la gestación y desarrollo de proyectos on-line, busco analizar algunos proyectos Web que considero exitosos, presentar experiencias personales y algunos tips que pueden apoyarte en el desarrollo de tu proyecto. Presumo además la existencia de un plan, una idea de proyecto y una idea para hacerlo rentable, pero eso no descarta que en artículos futuros toquemos estos temas. Continuar leyendo “Elegiendo un CMS adecuado”

Se terminó mi preocupación por Google

Jalber tiene razón, no tenemos ni idea de como funciona Google, la verdad es que nadie fuera de sus ingenieros encargados del tema.
Hace una semana creamos un artículo de prueba, 100% semántico (h1, h2, h3, h4, strong, p, etc.. todo en orden y correcto) validaba a la perfección y según SEOmoz sacaba una A en los términos de búsqueda seleccionados.
Dicho artículo pasó de no existir a estar entre los 20 primeros artículos resultantes con las palabras clave seleccionadas en solo 8 horas, al día siguiente estaba entre los 15, probamos con hacer links a la página seleccionando como anchor la palabra clave, eso lo llevó al número 6 en solo 4 días, pero ohhh sorpresa, hoy el artículo no aparece, simplemente no existe, no está, ni aparece como indexado, tal vez porque estaba sobre optimizado, pero tuvimos eso presente al redactarlo, por lo que lo hicimos natural, con información válida y concisa, es decir escrito para humanos teniendo en cuenta a los buscadores, por lo que yo presumo poco probable que se trate de esto, lo siguiente es una teoría de aliens robando servidores de google :D, queda también que algún malintencionado reportara el artículo como fraudulento, pero no lo creo tanto. En fin, de todas las pruebas que hemos realizado en terminos de seo esta es probablemente la que nos ha entregado los mejores resultados y la mayor experiencia, solo resta hacer bien nuestro trabajo y esperar que google haga el suyo.