Tecnologías, Internet y Contenidos v. 2.0

Joomla, Wordpress, Blogger, Twitter...

Blogger - Diez blogs que un blogger no se debe perder

votar
15 comentarios

Ya llevo un tiempo blogueando con Blogger y he visitado muchas páginas donde encuentro tips y consejos para mejorar mi blog. Y como buen blogger quiero compartir esas páginas con vosotros. Ahí la razón de esta entrada.

Algunas veces he tenido que buscarme la vida por mi cuenta y los resultados que he conseguido los he publicado en este blog. Espero os hayan ayudado en mayor o menor medida.

Algunos ejemplos de estos trucos para Blogger son estos:


Incluso un pequeño tutorial: Diseña tus plantillas con el Diseñador de Blogger.

Pero como yo no lo se todo, y además, llevo poco tiempo como blogger, os paso diez páginas (blogs) que merece la pena visitar si eres blogger y sobre todo si publicas bajo la plataforma de Google(Blogger). En fin, es mi pequeña selección de páginas y blogs donde leo, me informo y aprendo todo lo que necesito..
  1. Bloguismo: Además de consejos y trucos variados, este blog es útil porque da también consejos de índole legal interesantes sobre todo para bloggers de España.
  2. Gemmablog: Un blog muy útil. Incluye consejos y tips, recursos sobre diseño y pequeñas modificaciones de las plantillas de Blogger con las que obtendrás nuevas funcionalidades para tu blog.
  3. Agregar banner Vagabundia: Incluye recursos y consejos sobre Blogger. Para los más iniciados incluye una guía sobre html elemental que no te puedes perder.
  4. AyudaBlogger: Incluye una categoría de aplicaciones Blogger muy interesante. Nos brindan consejos y ayuda en las funciones básicas y avanzadas de Blogger.
  5. Ciudad Blogger CiudadBlogger: Un blog muy completo donde encontrarás de todo. Atención especial a su categoría Trucos Blogger.
  6. El escaparate de Rosa: Blog muy interesante. Datos útiles, plantillas, gadgets y trucos para Blogger.
  7. Oloblogger: Widgets, recursos, scripts y trucos (más de 100). Un blog completísimo e imprescindible.
  8. Blogtecnia: Blog de temática variada que contiene una categoría "Herramientas Blog" en la que aprenderemos sobre posicionamiento y SEO. Imprescindible si tenemos un blog.
  9. Tutoriales para Blogspot: SEO, monetización y plantillas. Si quieres sacar rendimiento a tu blog y mejorarlo debes empezar entrando aquí.
  10. Pizcos Blog: Blog sobre herramientas y recursos que divide sus consejos en Principiante, Intermedio y Avanzado.
Seguro que me dejo a alguno de los buenos, estos son los que he visitado últimamente y se me han venido a la cabeza ahora. Si recordáis vosotros algún blog más sobre Blogger o que ofrezca consejos para esta servicio de blogs, no dudéis en dejar un comentario en el formulario de abajo y yo lo incluiré gustoso.

Joomla 1.6 - Beta 1

votar
0 comentarios

Por fin tenemos beta... Como podemos leer en Joomla 1.6 versión beta 1 Liberada. Pero no lancemos las campanas al vuelo, esta versión es todavía una beta y queda mucho para que podamos disfrutar de la versión estable y utilizarla en nuestros portales y páginas web. Esta versión esta hecha solo para pruebas.

Indagando más sobre la nueva beta, encontré este video de como va a ser la administración de Joomla! 1.6. Conviene echarle un vistazo.

Las mejoras más importantes, a mi parecer, son:

  • el nuevo control de usuarios y de acceso (funcionalidad clave en cualquier página web).
  • nuevas categorías anidadas.
  • la actualización de extensiones en un click.
  • y la inclusión de xhtml semántico.
Todas estas mejoras potenciarán nuestras páginas y nos harán la vida más fácil a todos los que trabajamos desarrollando portales, plantillas y páginas en Joomla! y también a los que mantienen y administran páginas web.

Podéis descargar la versión beta desde aquí.

Esperaremos la versión estable (tardará algunos meses) con, y lo digo en serio, más ilusión que nunca.

Joomla - Facebook: Cómo añadir botón Me gusta (I like)

votar
24 comentarios

Muchos de nosotros nos estábamos preguntando como colocar de manera fácil y rápida ese tan preciado botón de ILike de Facebook en Joomla!

