Una lista de potentes herramientas online que nos permiten analizar múltiples aspectos de un sitio web, lo que nos puede servir para localizar fallos que no conocemos y encontrar soluciones:

Optimización SEO

Web SEO Analytics nos permite tener de forma rápida una visión global del éxito de nuestro sitio web. Nos ofrece desde datos sobre nuestro hosting y dominio, hasta la repercusión que tenemos dentro de las principales redes sociales. Por supuesto también nos hace un resumen de como estamos indexados dentro de los principales buscados y los directorios más importantes, así como las palabras que tienen mayor relevancia de nuestra web y los enlaces que recibimos desde paginas externas. Muy útil y completo.

webseoanalytics.com

Análisis de rendimiento

Un sitio web excesivamente lento puede hacer que perdamos muchas visitas y aunque ya tengamos uno rápido siempre hay margen para mejorar. La mayor virtud de GTmetrix es que combina las 2 mejores herramientas para analizar el rendimiento de una página web (Google Page Speed y Yahoo! YSlow), lo que nos da 2 puntuaciones diferentes y una cantidad de datos enorme sobre como acelerar la velocidad de carga. Trata desde temas tan básicos como la compresión de imágenes o el no incrustar CSS y Javascript dentro de los archivos HTML. Hasta otros más avanzados como optimizar la configuración de nuestro servidor o mejorar la forma en que los navegadores hacen cache de nuestros archivos. Muy practico, pues nos evita instalar varias extensiones en nuestro navegador para analizar el rendimiento.

gtmetrix.com

Comprobar la legibilidad del texto

A veces por cuestiones de diseño acabamos usando texto y fondos de diferentes colores, que no siempre serán fáciles de leer para todas las personas. Gracias a esta herramienta detectaremos fácilmente áreas de texto que cansarían demasiado a nuestros visitantes o supondrían un problema para gente con problemas de visión. Muy importante, pues recordemos que el contenido es lo más importante.

checkmycolours.com

¿Conoces otra herramienta que merezca estar en esta lista?

Cada vez los teléfonos móviles tienen más importancia en el diseño web, si hace unos años casi nadie usaba Internet desde el móvil, hoy día es un sector con un enorme crecimiento gracias a modelos como el iPhone o los nuevos Android. Eso nos plantea un problema, pues es difícil crear un sitio web que sea valido tanto para resoluciones de ordenador, como para las pequeñas pantallas de los dispositivos móviles. Y si creamos 2 versiones alternativas nos surgirá otra duda, ¿cómo filtramos a los usuarios según el dispositivo desde el que accedan?

Una respuesta a ese problema nos la da el proyecto Detect Mobile Browser que facilita código libre en diferentes lenguajes de programación (Apache .htaccess, ASP, ColdFusion, JSP, Javascript, PHP, Python y Rails) para redirigir a los usuarios de navegadores móviles a una versión especial de nuestro sitio web, que previamente hayamos adaptado.

El código es simple y claro, por lo que no nos supondrá demasiado esfuerzo integrarlo en nuestros proyectos. Además, usa una lista de navegadores bastante completa y actualizada.

También nos ofrece otra alternativa, crear direcciones basadas en su propio dominio que  filtraran a los visitantes según su navegador. Yo no le encuentro demasiada utilidad, quien querría compartir una dirección como esta:

http://detectmobilebrowser.com/www.dglibre.com|www.dglibre.com/mv

No solo resulta excesivamente largo, sino que afectaría gravemente a nuestro SEO.

En este blog ya he publicado información sobre varios cursos gratuitos de programas libres para diseño gráfico. Los 2 cursos que hoy os voy a comentar están realizados por la plataforma de teleformación del CESLCAM. Ambos se pueden hacer online y no tienen ningún coste.

-Curso de diseño gráfico con software libre: Enfocado principalmente al uso de Gimp para la edición de imágenes e Inkscape para crear gráficos vectoriales. Durante el curso nos presentan la interfaz de ambos programas y las herramientas que incorporan, para luego mediante videotutoriales ver ejemplos de su uso. Teniendo también 2 ejercicios prácticos que nos puntuaran según nuestra pericia con el programa.

-Curso de diseño gráfico 3D con software libre: Dedicado íntegramente a Blender, con un temario bastante completo que va desde los conceptos más básicos a la post-producción. Cuenta con vídeos de ayuda, así como ejercicios prácticos. Además, se basa en una versión bastante actual  y también nos habla de 2 motores de render libres muy interesantes para  Blender (Yafaray y Luxrender).

Los podéis encontrar en el siguiente enlace, necesitaréis daros de alta en el sitio web: formados.ceslcam.com

