Blog de Luis Mondragón

Previsualiza tu sitio en diferentes exploradores con Adobe BrowserLab

Luis Mondragón — Wed, 03 Jun 2009 12:31:09 +0000

Un aspecto importantísimo del diseño web -que lamentablemente algunos pasan por alto- es la prueba de compatibilidad de exploradores. Ya que debemos garantizar la accesibilidad de nuestro sitio, debemos asegurarnos de que el mismo muestre el mismo aspecto y funcionamiento en todos los exploradores y sistemas operativos. Esto no siempre es posible, y así existen herramientas online que facilitan esta tarea, como browsershots.org.

En Reddit comentan hoy el lanzamiento de Adobe BrowserLab, un nuevo sitio que ofrece este servicio.

Bienvenidos al preview gratuito por tiempo limitado de Adobe BrowserLab, el servicio más reciente de Adobe para profesionales de internet. Proporciona a diseñadores web previsualizaciones exactas de sus páginas en múltiples exploradores y sistemas operativos. BrowserLab es una potente solución para realizar pruebas de compatibilidad de exploradores, con vistas múltiples y herramientas de comparación, así como preferencias personalizables. Dado que BrowserLab es un servicio online, uno puede usarlo desde virtualmente cualquier computadora conectada a la red. Los usuarios de Dreamweaver tienen acceso a funcionalidad adicional como la prueba de contenido local.

El preview de BrowserLab está disponible a un número limitado de usuarios, mientras monitoreamos su desempeño. Visita nuestra página de estatus de servicio para ver las actualizaciones.

Beneficios y retos del video web en HTML5

Luis Mondragón — Mon, 01 Jun 2009 18:17:15 +0000

Ryan Paul de Ars Technica detalla en este artículo los beneficios y los retos de liberar al video web de plugins privados con la llegada el elemento de video de HTML5. He aquí algunos de los puntos más importantes:

BENEFICIOS

HTML 5 podría aportar interoperabilidad a los contenidos multimedia en la red.
Varias compañías importantes ven en HTML5 como el futuro de las aplicaciones web interactivas en el explorador.
Gigantes del video en internet están explorando soluciones basadas en estándares como medio para liberarse de limitantes impuestos por plugins privados.
Google ha demostrado recientemente cómo la tecnología abierta puede usarse para entregar reproducción de video de calidad.
Daily Motion ha lanzado un programa de video abierto, con una versión beta de su sitio que usa el elemento de video de HTML5 para reproducir contenido. Como parte del programa, ha recodificado 300,000 videos con el codec de open source Ogg Theora.
El elemento de video de HTML5 se integra de orma fluida con contenido HTML convencional y puede modificarse con JavaScript y CSS.
La disponibilidad de implementaciones interoperables del standard de video HTML5 creará un ecosistema más vibrante y saludable en el que ya ninguna compañía tiene un dominio completo de la tecnología.
Los fabricantes de exploradores no pueden mejorar Flash, pero sí pueden asegurarse de que una tecnología de video abierta, basada en estándares, entregue la mejor experiencia posible en su propio software.

RETOS

El obstáculo más grande para la adopción del elemento de video de HTML5 es la reticencia de Microsoft a adoptar estándares emergentes. Además, Microsoft tiene intereses competitivos que crean un conflicto con los esfuerzos del video abierto, en concreto su plugin de explorador Silverlight.
Además de Microsoft, todos los demás fabricantes han adoptado HTML5. Pero el dominio del mercado que tiene Microsoft desalienta el apoyo en el ecosistema de los exploradores.
Pero si los desarrolladores de contenido web comienzan a ofrecer mejores experiencias de video en otros exploradores, es probable que Microsoft adopte estándares web.
Otro problema que enfrenta el video HTML5 es la falta de consenso de códecs. Mozilla, Google, Daily Motion, Wikipedia, entre otros, están abogando por la adopción de Ogg como el formato multimedia por defecto, pero no está claro si otros exploradores y sitios harán lo mismo o apoyarán otros códecs.
La calidad del video Ogg no puede competir aún con formatos consagrados. El contenido codificado con Ogg es de menor calidad y sufre de crujidos ocasionales en su sonido. Mozilla donó $100,000 para el desarrollo de Ogg. Esta ayuda será administrada por la fundación Wikimedia.
Los desarrolladores de video abierto tendrán que esforzarse mucho para superar la calidad de las opciones privadas.

150 themes, módulos y recursos para Drupal

Luis Mondragón — Mon, 01 Jun 2009 07:33:40 +0000

Drupal es uno de los sistemas de gestión de contenidos (CMS – Content Management System) más populares que existen, lo cual no sorprende tomando en cuenta lo flexible y extensible que es. Puedes personalizar casi todos los aspectos de Drupal mediante el uso de themes, plugins y algo de código personalizado. Noupe.com, un sitio que ofrece información sobre CSS, Ajax, Javascript, diseño web y tipografía, nos regala una colección de 150 themes, módulos y recursos para Drupal.

30 diseños web elegantes y oscuros