Pues bien, no han tardado en aparecer muchas extensiones para todas las plataformas y CMS. En este mismo blog yo ya tengo el botón puesto.

Este plugin, jLike, de nombre original pero obvio nos permite añadir este botón con el mínimo esfuerzo. Podéis descargarlo en la página del autor -> Joomla Service provider. Para descargarlo es necesario registrarse.

Para instalarlo, como cualquier plugin. Extensiones->Instalar, seleccionáis el archivo que os descargasteis y pulsáis subir e instalar.

Para habilitar su funcionamiento os basta con habilitarlo. A continuación os muestro las opciones que tiene este plugin.


  1. Facebook code: Por ahora solo esta disponible la versión de IFrame, pero en futuras versiones se incluirá también XFBML.
  2. Standard: Estándar o Button count.
  3. Show faces: si o no.
  4. widht y height: ancho y alto del iframe.
  5. verb to display: Me gusta o recomendar, elige el que mejor quede.
  6. Color squeme: light, dark o evil. Prueba el que más te guste.
  7. Position: Arriba o abajo.
  8. Align: Izquierda o derecha.
Esta es la apariencia que obtendrías con los parametros por defecto:


Espero que os sea útil este plugin y que consigáis muchas recomendaciones de vuestros visitantes y usuarios.

También te puede interesar:

Adwords - Google mejora la búsqueda de palabras clave

votar
0 comentarios

Google nos sorprende de nuevo con una versión mejorada de una de sus herramientas. Esta vez le ha tocado el turno a Adwords y a la plataforma de búsqueda de palabras clave para anunciantes.

Se trata de una herramienta que muestra las palabras clave relacionadas, tanto para un palabra clave dada o bien para una página web completa. Esta herramienta ayuda a los anunciantes a encontrar palabras relacionadas con la página que quieren anunciar.

Esta es la vista de la versión antigua de la herramienta.


Cuando accedemos a la herramienta, en esta dirección, podemos ver un mensaje al principio que nos invita a probar la versión beta de la misma.

Si hacemos clic en ese enlace, accederemos a la nueva versión, en fase de pruebas. Esta nueva versión combina una mejora significativa en el diseño con nuevas funcionalidades basadas en tecnologías Ajax y Javascript.

En la nueva versión, encontraremos al igual que la antigua un formulario y una tabla de resultados.

Si vemos el formulario en detalle, encontramos un enlace "Opciones Avanzadas" que es la gran novedad de esta nueva herramienta:


Las nuevas opciones son las siguientes:

  1. Ubicaciones e idiomas: nos permite restringir la búsqueda por estos criterios.
  2. Mostrar estadísticas: nos permite seleccionar estadísticas de búsqueda desde un móvil.
  3. Mostrar resultados: Esta opción ya existía en la antigua herramienta.
  4. Filtrar palabras clave: También estaba presente en la versión anterior.
Si realizamos una búsqueda cualquiera a modo de prueba podemos ver que se cargan los resultados en una tabla como la siguiente:


La información mostrada es básicamente la misma con la novedad de que esta nueva versión nos permite modificar el orden de las columnas. Si os fijáis en la parte superior derecha de la tabla podréis ver un botón vistas, si pulsáis en él, se desplegará un formulario donde podréis modificar la información mostrada y a la derecha de este listado una serie de botones en verde que podreis mover arrastrandolos y soltandolos para modificar el orden.



Y esto es en principio, las novedades que encuentro de un primer vistazo. ¿Que opinais del nuevo diseño? ¿y de las nuevas opciones de búsqueda?

Joomla - Botón de Google Buzz con contador

votar
0 comentarios

Justo hoy ha sido añadido un nuevo plugín que os podéis descargar desde la página oficial de extensiones de Joomla! (pulsa aquí para descargar).

Para instalarlo solo necesitáis descargaros el plugín, ir a Extensions -> Install/Uninstall, seleccionar el archivo que os descargasteis y pulsar sobre Instalar. Vamos, como con cualquier otro plugín.

Para que aparezca el cambio realizado, recordad que debéis habilitar el plugin desde Extensions-> Plugins, pulsando sobre el botón de habilitar.

Si entráis en la configuración del plugín, en esa misma pantalla, haciendo click sobre el nombre del plugín (Content - Buzz) veréis que tiene varias opciones de configuración.