Esta plataforma de teleformación también tiene cursos de pago (que incluyen tutoría por parte de los profesores) y ofrece la posibilidad de comprar el curso de Blender en un CD. Además, tienen más cursos gratuitos enfocados sobretodo a Molinux (distribución de GNU/Linux hecha en Castilla la Mancha) y ofimática.

En fin, otra opción para aprender a usar herramientas gráficas libres, en este caso con videotutoriales en español, lo que hace más ameno el aprendizaje. A ver si un día los agrupo todos en la sección de tutoriales, para que la gente encuentre todo de forma más ordenada.

Siempre me ha sorprendido que VirusTotal sea un servicio gratuito por los enormes costes que debe suponer para la empresa que lo mantiene. Y espero que continúe siendo gratis por mucho tiempo.

Este servicio es tan simple como útil, nos permite mandar un archivo a través de su web o a una cuenta de email especifica y pasados unos minutos recibir los resultados del análisis en 39  antivirus, entre los que se encuentran los mejores y más usados (Kaspersky, Nod32, Avira, Symantec, etc…) y todos debidamente actualizados. Un ejemplo de sus informes:

Para mí se ha convertido en un servicio imprescindible independientemente del sistema operativo que se esté usando. Si usas Windows es un gran complemento para el antivirus que se tenga instalado, pudiendo contrastar sus resultados con todos los antivirus importantes.

Si usas MacOS o GNU/Linux puede llegar a ser aun más útil, algún lector se estará preguntando: ¿para que si en estos sistemas operativos la existencia de virus en casi nula?, pues porque nos guste o no el 95% de la gente usa Windows y si compartes archivos con ellos siempre existe un riesgo de contaminarlos al no tener ningún antivirus instalado. Y ya sé que eso es problema de quien usa un sistema operativo inseguro y no toma las medidas de protección necesarias. Pero admitámoslo, andar mandando archivos infectados nos puede traer problemas, si quien se contamina es el típico familiar o amigo que apenas sabe nada de informática nos tocara pasarnos una tarde limpiándole el equipo. Y si la “victima” es un cliente ya puede ser desastroso, pongámonos en la situación extrema de que yo reenvío un archivo a un cliente, este lo abre y el virus le hace perder datos importantes, seguramente aparte del cabreo no quiera volver a saber nada de nuestros servicios.

Por eso virustotal es tan útil, sin necesidad de instalar nada podemos analizar en los mejores antivirus archivos de dudoso origen. Aunque por supuesto sus resultados no son 100% seguros, pues ningún antivirus lo es.

Si la informática para ti es una “ciencia abstracta” y conceptos como “software” o “hardware” no acaban de resultarte claros por mucho que leas sobre ellos, quizás simplemente no buscaste el método de aprendizaje adecuado. Y aunque no sea tu caso, supongo que todos conocemos a alguna persona que por edad, educación o simplemente falta de interés se ha quedado descolgada de la informática, algo muy necesario en la actualidad.

Por eso me ha gustado la idea de Iván Lasso, realizar unos manuales de informática básica pero no en aburrido formato texto, sino como cómics. Por el momento ha publicado 3 con las siguientes temáticas:

-Software: Explica qué es el software y los grupos de programas más usados.

-Hardware: Un acercamiento al interior de nuestro ordenador y sus periféricos.

-Iniciándose en Firefox: Manual sobre el navegador Firefox.

Si os interesan, podéis descargarlos en: proyectoautodidacta.com

Se distribuyen bajo licencia ColorIURIS Amarillo, lo que significa poder reproducirlos, distribuirlos y modificarlos de forma libre siempre que sea sin animo de lucro y se mantenga el tipo de licencia.

Blender Art Magazine: Revista cuya temática es el programa Blender y el diseño 3D. Imprescindible para los usuarios de este programa e interesante para cualquiera, aunque está en inglés.

(En Blender Asturias hacen la traducción al español, de momento están terminados los 4 primeros números.)

Render Out!: También enfocada al diseño 3D, contiene artículos, galerías de imágenes y tutoriales.

Foto DNG: Revista dedicada al mundo de la fotografía que incluye artículos, noticias, portfolios y hasta concursos.

Vektorika: Una estupenda publicación dedicada al dibujo con vectores y la ilustración en general. Está en inglés pero tiene poco texto, siendo lo más interesante los magníficos trabajos expuestos de artistas de todo el mundo.

mgz_: Va sobre el mundo del diseño, campañas de marketing, publicidad y de las nuevas tendencias en Internet. Suele tener artículos interesantes para leer.

