Webmaster Libre

Desarrollo web con software libre

Buscador

Archivo de August de 2006

SMF 1.1 RC3

SMF logo

Ya se encuentra disponible para descarga pública la Release Candidata 3 de Simple Machines Forum (los miembros «charter» ya disponían de ella previamente). Está será la última versión antes de la versión estable.

Entre sus novedades destacan:

  • Muchos cambios en el soporte UTF-8
  • Ajustes en la función de búsqueda
  • Añadida la opción de incluir un CAPTCHA en la página de registro (con soporte de audio por la accesibilidad)
  • Añadido un indicador de carga para indicar cuando se está procesando una petición
  • Todos los números deberían, ahora, respetar el formato establecido
  • Solucionado un bug relativo a la caché
  • Solucionados los problemas de velocidad cuando se mueve/divide un post
  • Solucionados errores de lenguaje


Anuncio Oficial
:
http://www.simplemachines.org/community/index.php?topic=107112.0
Descarga: http://www.simplemachines.org/download.php

Javascript Unobstrusivo para Rails

Rails es un excelente framework, especialmente para construir aplicaciones AJAX, pero el Javascript que resulta de utilizar los helpers de serie de Rails es la manzana de la discordia para muchos. Unobtrusive Javascript for Rails pretende ayudar a solucionar eso.

Con UJS for Rails podrás:

  • Definir tus comportamientos usando selectores tipo CSS y Ruby
  • Usar los Helpers para Javascript y AJAX de forma no obstrusiva
  • Aplicar efectos de la librería script.aculo.us no obstrusivamente y con facilidad


UJS Rails Plugin:
http://www.ujs4rails.com/

JavaScript Lint: Limpia de errores tus scripts

Con Javascript Lint podrás comprobar todo tu código Javascript en busca de errores comunes sin necesidad de abrir la página en un navegador.
El programa está basado en el motor de Javascript de Firefox, con lo que, además de buscar errores puede también mostrar advertencias sobre prácticas no recomendables.

Javascript Lint está disponible para Windows y Linux. Además, es muy versátil y te permite utilizarlo de diversas formas:


Javascript Lint:
http://www.javascriptlint.com
Demo Online: http://www.javascriptlint.com/online_lint.php

Via del.icio.us/popular

AdWords Optimizer

ClickMuse AdWords Optimizer Logo

Si alguna vez has llevado alguna campaña de AdWords sabrás lo laborioso que puede ser optimizar todos tus anuncios para que den los mejores resultados, perdiendo la mínima cantidad de dinero posible.

La gente de ClickMuse han pensado un poco en nosotros y han decidido crear una herramienta para facilitarnos un poco la vida: AdWords Optimizer.

No podría ser más simple:

  1. Regístrate de forma gratuíta
  2. Establece un reporte diario en tu cuenta de AdWords y haz que sea enviado automáticamente a tu dirección de correo de AdWords Optimizer
  3. Cuando uno de tus grupos de AdWords esté listo para ser optimizado (es decir, cuando alguno de tus anuncios esté resultando peor que otro) recibirás una alerta y un enlace a un completo análisis de optimización para tu cuenta

En menos de dos minutos habrás conseguido ahorrarte mucho tiempo. Además, garantizan que los datos que envíes no serán para nada comprometidos y que, no obstante, todos los datos recopilados serán eliminados de sus servidores en un plazo de 48 horas.

AdWords Optimizer by ClickMuse:
http://adwords.clickmuse.com/

Via eHub

Comparativa de compresores para CSS

En Blogging Pro han hecho un test a cuatro conocidos compresores de CSS: CSS Optimizer, Icey’s CSS Compressor, Flumpcakes CSS Optimiser y CleanCSS.
La prueba consistió en pasar por ellos las hojas de estilo de 6 archiconocidos sitios: Digg, Slashdot, Filmsy, iBegin, Download.com y ESPN.

Los resultados han sido realmente sorprendentes, concluyendose que el Icey’s CSS Compressor es el que consigue mayor compresión y menor tasa de errores, seguido por CleanCSS (que yo pensaba sería claro ganador), CSS Optmizer y, por último, Flumpcake CSS Optimiser.

El artículo completo, en inglés, con tablas de resultados y explicaciones lo encontraréis en CSS Optimization: Make your Site Load Faster for Free

«Embellece» tu código PHP

Si alguna vez has intentado editar archivos de otra persona y te has vuelto loco para descifrarlos, si has pensado en compartir tus scripts o si te da la impresión de que dentro de dos días tu mismo vas a ser incapaz de entender tu propio código, esto puede interesarte.