La imagen anterior nos muestra estos parámetros de configuración.

  1. Choose button -> Elige el tipo de botón que quieras: Grande, pequeño, con contador o sin contador.
  2. Categories to be Skipped -> Incluye aquí las categorías que quieras excluir. En los artículos de estas categorías no se mostrará el botón de Google Buzz.
  3. Position of Buzz Button -> Arriba o abajo (top, bottom). Elige donde se adapta mejor al diseño de tu página.

He instalado el plugín en un sitio de prueba que tengo y funciona a la perfección. He obtenido una captura de pantalla para que os hagais una idea del resultado final.



Vamos, es el botón oficial de Google buzz en vuestro sitio y con el menor esfuerzo posible. Lo he instalado y puesto a funcionar en menos de dos minutos. Espero que os sea útil.

CMS : comparando Joomla - Wordpress - Drupal y Magento

votar
10 comentarios

En WaterandStone, navegando por su páginas me encontré con una gran comparación entre los más importantes gestores de contenidos (CMS).

En está página dedican una sección a Joomla, Wordpress, Drupal y Magento. En cada una de esas secciones podemos encontrar los pros y los contras de cada uno de estos sistemas, siempre según ellos claro.

A continuación os presento dichos pros y contras, traducidos, para los que no queráis leerlos en inglés.


Wordpress

PROs

  • Excelente plataforma para el blogging.
  • Excelente SEO ( Optimización para buscadores).
  • Amplio número de extensiones
Contras
  • Difícil de adaptar
  • No recomendable para e-commerce

Magento

PROs
  • Potente e-commerce
  • Buena gestión del catalog
  • Opciones de pago flexibles
Contras
  • Limitada gestión del contenido.
  • Limitadas extensiones.
  • Difícil de adaptar.




Joomla

PROs
  • Rápido desarrollo y puesta en funcionamiento.
  • Fácil de adaptar la apariencia.
  • Amplio número de extensiones
Contras
  • Workflow limitado
  • Limitado control de acceso al usuario
  • Limitada flexibilidad SEO
  • Difícil mantener sitios adaptados



Drupal


PROs
  • Potente y escalable
  • Altamente adaptable.
  • Altamente configurable.
  • Controles de Workflow
  • Fácil para mantener sitios adaptados
  • Excelentes controles de acceso de usuarios
Contras
  • Tiempos largos de desarrollo.
  • Mayor coste de desarrollo.


A mi juicio, benefician claramente a Drupal sobre Joomla, cosa con la que no estoy de acuerdo, pero recordad que la mayor parte de los problemas de Joomla se verán corregidos en la versión Joomla 1.6, que estará disponible en breve.

Blogger - Botón de Google Buzz

votar
0 comentarios

Tenía ganas de escribir algo ya sobre Google Buzz, la nueva red social de Google. Después de todos los problemas que originó su lanzamiento muchos usuarios han decidido ni siquiera probar el servicio. La vinculación directa con la cuenta de Gmail puede hacer que muchos usuarios se echen atrás.

Aún así no deja de ser una red social que seguramente tendrá muchos adeptos y que será un referente en el futuro, por lo que es bueno aprovechar esta potencialidad para promocionar nuestros blogs y páginas web.


Bien, pues gracias a BloggerStop nos enteramos de que Google ya ha sacado los widgets oficiales para postear las entradas en Google Buzz. Sólo tienes que ir a la siguiente página de Google Buzz, elegir las opciones que más coincidan con tu blog: Botón grande, pequeño, con contador, etc.. y copiar el código que te ofrece.

A continuación, debes entrar en blogger, ir a Diseño-> Edición Html, expandir las plantillas de artilugios y buscar dentro de tu plantilla el siguiente código:



<data:post.body/>


y antes o después de este código ( según quieras que salga arriba del contenido del post o después), copiar el código que te proporciona la página de Google Buzz.

Si quieres puedes probarlo con el siguiente botón de ejemplo.







Espero que os sirva para promocionar vuestros blogs y llegar al mayor número de gente.

Joomla - Twitter: Botón para publicar artículos

votar
1 comentarios

Hoy vengo a hablaros de un plug-in para Joomla que inserta dentro de cada artículo un botón desde el que cualquier usuario podrá publicar uno de tus artículos a su cuenta de twitter. El plug-in se llama Twitter articles Plugin y gracias a el cualquier persona podrá compartir con sus seguidores de Twitter un artículo escrito por ti.