Sacapuntas: Publicación creada por la Asociación de Dibujantes de Argentina y por supuesto dedicada al dibujo. Con artículos y entrevistas entretenidos.

Oblongo: Enfocada al diseño y la comunicación visual en Latinoamérica, con entrevistas y muestras de trabajos interesantes.

Eichnews-Online: Orientada al mundo de la informática, la ciencia y la tecnología, temas de los que siempre es útil estar informado.

Si conocéis más revistas gratuitas que merezcan estar en estar lista no dudéis en comentarlo.

Oscommerce: El CMS para crear tiendas online más usado con diferencia, tiene una comunidad enorme, miles de extensiones para casi todo lo que podamos necesitar y resulta muy sencillo encontrar documentación sobre Oscommerce. Su gran desventaja: lleva muchos años sin renovarse y está obsoleto en todos los sentidos. Oscommerce es un fósil (y la prometida nueva versión 3.0 no parece que vaya a salir nunca) pero si no somos programadores o no tenemos el tiempo suficiente, muchas veces nos veremos obligados a usarlo al ser el único que tiene una extensión que necesitamos. Aún así debes saber que personalizar a fondo su apariencia o instalar una extensión puede ser un infierno, está tan anticuado que no dispone de sistema de plantillas integrado (si de terceros), ni de un sistema sencillo de extensiones.

Magento: Algunos le llaman el Oscommerce del futuro. Es un proyecto dirigido por la empresa Varien muy joven y moderno, aunque ya se encuentra en versiones bastante estables. Toda su interfaz hace uso de Ajax para mejorar su estética y usabilidad, está diseñado para ser escalable al máximo mediante extensiones, tiene un buen sistema de plantillas, está preparado para SEO, etc… en definitiva tiene casi todo lo que podamos pedirle a un CMS moderno y a un carrito de compra. Su gran desventaja: es un mastodonte, de los CMS más pesados que he probado, además de ser bastante exigente respecto a la configuración del hosting. Por lo demás es posiblemente la mejor alternativa hoy en día, pues su comunidad a pesar de ser joven es muy activa y crece rápidamente.

Zen-Cart: Una de las respuestas a la falta de actualizaciones por parte de Oscommerce, los creadores de Zen-Cart se basaron en Oscommerce para crearlo pero actualizando las partes que ya se habían quedado más anticuadas. Es un proyecto bastante maduro, aunque cuenta con poco soporte por parte de la comunidad y últimamente se ha quedado un poco estancado. Aun así, para tiendas no muy complejas puede ser una buena alternativa.

Opencart: También basado en Oscommerce, sus desarrolladores han buscado sobretodo limpiar lo sobrante y simplificar su configuración y uso (el panel de administración es de los más sencillos de usar). Es una buena alternativa para pequeños negocios que no necesiten funciones avanzadas. Su comunidad de desarrollo es poco activa, por ejemplo creo que aun ni existe una traducción completa al español.

Digistore: Otro proyecto basado en Oscommerce, en este caso por una empresa. Principalmente han mejorado el panel de administración (más completo y sencillo de manejar), han actualizado la interfaz de usuario, agregado un sistema de plantillas, han integrado un editor visual de textos, etc… hay que admitir que han hecho un buen trabajo actualizando Oscommerce. Su gran desventaja: la empresa que lo desarrolla apenas se preocupa de crear una comunidad de usuarios, solo de ofrecer servicios de pago. Lo que provoca que este CMS apenas sea usado, sea difícil encontrar documentación o no tenga traducción oficial al español. Incluso para descargarlo tenemos que pedir antes un código de acceso que nos envían por correo electrónico. En definitiva, una opción interesante pero que sus propios desarrolladores están matando con su política cerrada.

PrestaShop: Uno de los CMS para tiendas online con más futuro, aunque aún necesita seguir avanzando en cuanto a opciones. Es muy sencillo de instalar y configurar. Además, al contrario que Magento, es una aplicación bastante rápida y liviana. Conforme su comunidad de usuarios vaya creciendo, de momento es pequeña, creo que se convertirá en una de las mejores opciones. De momento, aún sin ser la opción más completa, puede ser muy interesante para pequeños negocios.

Virtuemart: Es un Script que se basa en el CMS Joomla. En mi opinión es una de las mejores opciones, es muy completo pero no resulta demasiado complejo. Además se integra completamente en Joomla, por lo que resulta muy útil para sitios web que ya usen este CMS o quieran crear algo más que una tienda online, por ejemplo un portal de fotografía donde además se vendan cámaras. Pero esto también resulta ser una desventaja, muchas veces solo necesitamos una tienda online y tener que instalar también Joomla no supondrá más trabajo de configuración inicial y también de mantenimiento.

