La mate por un yogur » Diseño Web

Los themes patrocinados ya están fuera

Boja — Wed, 18 Jul 2007 17:19:28 +0000

Hace unos días comentaba la guerra abierta contra los themes patrocinados, aquellos que incluyen por defecto enlaces a terceros a cambio de dinero, y como iban a ser eliminados de los dos listados oficiales de WordPress.

Hoy Matt comenta que ya ha habido una limpieza en Themes Viewer y los resultados me han sorprendido, no pensaba que el número de diseños con enlaces comprados fuera superior a los otros. Personalmente no he tenido mucha experiencia con themes ajenos por lo que sólo conocía del tema las ofertas que me había hecho para incluir enlaces en mis dos themes, de ahí que un servidor pensara que no iban a superar el 10%. Sin embargo:

Eliminados 2.107 themes, alrededor de un 60% del total. Estos tenían 2.243.735 de descargas, unas 1.064 por diseño.
Se mantienen 1.737 themes que suman 3.480.244 de descargas y una media de 2.003 por theme, casi el doble que los diseños patrocinados.

De los supervivientes todavía falta eliminar algunos de ellos que han sido reportados por los usuarios. Por mi parte, tanto Pool como Hiperminimalist continúan en el listado.

Guerra contra los themes patrocinados de WordPress

Boja — Thu, 12 Jul 2007 09:58:26 +0000

Algunas de las personas que liberan themes para WordPress aceptan una cantidad de dinero importante a cambio de colocar un enlace publicitario en éste. Más de una vez me han propuesto esto mismo pero deseché la idea rápidamente.

En estos momentos los themes patrocinados están en el punto de mira y Matt Mullenweg ha anunciado que antes del 21 de julio todos ellos serán retirados del WordPress themes viewer y del listado de themes del Codex.

No es el único, Mark Ghosh de Weblog Tools Collection también ha decidido no comentar más themes patrocinados en su sitio, uno de los más visitados a nivel mundial dentro del mundo WordPress.

Actualización 18/07/07: Ya han sido eliminados más de 2000 themes del visor oficial de WordPress.

La web del congreso y su clon bien hecho

Boja — Wed, 20 Jun 2007 19:39:24 +0000

La nueva web del congreso ha levantado mucha polémica por su nulo estilo a la hora de ser desarrollada, saltándose cualquier estándar e incluso regla de un diseñador aceptable. Andrés le daba un repaso al surrealista código fuente de la página principal que, entre otros fallos, tenía más de 1000 líneas de css en el propio index, nada de hojas de estilo separadas. SigT se centraba en los archivos css, que también los tiene a pares, con sorprendentes resultados.

Posteriormente saltó a la palestra la pregunta de cuanto nos había costado. De los 14 millones de euros dedicados a la reforma de varios aspectos del congreso la página de éste solamente se había llevado 200.000 euros.

A todo esto nace la web hermana, www.congreZo.es. En principio parece una simple burla de la web oficial pero si echamos un ojo al código fuente vemos como en muy poco tiempo se ha podido desarrollar la misma estructura con código de verdad.

Medidor de seguridad en contraseñas

Boja — Mon, 18 Jun 2007 23:31:50 +0000

WordPress.com ha incorporado a sus cuentas un medidor de la seguridad en las contraseñas de los usuarios, similar al que ya incorporan otras aplicaciones como Gmail o Hotmail.

El objetivo es intentar hacer ver a la gente que no por el hecho de tener una contraseña se está fuera de peligro, usar como password “123456″ -bastante más común de lo que parece- es casi tan peligroso como dejar nuestra cuenta completamente abierta al público.

Se ha usado este código de Phiras, usuario de wordpress.com, que es un plugin para jQuery. Una solución elegante para recordar la seguridad de una buena contraseña en nuestras aplicaciones web.

Vecteezy: Galería de imágenes vectoriales

Boja — Fri, 25 May 2007 08:21:48 +0000

Una de las principales ventajas de los gráficos vectoriales frente a las imágenes compuestas por píxeles, es que a los primeros se les puede aplicar un zoom infinito sin pérdida de calidad por su parte, mientras que un bitmap con demasiado zoom muestra cada píxel empeorando la calidad de la imagen sin aumento.

Vecteezy, cuyo eslogan es “Nombre estúpido, buenos vectores”, nos trae una selección cuidada de packs de imágenes vectoriales. Cada archivo viene acompañado de una vista previa, su licencia, sistema de votos y la posibilidad de descargarlo desde la página web del autor.

La desventaja que he encontrado es que por el momento el número de archivos disponibles no es muy alta, más bien todo lo contrario.

Vía del.icio.us

8 menús web que no deberías perderte

Boja — Sun, 20 May 2007 09:17:48 +0000

Desde RoScripts se hace una recopilación de 8 menús web que uno no debería perderse, la selección viene acompañada de los ejemplos y los archivos comprimidos de cada menú.