Su instalación es muy sencilla, como cualquier otro plug-in. Una vez descargado el archivo desde la página del autor, Ternaria, debes ir en la parte de administración de tu sitio Joomla! a "Extensiones/Instalar-Desinstalar", seleccionar el archivo descargado y pulsar sobre "Subir e Instalar".

Una vez se haya instalado correctamente el plug-in, deberás habilitarlo desde el administrador de Plugins (Extensiones/Plugin Manager).

Como podemos ver, este plugin tiene varios parámetros muy interesantes y fáciles de entender. Además de los parámetros generales, podemos apreciar en la siguiente imagen que tiene cuatro parámetros configurables.

Twitter-article-plugin-adminJoomla

  1. Message: Aquí podemos poner lo que queramos que aparezca acompañando el botón de Twitter, algo como Twitealo, Tweet o el texto que queramos.
  2. Logo Width: Ancho de la imagen o logo. Disminuyendo o aumentando este valor dicha imagen se verá más grande o más pequeña.
  3. Separator: Es el separador que se incluirá entre el título de la página y el enlace a la misma.
  4. Display the message: Se refiere al texto Message del punto uno. Si elegimos "no" en este parámetro sólo se añadirá al artículo una imagen a modo de botón. Si elegimos "si", se añadirá después de este botón el texto incluido en el primer parámetro.
A continuación podemos ver una captura del resultado final de este plug-in en una página de prueba.

Joomla-Twitter-Article-Plugin-Share
Espero que os sea de ayuda y que consigáis promocionar vuestra página web de Joomla! a través de este plugin y Twitter.

Joomla - Administra tu sitio desde el Móvil

votar
1 comentarios

Actualmente en su versión 1.06, Jooid es un cliente de Android para la gestión y mantenimiento de Joomla!.

Como vemos en la imagen anterior, el panel de control al que accedemos una vez hemos insertado nuestro usuario y contraseña, es muy intuitivo. Podremos crear nuevos artículos, modificar y eliminar los ya existentes, subir archivos y cambiar la configuración de Joomla!


El gestor de artículos que incorpora esta aplicación nos permite, como podéis ver en las imágenes siguientes, en la pestaña del artículo establecer todas las opciones importantes de un artículo. Seleccionar una categoría, título y escribir el texto del artículo añadiendo enlaces, citas.. etc.


Incorpora a su vez una funcionalidad que permite subir imágenes e incluirlas en los artículos, muy útil, puesto que podremos subir las fotos recién hechas, sin necesidad de descargarlas a ningún ordenador.


Además permite incluir un mapa, instalando un plug-in eso si, dentro del artículo. También con un plug-in podremos insertar un Shadowbox para incluir una galería de imágenes en nuestro artículo.


Para instalarlo es necesario descargarlo desde Android Market y además instalar un plug-in para Joomla! que podrás descargar desde aquí.


Parece una aplicación perfecta para aquellos que no puedan o no quieran actualizar sus portales en Joomla! desde un ordenador portátil o de escritorio.

Con esta aplicación ya podrás actualizar tu portal mientras viajas sin tener que llevarte el portátil contigo, tan sólo con tu móvil y Jooid podrás hacerlo.

Espero que os sirva de ayuda y ya sabéis, a publicar estéis donde estéis.

Joomla - Botón para publicar entradas en Facebook

votar
8 comentarios

Todos los que tenemos un sitio en Joomla y queremos promocionarlo hemos pensado en Facebook. Con su 400 millones de usuarios y sabiendo que ha superado ya a Google como página más visitada en Estados Unidos, es uno de los mejores sitios donde promocionar nuestras páginas webs.

El componente viral de las campañas en las redes sociales les hace muy atractivas como soporte de marketing y publicidad, sobre todo para aquellos que no podemos pagar demasiado o nada en los soportes tradicionales.

En fin, iendo un poco más al grano, vengo a contaros sobre un módulo de Joomla que he descubierto recientemente y ya he instalado. Se llama Facebook Share y podéis descargarlo en el siguiente enlace: FacebookShare. En está página encontrareis una descripción de su funcionamiento, desde el punto de vista de los usuarios que quieran compartir vuestra página o vuestros contenidos.

Para instalarlo, basta con actuar como con cualquier otro módulo. Una vez lo tengáis descargado, vais a la sección de instalación de vuestro panel de administración de Joomla.

Seleccionáis el archivo que os habéis descargado y pulsáis sobre "Upload & Install" o "Subir e Instalar" y ya está. Recordad que tenéis que habilitar el módulo para que aparezca en la web.