Drupal e-Commerce: El equivalente a VirtueMart pero para Drupal. No es una mala extensión si usas Drupal en sitio web y quieres agregarle una tienda online. Pero le falta mucho desarrollo hasta ser tan completo como VirtueMart o Magento, por ejemplo.

CubeCart: Es un CMS de pago pero que dispone de una versión más antigua de forma gratuita. No es una mala alternativa, es un software bastante maduro y que funciona correctamente. Pero tiene muchas desventajas: un enlace publicitario en la versión gratis, mala traducción al español y está mal adaptado al mercado español. Solo recomiendo probarlo si las opciones anteriores no nos convencieran.

Por supuesto hay más opciones, tanto gratuitas como de pago. Yo he hecho esta lista con los “carritos de compra” que considero más maduros o interesantes para casos concretos. También es necesario aclarar que es muy difícil encontrar un CMS para una tienda online que cumpla de serie todo lo que necesitamos, casi siempre necesitaremos agregar extensiones que modifiquen sus opciones,  además de módulos de pago y de envío. De ahí la importancia de tener una comunidad de usuarios grande.

Si queréis probar estos CMS sin tener que instalarlos a mano os puede ser útil este artículo.

Inkscape es un programa libre de dibujo vectorial que está mejorando rápidamente con cada nueva versión. Y actualmente, en mi opinión, ya es lo suficientemente maduro y potente como para ser usado de forma profesional. Un ejemplo es su nueva herramienta Spiro, la forma de controlar curvas más intuitiva y sencilla que he visto en un programa de este tipo.

Una buena forma de aprender a manejar este programa es el curso gratuito y bajo licencia Creative Commons escrito por Joaclint Istgud (Joaquín Herrara Goás). Curso enfocado a la creación de logotipos pero que nos enseña de forma muy detallada como trabajar con Inkscape. Además, al ser profesor de dibujo en educación secundaria se nota su experiencia en el terreno de la educación artística. Un curso muy recomendable:

Curso de Inkscape: Logo a logo.

Archivos de ejemplo.

También os animo a visitar su blog: joaclintistgud.wordpress.com

He añadido una nueva web a la lista de portales con contenido bajo licencias libres. En este caso se trata de wpclipart.com un sitio especializado en Cliparts que cuenta con una inmensa colección licenciada bajo dominio público, con casi 24000 imágenes en la actualidad. El inconveniente es la calidad, bastante pobre en comparación con sitios similares, especialmente en cuanto a formato (pues casi todo está en formato JPEG con alta compresión o en GIF) y resolución, demasiado pequeñas para trabajos que necesiten ser impresos o para ser retocadas antes de su uso.

De todas formas la calidad es suficiente para ser usadas en un blog o para adornar algún documento impreso en casa. Aparte yo a estos proyectos siempre les encuentro una gran utilidad secundaria en trabajos de diseño, supongo que a todos nos ha pasado que en medio de un proyecto nos hacemos la temida pregunta: ¿y ahora como represento yo gráficamente lo que me pide el cliente?

Pues portales como este nos ofrecen mucho contenido diferente con el que inspirarnos, y léase inspiración en el buen sentido (recopilar ideas diferentes hasta que en nuestra cabeza se encienda la lucecita y hagamos algo con nuestro toque personal), no en el sentido de plagiar con nocturnidad y alevosía, no me seáis mal pensados. Aunque todo sea dicho, en contenido bajo dominio público se nos permite hacerlo sin ningún problema.

El libro se llama Aprende Blender y Yafray en 24 horas y fue escrito por Carlos González Morcillo (más conocido en internet como Morcy), profesor de la Universidad de Castilla – La Mancha. Su temario se basa en Blender 2.41 y Yafray, englobando:

• Introducción al Interfaz
• Operadores de Modelado Básico
• Técnicas de Modelado Avanzado
• Modelado de un Personaje
• Materiales y Texturas
• Animación Básica
• Animación Jerárquica
• Animación basada en Esqueletos
• Esqueletos Avanzados
• Renderizado Realista
• Animación No Lineal

El libro es gratuito y fue publicado bajo una licencia Creative Commons, siendo por tanto de libre uso. Iba a poner el enlace al blog de Morcy pero al parecer su web ya no existe, una lástima. Pero podéis bajaros el libro y los ejemplos desde estos enlaces:

Aprende Blender y Yafray en 24 horas

Ejemplos de los ejercicios recomendados en el libro

Una descarga muy recomendable para quien quiera iniciarse en el mundo del diseño y la animación 3D, o más concretamente en el uso de Blender.