Luis Mondragón — Mon, 01 Jun 2009 02:47:33 +0000

Jacob Gube de Six Revisions ha compilado una lista de 30 diseños de sitios web que combinan

el uso hábil de gradientes de color, iluminación y efectos de brillo para crear un diseño web magnífico y elegante.

Una galería de inspiración e ideas para diseñadores web.

Introducción a los wireframes en diseño web

Luis Mondragón — Sun, 31 May 2009 00:08:57 +0000

En diseño web, un wireframe es el prototipo de un sitio web, que contiene texto e hiperenlaces, mas no gráficos. Define el contenido y la funcionalidad de un sitio e ilustra la navegación y los bloques de elementos de una página.

Sirve para dar una idea al cliente de cómo será el aspecto y la funcionalidad de su sitio. Además, para prevenir errores y anticipar cambios en el diseño final de su web.

Se puede hacer a mano, con lápiz y papel. Pero también existen herramientas de software para llevar a cabo esta tarea. Algunos programas que pueden utilizarse con este fin son:

Adobe Fireworks
Adobe Illustrator
Microsoft Visio
Dreamweaver
OmniGraffle
Axure RP
iRise.
Word, Powerpoint o Excel.
Iplotz
ProtoShare.

Matthew Stibbe de Bad Language reseña aquí 7 programas de este tipo.

Eligiendo diseño/desarrollo web como carrera

Luis Mondragón — Sat, 30 May 2009 20:52:48 +0000

El actual clima económico ensombrece en buena medida las perspectivas profesionales que tenemos los jóvenes particularmente. Ante el desempleo, los despidos en masa y la falta de oportunidades nos preguntamos todos si la elección de carrera que hemos hecho es la correcta.

Meryl Evans de Web Worker Daily ofrece una serie de reflexiones y consejos sobre las perspectivas profesionales en el campo del desarrollo y diseño web, que resumo aquí en varios puntos:

El diseño web es un campo amplio y en crecimiento. En el futuro la demanda de diseñadores web aumentará.
En los últimos años la construcción de sitios web se ha hecho más complicada, y ha evolucionado al incorporar nuevas tecnologías como CSS, AJAX, Java, PHP, Ruby on Rails, arquitectura de la información, optimización de búsqueda (SEO), usabilidad y experiencia del usuario. Es casi imposible que una sola persona sepa todo esto, por lo que es necesario delegar parte del trabajo y colaborar con otros profesionales.
Pocos diseñadores se gradúan con algo relacionado con diseño en la universidad. La mayoría aprende leyendo y estudiando recursos en línea y examinando el código de otros sitios web.
El campo es muy joven aún y por ello quienes hacen diseño web no cuentan con títulos o certificaciones.
El marketing de boca a boca es lo que da más trabajo a los diseñadores.

Según Google, HTML5 dejará a Microsoft varado

Luis Mondragón — Sat, 30 May 2009 02:46:58 +0000

Hemos venido escuchando desde hace un par de años acerca del potencial que tienen los exploradores web para competir con los sistemas operativos en el terreno del desarrollo de aplicaciones.

Tomemos Google Docs como ejemplo. Una suite de productividad (procesador de textos, hoja de cálculo, etc) en línea que compite directamente con Open Office y Microsoft Office.

¿Pero hasta qué punto puede el explorador y las aplicaciones en línea reemplazar a los tradicionales programas que corren en un sistema operativo?

Es un tema de mucho interés. Leo en Channel Web lo siguiente:

Google afirma que “la red ha ganado”, es decir, que Internet y los exploradores web y no un sistema operativo, son el futuro del desarrollo de aplicaciones.
Google también mostró un número de herramientas web que demuestran cómo han adoptado HTML5 y otros estándares web emergentes.
La web se ha convertido en el modelo de programación dominante de nuestro tiempo.
HTML 5 es atractivo para los desarrolladores porque les permite escribir para estándares abiertos de exploradores en lugar de hacerlo para sistemas operativos.
Microsoft aún tiene que adoptar HTML5 en sus ofertas de internet.
Una nueva extensión es Google Web Elements, un programa que le permite a desarrolladores añadir aplicaciones de Google a páginas sin necesidad de mucho código.
Google está experimentando con muchos de los conceptos de HTML5 más importantes como canvas tags (que pueden añadir gráficos sofisticados a aplicaciones web sin plug-ins) video tags y geolocalización.
El vicepresidente de Mozilla, Jake Sullivan, confirmó que HTML5 será incorporado a Firefox 3.5
Aunque Google está posicionando a Chrome como alternativa a otros exploradores, cuatro de los cinco exploradores web más importantes –Firefox, Safari, Chrome y Opera- son exploradores de estándares abiertos, trabajando para incorporar HTML5.

Una cosa me queda clara: debo ponerme a investigar más y a estudiar sobre HTML5, pues suena de lo más interesante.

Y el hecho de que el programa más importante (sin el que mi actividad computarizada no tendría mucho sentido) sea el explorador web (Firefox, por supuesto) me hace pensar que voy por el camino correcto.

Eligiendo el nombre adecuado para tu dominio