Si entráis en la configuración del módulo, podréis comprobar los parámetros de configuración que tiene:



Este módulo, además de los parámetros de posición y orden generales, nos permite configurar el color del texto del link y el color del texto del link cuando pasamos el ratón por encima de él (Hover). También podremos elegir que pagina se comparte en Facebook, si la página principal o la página en la que este el usuario.

El módulo es un simple enlace, por lo que podremos encajarlo muy bien dentro de nuestro diseño.

A continuación os muestro la visualización web del módulo en una prueba que he hecho.



Espero que os sea útil este módulo y que consigais muchas visitas nuevas desde Facebook.

Blogger - Crea tus propias plantillas gratis

votar
4 comentarios

Navegando por Tecnoloogeek, me topé con una nueva funcionalidad de Blogger, el diseñador de plantillas. Nunca fue tan fácil modificar y adaptar una plantilla de Blogger como a partir de ahora.



Para acceder a este nuevo diseñador de plantillas solo tenemos que entrar en el escritorio en borrador de Blogger. Este escritorio es donde se prueban todas las funcionalidades nuevas antes de que se vean en el escritorio real. Digamos que es como la versión beta de todas esas funciones de Blogger. En fin, para acceder al borrador solo tenemos que ir a la sección Herramientas y recursos (al final de todo del escritorio de blogger) y pulsar sobre el enlace "Blogger en borrador".

Una vez que estas en "Blogger en borrador", accede a la sección "Diseño" de aquel blog al que quieras cambiar su apariencia y al acceder verás algo como lo siguiente:


Una vez hemos accedido al Diseñador de Plantillas de blogger, veremos una pantalla como la siguiente donde podemos distinguir claramente cuatro secciones: Plantillas, Fondo, Diseño y Avanzado además de una vista previa de nuestro blog con los cambios que vayamos realizando. No hay mejor manera de diseñar una plantilla fácilmente.


En la sección Plantillas, podremos elegir entre un total de 15 plantillas predefinidas agrupadas en cuatro plantillas principales, como se puede ver en la imagen


En la sección Fondo, podremos configurar distintas gamas de colores eligiendo una de entre las que se nos sugieren. Con un simple click, cambiaremos y adapataremos los colores de nuestra plantilla a aquel fondo que elijamos.


Además, si hacemos click sobre la imagen que aparece debajo de la leyenda "Imagen de Fondo", se desplegará un lightbox donde podremos elegir entre una gran variedad de Fondos y tramas para el background de nuestro blog. Como podemos ver en la siguiente imagen, los fondos se nos presentan categorizados por temáticas. Conviene echarle un vistazo a todos ellos y elegir el que más se adapte al diseño que queremos darle a nuestra nueva plantilla de blog.


Pasando ya a la tercera sección y para mí la más interesante, hacemos click en la pestaña Diseño. Esta sección esta dividida en tres subsecciones: Diseño del cuerpo, Diseño del pie y Ajuste de Anchos.

Si vamos a la pestaña Diseño del cuerpo, podemos encontrar ocho configuraciones distintas de la colocación de nuestros gadgets en el blog. Para mi esta función es la que más versatilidad y rendimiento nos puede traer. Nos permite cambiar todo nuestro blog sin saber nada de Html ni Css. Podemos cambiar de dos columnas a tres o a una con un par de clicks y sin perder ninguno de nuestros gadgets. De modo que podemos probar y probar hasta encontrar que combinación proporciona una mejor experiencia a nuestros usuarios.


Y para todos los que tenemos adSense nos permite probar nuevas configuraciones para aumentar nuestro ctr y nuestros ingresos.

En la siguiente subsección, Diseño del pie, encontramos la misma funcionalidad pero orientada al pie de nuestro blog, dejándonos elegir tres diseños distintos para obtener todavía más posibles combinaciones para cada plantilla.


Dentro de esta misma sección podremos adaptar el ancho de nuestro blog y de cada una de sus columnas, consiguiendo así una máxima adaptación a nuestra necesidades. De una forma fácil podemos ver como quedaría nuestro blog con una columna más o menos ancha.


Y por último, pasamos a la sección de Avanzado, donde podremos configurar los distintos colores de cada una de las partes de nuestro blog individualmente. Además podremos añadir, si sabemos, nuestro propio código css para adaptar aún más nuestra plantilla.



