Archivo | 2010

Rediseño de AlmacenPlantillasWeb

Después de unos cuantos días, y aprovechando, el “descanso navideño” nos hemos puesto manos a la obra y hemos rediseñado nuestro blog. Los objetivos, entre otros, eran hacerlo más rápido, más acorde con estándares y dotarlo de mayores funcionalidades.

Para optimizar la velocidad de carga del sitio nos hemos basado en dos herramientas sobre las que ya hemos incluido artículos en el blog: Page Speed de Google y el complemento YSlow del plugin Firebug de Firefox.

Para Yslow hemos conseguido un grado A (puntuación 96) con el perfil “Small site or blog”:

Resultado de las pruebas con YSlowPara Page Speed hemos alcanzado una puntuación de 86/100 (eliminando algún plugin hemos llegado al 92):

Resultados con Page Speed

Desgraciadamente no hemos podido ir más allá debido a la utilización de scripts y código de terceros dentro de nuestro sitio web (anuncios, botones de votación, etc.).

Como experiencia si que podemos señalar la mejora sustancial en las valoraciones al efectuar ajustes como:

  • Minimización de código (CSS, JavaScript, etc)
  • Posicionamiento de JavaScript al final de la página
  • Serialización de contenidos de forma que se descargen en el orden adecuado (para esto nos ha venido muy bien la funcionalidad “Hacer página lineal” de la herramienta Web Developer de Firefox)

Para mantener el estilo de nuestro blog en cuanto a claridad, fondos blancos, tamaños de letra grandes para facilitar la lectura, etc., hemos utilizado el tema Canvas de WooThemes con modificaciones (la mayor parte invisibles para el usuario).  Los motivos para su elección, además de por temas estéticos, han sido, entre otras,:

  • la facilidad para modificar el ancho del layout
  • su integración con Google Fonts
  • los componentes AJAX utilizados

A nivel estético prácticamente no hemos incluido ninguna variación, pero si a nivel del código PHP y de las funciones que utiliza (principalmente en las plantillas para las distintas páginas).

Otra variación que hemos incorporado es la eliminación de la palabra “blog” en la URL. Antes acedíais a nuestro site mediante la dirección http://blog.almacenplantillasweb.es, ahora la URL de nuestro blog es http://almacenplantillasweb.es. El motivo de su eliminación, además de que ya no tenía mucho sentido utilizar este subdominio, ha sido para acortar la URL por temas de SEO y para poder utilizar herramientas que nos estaban prohibidas al utilizar un subdominio. Para “no marear mucho” a los buscadores y a los sitios web con enlaces entrantes al nuestro hemos incluido redireccionamientos HTTP 301 desde la primera al segunda. Evidentemente hemos perdido el PageRank que teníamos en la dirección anterior, pero confiamos en recuperarlo en breve…

En cuanto a cumplimiento de estándares, el validador del W3C nos muestra un solo error en la página de inicio del blog debido al uso de la meta tag que incluye el plugin de WordPress para FaceBook:

Validacion XHTML del W3C

Por lo demás hemos mantenido las funcionalidades relativas a políticas de accesibilidad web con las que contaba la anterior versión del blog: tamaño de letra, textos alternativos, teclas de acceso, etc.

En fin, espero a los lectores habituales os guste el rediseño y, POR FAVOR, si encontráis algún bug en la implementación o tenéis alguna sugerencia para su mejora estaremos encantados de que nos los hagáis llegar.

Comentarios { 1 }

Iconos gratis para sitios web de E-Commerce

El diseño web aplicado a sitios web de E-Commerce requiere recursos gráficos propios como pueden ser colecciones de iconos que incluyan carros de la compra, imágenes y logos de tarjetas de crédito, etc.

En este artículo encontrareis colecciones de iconos, logos y elementos gráficos gratuitos (o muy baratos) para utilizarlos en diseños web de tiendas on-line.

Continuar leyendo →

Comentarios { 3 }

Yahoo! cierra Delicious, ¿cómo recuperar nuestros marcadores?

Yahoo! confirmó ayer que planean cerrar varios de sus productos en los próximos meses para recortar gastos y poder poner más atención a sus puntos fuertes (que no deben ser los empleados, ya sabéis, los “principales activos de todas las compañías” según suelen decir los directivos, porque pretende despedir a un 4% de su plantilla…).