Luis Mondragón — Fri, 29 May 2009 19:20:02 +0000

Todos sabemos lo difícil que es nombrar cualquier cosa. Nombrar es darle identidad a un perro, a un hijo, a un negocio. Y sobre todo, a un website.

Parecería que todos los dominios sencillos, normales y memorables ya están comprados. Parece también que la mayoría no son sitios vivos, sino infames parked domains.

Dawn Foster de WebWorkerDaily ofrece una lista de cosas a tener en cuenta a la hora de elegir un nombre para un website:

¿Está disponible la URL?

¿Es un nombre único y fácil de recordar?

¿Encaja con tu negocio y la imagen que quieres proyectar?

¿El nombre crecerá contigo o te limitará más tarde?

¿Se confundirá con otros nombres?

¿La gente puede deletrear el nombre?

¿Es suficientemente corto como para no resultar molesto al teclearlo en un iPhone u otro dispositivo móvil?

Qué importante me parece el punto 6. Algo tan sencillo como que Juan Pérez sepa como se escribe el nombre del sitio. O que puedas decirlo por teléfono sin riesgo de confusión o sin necesidad de deletrearlo.

Nuevo theme de Drupal para sitios de e-commerce

Luis Mondragón — Fri, 29 May 2009 18:59:15 +0000

Drupal es un sistema de gestión de contenidos (CMS, por sus siglas en inglés), que combina la simplicidad en el diseño con la flexibilidad de su estructura. Es uno de los CMS más populares, junto a WordPress y a Joomla!

En otro momento escribiré un post acerca de estos sistemas, pues he encontrado por ahí buenos debates y algunos reportes que ponderan los pros y los contras de estos interesantes sistemas de gestión.

Hoy el sitio TopNotchThemes anuncia que están creando en asociación con Ubercart, Acquia y Commerce Guys, TopNotchThemes un theme gratuito para Drupal, optimizado para sitios de comercio electrónico que tendrá las siguientes características:

Un diseño limpio, moderno y monocromático con acentos de color limitados.
Ancho fijo o fluido
Presentación (slideshow) de productos
Excelente navegación: links secundarios, navegación anidada (nested), menú grande en el footer.
Estilo de Ubercart: rejilla de productos, imágenes, proceso de pago, etc. Integración con otros módulos de Ubercart.

Si lo tuyo es WordPress, échale un vistazo a estos 6 plugins de e-commerce para WordPress.

¿Es correcto alojar páginas de diferentes clientes en un solo hosting?

Luis Mondragón — Fri, 29 May 2009 06:38:07 +0000

Bien, he tenido esta duda desde hace tiempo. Actualmente tengo un plan de hosting con hostgator. Estoy más que satisfecho. Su atención al cliente es excelente -tienen asistencia por chat las 24 horas del día. Y luego las características del plan son también inmejorables:

Espacio ilimitado
Número ilimitado de bases de datos
Número ilimitado de add-on domains.
Número ilimitado de cuentas de correo electrónico.

Bien. La duda que tenía era si era ético o correcto alojar las páginas de varios clientes en esta sola cuenta de hostgator, dado que puedo tener un número ilimitado de dominios asociados a la cuenta de hosting.

La respuesta la encontré, como ha sido el caso con otras dudas, en mi sitio favorito de internet: reddit.

Esta comunidad, refugio de algunos de los nerds más listos y graciosos que pueda haber, está siempre dispuesta a ayudar y a resolver dudas, concretamente en el “sub-reddit” (una especie de sub-foro) webdesign.

El sitio está en inglés. Hace unos meses abrieron foros en otros idiomas, pero no tienen mucha actividad. Por eso una de las cosas más importantes en esto del diseño web, en mi opinión, es saber inglés. En inglés se encuentra siempre la mejor y más reciente información.

Pero a lo que iba. Las respuestas a la pregunta que titula este post fueron las siguientes:

Sí, está bien para un sitio de 6 a 10 páginas.

Si tienen necesidades particulares como mucho ancho de banda, mucho espacio en disco o gran capacidad de CPU (y estos sitios son muy raros), ofréceles un paquete VPS.

Mi próxima pregunta será: ¿Qué es VPS? Pero antes iré a la wikipedia.

Puedes usar el programa de afiliación (affiliate program) de HostGator y darles a tus clientes un link de referencia (referal link). Te pagan hasta $125 por cliente y el cliente paga sólo $5 al mes. Me parece que es una solución en la que ambos salen ganando.

Ok, interesante, HostGator tiene un programa de afiliación…

Luego pregunté que si entonces debía cobrar por el hosting, a lo que me respondieron.

Si tu estás pagando una tarifa por su sitio cada mes, sí. Yo lo veo así: ¿cuánto le costaría al cliente ir y hacer todo esto por su cuenta? Luego, determino cuánto vale mi tiempo y lo añado a la ecuación, por ej: investigué qué hosting era el mejor, si hay un problema estoy ahí para que me llamen, etc.

Las respuestas siguen sumándose y parece que será una discusión interesante, con varias respuestas.