Un lujo de diseñador de plantillas para una plataforma gratuita.

Twitter - Comparte tu archivos online

votar
0 comentarios

Este servicio, seguro que ya conocido por muchos, es un método ideal si quieres compartir archivos con tus seguidores de Twitter.

Este servicio, todavía en fase Beta, permite compartir archivos comprimidos, fotos, documentos pdf y un largo etcétera. Se accede a él, a través de tu cuenta de twitter, pudiendo añadir a cada archivo que compartas una descripción que se publicará en tu cuenta de twitter junto con el enlace al archivo subido.



Comparte tus archivos en Twitter

Esta aplicación tiene también versiones de escritorio para diversas plataformas desde las que podrás compartir archivos con tan sólo arrastrarlos en tu ordenador.

Un servicio de Ideateca, orientado a mejorar la experiencia de todos aquellos que comparten sus archivos a través de Twitter.

La única pregunta que me queda en el aire es lo que pasará con los contenidos protegidos con derechos de autor, ¿se convertirá esto en un megaupload en su versión Twitter? ¿Que me decís?

Enlace: FileSocial

Posicionamiento Web - Dar a conocer tu web - Links

votar
2 comentarios

Si lo que quieres es dar a conocer tu página en Internet, más de alguna de estas direcciones te serán útiles. Aunque yo no estoy muy de acuerdo con eso de posicionar páginas web mediante el uso de directorios, por lo que puedo leer por ahí a veces si son importantes, sobre todo cuando una web comienza.

En mi opinión siempre es mejor el posicionamiento natural, aquellos enlaces que se consiguen por tener un buen contenido interesante y original. Pero estos suelen tardar en llegar y no llegar nunca, por lo que a veces hay que recurrir a los directorios o páginas que ofrecen reseñas gratis como Promociona tu web.

A través de enlazando.cl y Vía Planeta Ip dimos con este listado de directorios que ves a continuación, en donde puedes registrarte sin problemas de forma gratuita y añadir los enlaces que quieres. Algunos piden recíproco y otros no.. obviamente no los he comprobado todos, pero aquí los dejo por si a alguien os sirve.

Listado de directorios de Webs y Blogs

Directorio Blogisferio
Directorio Blogesfera
Directorio Blogflux
Blogtop Sites Directory
Technorati
Blogalaxia
Directorio de Blogs Dofollow
Directorio Zapin
Directorio Enlaces.org
Blog Top List Directory
The Web Cat Directory
Es Directorio
Blogarama
Blogazos
Directorio Webz
The House Of Blogs
Blog Catalog
Blog Rankings
Get Blogs Directory
Directorio Plus
Zulo Blogs
Booster Blog
Blogs Vip
Top Of Blogs
Betadir
Bloxdir
Directorio Bitacoras Hispanas
Xgil Directory
Grokodile
Top Blogging Directory
My New Blog
Bitacoras.com
Top100 Add
Buzzear
Directorico
Mundo Enlaces
Directorio Lugar Latino
Agregar Web
Directorio Enlaces.org.es
Directorio De Enlaces
Directorio Compartimos
Directorio Pr
Directorio Web Espacios
Budiweb
Pingueado
Directorio Ya Aqui
Blogdire
Web Enlace
Bloggernity
Bloghub
Blogz
Globe Of Blogs
Blogs.com
Es Tu Portal
Directorio La Blogoteca
Top Blog Area
Blog Top List
Directorio Habitamos
Blooogsy
Directorio Bloviaweb
Directorio Blogicias
World Top Blogs Directory
Directorio Cuentemelo
Directorio Hot
Directorio Maestro
Directorio Ls Blogs
Anfibi
Pagerank 10
Blogoculars
Redfind
Directorio Paginas Webz
Directorio Puerto Blogs
Boonic
Top 100 Blogers
Ecuablogs
Blogger Area
Top Web Blogs
Much Blogs
Directorio Unión De Bloggers Hispanos
On Blog List
Directorio Blogs
Directorio Mundo Inicio
Blog Feed Aggregator
Directorio Soy Util
Linkalo
Directorio Xd
Directorio Grupos Inglés
Directorio Enlaces
Ochat
Chapu
Onb
Direweb
Buscador Express
Directorio Hispa Bloggers
All Links
Directorio Blogs Perú
Link Referral
Tus Noticias de Actualidad
Chili
Goledy
Feeds 4 All
Loaded Web
Rss Feeds Submission Directory Link
Blog Top Sites Directory
Blogger Now
Keegy
Pyme Marketing.net
Yeap Dir
Directorio Blogger Hispano