Parece que los menús al estilo Dock de Mac OS están de moda, hace unos días comentaba CSS Dock Menu y en esta ocasión hay una versión mejorada, más fluida y con mayor calidad en los iconos.

Vía del.icio.us

Full Code Press: Los Juegos Olímpicos del desarrollo web

Boja — Sun, 20 May 2007 09:16:51 +0000

Original e interesante iniciativa la de Full Code Press, el sábado 18 de agosto de 2007, dos equipos, de Australia y Nueva Zelanda, competirán por construir una web completamente funcional para una organización sin ánimo de lucro en 24 horas.

La competición será offline, los dos equipos reunidos en el mismo sitio, pero se podrá seguir por internet mediante bloggers que escribirán en directo, entrevistas, Twitter (Parece que sí tiene alguna utilidad) y YouTube.

La organización tiene pensado ampliar en 2008 los países participantes a todo aquel interesado, así como facilitar competiciones en los propios países, ya que viajar a Nueva Zelanda es algo que no todos pueden permitirse.

Visto a Matt.

CSS Dock Menu: Tu menú web al estilo Mac

Boja — Wed, 09 May 2007 09:00:04 +0000

Si quieres implementar un menú al estilo Mac (ver demo) en tu página web, CSS Dock Menu es una solución rápida. Hace uso de la librería javascript jQuery e iconos del propio autor, todo reunido en un pack con una instalación sencilla.

Probando la demo me ha parecido que el rendimiento no es del todo bueno, no sé si será culpa mía, ¿Qué tal os funciona a vosotros?

Aviso para usuarios de WordPress, el archivo css de CSS Dock Menu tiene el mismo nombre que el de los themes de WordPress (style.css) por lo que bastaría con volcar la información a este último y obviar la etiqueta link.

Validar múltiples páginas de tu web

Boja — Tue, 17 Apr 2007 11:30:30 +0000

En la mayoría de ocasiones validar una sola página de un sitio web no es suficiente para conocer los errores del sitio entero, el contenido dinámico (categorías, entradas…) cambia de una página a otra y los errores pueden surgir en algunas de ellas. Por eso el validador oficial de W3C puede ser insuficiente.

Lorelle comenta un nuevo validador que nos permite analizar todas las páginas de nuestra web, The W3C Canada Validator hace uso del validador oficial para rastrear los posibles errores de xHTML.

Si pulsamos sobre el número errores se nos abrirá una nueva pestaña con información acerca de estos y consejos para solucionarlos.

Hotlinking: No hay que olvidarlo

Boja — Fri, 13 Apr 2007 19:09:32 +0000

El robo de ancho de banda debido al uso de archivos, generalmente imágenes, por parte de páginas web ajenas es lo que se denomina hotlinking, del que ya hablé hace un par de años. Esta práctica puede llegar a suponer un alto porcentaje de la transferencia de nuestro host, teniendo incluso que tomar medidas para evitarlo.

Echando un ojo a las estadísticas de trackhop descubrí que en el mes de marzo se habían realizado 32.000 requests desde myspace, 18.000 de una página de warez, 12.000 desde otra… Eso supone un exceso de peticiones al servidor y un consumo que para muchos puede ser trágico. Para evitarlo si usamos Apache tenemos 2 opciones, todas ellas a añadir en el .htaccess:

Prohibir el hotlinking a todas las páginas con excepciones

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !midominio.com [NC]
RewriteCond %{HTTP_REFERER} !images.google. [NC]
RewriteCond %{HTTP_REFERER} !bloglines.com [NC]

RewriteRule .*.(jpg|gif|bmp|png)$ - [F]

Se pueden añadir tantas excepciones o formatos de archivo como se quiera.

Prohibir el hotlinking a determinadas páginas

RewriteEngine On
RewriteCond %{HTTP_REFERER} ^http://(.+.)?myspace.com/ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://(.+.)?blogspot.com/ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://(.+.)?livejournal.com/ [NC]

RewriteRule .*.(gif|jpg|png|bmp)$ - [F,NC]

Recordar que la última siempre debe cerrarse con [NC] y las anteriores con [NC, OR].

Sustituir la imagen robada por otra

RewriteRule .*.(jpg|gif|bmp|png)$ /nohotlink.jpg [L]

Basta con cambiar la última regla (RewriteRule) por la línea anterior, apuntando a la imagen sustituta. El inconveniente es que el consumo no disminuirá de forma total.

Enlaces

Yo he preferido neutralizar los sitios que más peticiones hacen, dejando vía libre al resto de la red, ya que de otra manera pagarían justos por pecadores y por ejemplo, no se podrían ver las imágenes desde lectores de feeds.

Nota: Si usas WordPress sitúa el código fuera del bloque de WordPress en el .htaccess. Ya que si actualizas la estructura de los permalinks se borrará.