PHP-Beautifier es un script escrito en PHP 5 que reformateará tu código y lo hará más claro y comprensible, añadiendo tabulaciones, líneas nuevas e incluso aprovechando las propiedades de resaltado de sintaxis de PHP.

PHP-Beautifier: http://beautifyphp.sourceforge.net/

A pesar de que PHP-Beautifier puede reformatear scripts escritos en PHP 4, e incluso 3, se recomienda utilizar Beautify PHP para todo lo que no sea PHP 5.

Beautify PHP:
http://www.bierkandt.org/beautify/

SEM Tools de Marketleap

Marketleap, una compañía de SEM nos ofrece tres herramientas gratuitas para ayudarnos a conocer el estado real de nuestra página en los buscadores:

  • Keyword Verification: Comprueba si tu página aparece en las tres primeras páginas de resultados de los diferentes buscadores con respecto a una determinada palabra clave.
  • Search Engine Saturation: Comprueba el número de páginas de tu sitio indexadas en los diferentes buscadores
  • Link Popularity Check: te permite comprobar quien te enlaza y cuanto de popular es tu sitio comparado con la competencia

Despídete de los PopUps con DOMinclude

Todos sabemos que los popups son un asco, la mayoría de los usuarios los ignora para simplemente cerrarlos y el resto los bloquea automáticamente con su navegador. A pesar de todo, en muchas ocasiones nos interesaría utilizar un popup para mostrar alguna información adicional sin que el visitante tuviese que abandonar la página o abrir otra ventana de su navegador.

Captura del efecto de DOMincludeDOMinclude es un script que nos permite abrir archivos adicionales, como por ejemplo fotografías o imágenes, en una nueva capa dentro del documento. Cuando no se encuentra disponible el Javascript se abre un iFrame.

DOMinclude es muy sencillo de implementar en tus páginas, incluye lo siguiente en la cabecera (head) de tu documento:

  1. <script type="text/javascript" 
  2.   src="DOMinclude_config.js"></script>
  3. <script type="text/javascript" 
  4.   src="DOMinclude.js"</script>

Agrega la clase DOMpop a cada enlace en el que quieras utilizarlo

  1. <a href="saywhat.jpg" class="DOMpop">
  2. photo of a confused puppy</a>

Y edita el archivo DOMinclude_config.js para adaptarlo a tus necesidades:

  1. DOMinccfg={
  2. // Clases CSS
  3. // que activan DOMinclude
  4.   triggerClass:'DOMpop',
  5. // class del popup
  6.   popupClass:'popup',
  7. // class del enlace cuando el popup
  8. // está abierto
  9.   openPopupLinkClass:'popuplink',
  10. //texto para añadir al enlace cuando el
  11. // popup está abierto
  12.   displayPrefix:'Ocultar ',
  13. // filtro para definir que archivos no deberían
  14. // abrirse en un iframe
  15.   imagetypes:'jpg|JPG|JPEG|jpeg|gif|GIF|png|PNG',
  16. // dimensiones del popup
  17.   frameSize:[320,180]
  18. }

Descarga DOMinclude

Enlace, ejemplos y explicación original en inglés:
http://onlinetools.org/tools/dominclude/

WhatTheFont: reconoce tipografías

WhatTheFont Logo

Seguro que más de una vez has visto algún anuncio o publicación con una tipografía que te encanta. Buscarla manualmente puede ser un horror y casi seguro infructuoso.
What The Font es un servicio online desarrollado por Myfonts.com y la Universidad de Birmingham (Inglaterra) que te permite enviar una imagen con una muestra de texto que es analizada y contrastada con una base de datos para dar con el nombre de la tipografía.

Para obtener los mejores resultados posibles es conveniente consultar las Notas de Uso, que nos indican los tamaños máximos y mínimos aceptados y algunos trucos para conseguir resultados adecuados y búsquedas ágiles.

WhatTheFont: http://www.myfonts.com/WhatTheFont/

Scriptomizers: Herramientas para generar código

Scriptomizer Logo

Si necesitas ayuda para crear algún trocillo de código que dé vida a tu sitio web, Scriptomizers puede venirte bien. Se trata de un conjunto de herramientas que te permiten, con sólo introducir tus parámetros por medio de un formulario, crear snippets de CSS, HTML o Javascript personalizados y listos para colocar en tu página, entre otros:

  • Constructor de tablas
  • Diseñador de iFrames
  • Redirecciones HTML
  • Menús desplegables
  • Popups
  • Generador (básico, muy básico) de hojas de estilo
  • etc.

No va a construir una página por ti pero puede ahorrarte algo de tiempo, que siempre viene bien.

Scriptomizers: http://www.scriptomizers.com/