Pruebalo en todos los exploradores!

votar
15 comentarios

Pruébalo en todos los exploradores!! Cuantas veces uno de nuestros jefes nos ha dicho eso. Para los que nos dedicamos al desarrollo de aplicaciones web es, la mayoría de las veces, una verdadera tortura que una aplicación o página web funcione en todos los exploradores o que se vea exactamente igual en cada uno de ellos.


Y cada vez es peor.. empezamos con Explorer 5 y el Explorer 5.5.. después el 6.0, 7.0. A ellos se unió Opera y Firefox con sus distintas versiones. Además de Safari y el mucho más reciente Google Chrome. Aunque también es verdad que no todos los exploradores suelen dar problemas. Si cuando desarrollamos una aplicación seguimos los estándares marcados por el W3c y otros organismos oficiales, los problemas que encontraremos serán muchísimos menos.

Aún así, los exploradores web tampoco siguen los estándares al pie de la letra. Existen numerosos test que nos permiten comprobar si un explorador sigue o no los estándares web. Uno de ellos es el test Acid3 que podéis probar en el siguiente link, Acid Test. Veréis como con cada explorador se ve una cosa distinta.


Acid Test con Internet Explorer 7

Acid Test con Firefox 3.0

Acid Test con Google Chrome



Dadas las diferencias existentes entre uno y otro explorador es común que un cliente nos pida que la página que les diseñamos se vea exactamente igual en uno y en otro. Lo más común, por lo menos en España, es que se pida que se vea en todas las versiones de Internet Explorer y Firefox, lo cual, para muchos, entre los que me incluyo, es más que un quebradero de cabeza.

A continuación os comento algunas de las herramientas que más me han servido en esta lucha por conseguir que una página web se vea correctamente en todos los exploradores.

  • MultipleIEs : Herramienta que permite tener instalados varias versiones del Explorer en el mismo ordenador. Por lo que se no existe versión todavía para Internet Explorer 8. Su fiabilidad es máxima y el consumo de recursos es moderado.
  • IeTester: Es una herramienta que te permite visualizar casi todas las versiones de Internet Explorer. Es muy versátil y fácil de usar. Su interfaz en pestañas hace mucho más fácil el arduo trabajo de realizar múltiples pruebas. He encontrado algún error de visualización en los botones (el texto no aparece), pero salvo este pequeño error funciona muy bien.
  • Opera Mini: Sirve para probar la apariencia de una web en un dispositivo móvil, siempre a través del explorador OperaMini, la versión para móviles del conocido y recomendable navegador Opera.
  • Spoon.net: Permite ejecutar una instancia portable de los exploradores más utilizados. Es necesario instalar un pequeño programa y a partir de ahí podremos ejecutar sin instalarlos varios navegadores. Muy útil para pruebas de visualización puntuales. Existe la posibilidad de ejecutar los siguientes navegadores: Internet Explorer 6, Internet Explorer 7, Internet Explorer 8, Firefox 3.5, Firefox 3.0, Firefox 2.0, Google Chrome, Opera 10, Opera 9 y Safari en sus versiones 4 y 3.

Además de estas herramientas que tendréis que instalar en vuestro ordenador, existen páginas web que generan imágenes de como se vería dicha web en distintos entornos y navegadores. Estas páginas son muy útiles sobre todo para adaptar el diseño de una página a todos los navegadores. A continuación os enumero algunos ejemplos que he encontrado por ahí.

  1. http://browsershots.org Podéis ver una explicación de su uso aquí.
  2. http://www.browsercam.com
  3. http://viewlike.us/ Permite visualizar una página en distintas resoluciones de pantalla rápidamente, incluyendo la resolución de un Iphone.
  4. NetRenderer: Nos permite visualizar con una velocidad increíble una web en varias versiones del explorer, desde la 5.5 hasta la 8. Muestra una captura de pantalla del resultado. Además ofrece una versión para ver las diferencias entre el 6 y el 7. (Actualización 22/03/2010)
Espero que os ayuden y que si conocéis alguna más dejéis un comentario en el blog, para incluirla en la lista. Suerte en vuestra lucha con algunos exploradores y recordad, es siempre más fácil, si seguís los estándares web.

Creative Commons License
Esta obra está bajo una licencia de Creative Commons.