En otras aplicaciones y productos uno de los que anuncian que van a cerrar es Delicious. La verdad es que, para los que somos usuarios de este servicio web 2.0 (fue uno de los pioneros), no deja de ser una faena.

En fin, como parece que es lo que hay, incluyo dos métodos para descargar los marcadores de Delicious que he visto en alt1040.com:

  • Mediante la API: para exportar los marcadores utilizando la API tenéis que, desde un sistema operativo que soporte el comando CURL (cualquier distribución Linux y Mac OS X), acceder a la terminal y escribir la siguiente línea:
    curl https://{aquínombreusuario}:{yaquícontraseña}@api.del.icio.us/v1/posts/all > bookmarks.xml. De esta manera obtendremos un archivo .xml con todos los marcadores.
  • Vía herramienta web: o lo más simple. Para acceder a la herramienta haced clic en la siguiente URL https://secure.delicious.com/settings/bookmarks/export. Una vez en la página de la herramienta tan solo tenéis que elegir si queréis que en el archivo de exportación (un .htm) se incluyan las tags y las notas y finalmente picar en el botón inferior “Export”. Según hagáis clic comenzará la descarga del archivo con todos los marcadores.

Yo he conseguido salvar todos mis marcadores de ambas formas. Para la primera no me ha hecho falta acceder con curl, simplemente he metido la dirección con mi usuario y contraseña de Delicious en Firefox y he obtenido una página con los marcadores. Después la he guardado con extensión xml para exportarlos a otras herramientas y listo.

Otro tema es donde llevarnos los marcadores si no queremos tenerlos únicamente en local. En el artículo “Seis alternativas a Delicious” en Bitelia podéis encontrar algunas soluciones. Yo, ahora mismo, estoy probando xmarks (lo he elegido por sus posibilidades de sincronización). Tiene una cosa positiva, que consiste en una feature que permite importar los marcadores públicos de Delicious directamente.

Comentarios { 1 }

BitNami, entornos locales de desarrollo web

bitnami, entornos locales de desarrollo webCon BitNami podemos resolver el problema, común a muchos desarrolladores web, de tener que afrontar el arranque de un proyecto web sin contar con un servidor donde realizarlo.

Se trata, básicamente, de un conjunto de paquetes de instalación en entorno local (denominados “stacks”, en terminología BitNami) para los principales gestores de contenidos de software libre : Wordpress,  Joomla, Drupal, phpBB, Roller, MediaWiki, etc. Los paquetes de instalación estén disponibles para Windows, Linux,  Mac (sólo en algunos casos, tienen la versión compilada para PowerPC y para Intel), VMWare e, incluso, entornos en “la nube” como GoGrid y Amazon. Los stacks disponibles incluyen los requisitos necesarios en cuanto a aplicaciones de sistema para el correcto funcionamiento del CMS (Mysql, Apache, etc.) en entornos locales.

Continuar leyendo →

Comentarios { 1 }

WordPress para Windows 7

Liberada la versión WordPress para  Windows 7 que nos permite manejar nuestro blog  o página web WP (WordPress 2.9 +) desde este terminal móvil.

Funcionalidades:

  • Escritura y edición de mensajes
  • Edición de páginas
  • Moderación de comentarios los comentarios
  • Estadísticas de verificación

Continuar leyendo →

Comentarios { 0 }

Tutoriales sobre CodeIgniter

CodeIgniterCodeIgniter es un potente framework PHP, construido para programadores PHP que necesitan una herramienta simple pero potente para crear aplicaciones web con multitud de funcionalidades. Es Open Source, cuenta con una sencilla interface y un acceso a sus librerías bien estructurado. Es ligero y fácilmente instalable (puede usarse en un alojamiento compartido y no es necesario tener acceso a la línea de comandos del sistema).

Existen multitud de sitios en Internet donde podéis encontrar información de CodeIgniter (ver enlaces de interés al final del artículo). En este post incluimos las referencias a los tutoriales publicados en net.tutsplus sobre soluciones y aplicaciones concretas del framework en casos de uso reales que pueden surgirnos al desarrollar sitios web.

Continuar leyendo →

Comentarios { 1 }

Compression Plugin made by Cork Tiles