Webmaster Libre

Desarrollo web con software libre

Buscador

Archivo de Enero de 2007

10 reglas para crear tu código

El equipo de desarrollo de WeCreate ha hecho un listado de aspectos que debemos recordar a la hora de crear aplicaciones y sitios web: 10 rules to code by.
A continuación os dejo una traducción muy resumida, para la explicación exhaustiva ojead el artículo en inglés.

  1. Asume que todos los usuarios son el demonio. A pesar de que la mayoría de los usuarios son buena gente, corremos el riesgo de que alguno no lo sea por lo que ninguna medida de seguridad que tomemos es poca.
  2. Diseña para tus usuarios, no para programadores
  3. Sólo debes utilizar Javascript para mejorar los interfaces de usuario. Por muy 2.0 que sea tu sitio debe seguir siendo usable sin Javascript
  4. Haz una separación clara entre la lógica, la presentación y el interface
  5. Los estándares importan
  6. La semántica importa
  7. Documenta o muere
  8. Asegurar un sitio ocultando cosas no es seguridad
  9. KISS: Empieza simple y mejora después
  10. Aprovecha a tu equipo, están en tu mismo bando

Monkey Test: Automatiza tus test en Ruby

Monkey Test es una utilidad en línea de comandos que llevará a cabo todos tus test en Ruby y te dará un sencillo sumario en el que comprobar de una sola vez cómo va tu proyecto.

Captura de Pantalla de Monkey Test en uso

Monkey Test está disponible como gem en rubyforge y su instalación es bastante sencilla:

  • Para sistemas OS X y Linux:
    sudo gems install monkeytest
  • Para sistemas Windows:
    gem install monkeytest

Mas información sobre los sumarios que puede crear, instalación y descarga de paquetes en el sitio el proyecto, en inglés: http://monkeytest.rubyforge.org/

links for 2007-01-23

Mosquito: Verificación visual de tus sitios

Si has estado editando una hoja de estilo y temes haber roto unas partes al arreglar otras, si pasas horas comprobando si tus sitios se visualizan correctamente en cualquier situación y, además, utilizas Mac OS X, Mosquito puede ser una herramienta útil para tí.

Mosquito pretende automatizar tus chequeos, puede navegar por tu sitio, introducir datos en los formularios, presionar botones y hacer capturas de pantalla siguiendo las instrucciones de un script escrito por el usuario. Incluso puede hacerse correr por la noche y tendrá preparadas todas las capturas de pantalla para que las revises por la mañana.

Mas información en la página del proyecto: Mosquito: Visual site verification tool

Visiglyphs para visualizar IP

Ejemplo de VisiglyphVisiglyph es una implementación en PHP, creada por Charles Darke, de un patrón de 9 bloques que pueden generar una imagen basándose en un valor dado.

Los datos representados son los hash de las direcciones ip con una pizca de sal. Una implementación interesante es, por ejemplo, utilizarlo en los foros de discusión o en los comentarios de un blog para identificar de forma sencilla a ciertos trolls que postean bajo distintas identidades (a pesar de que «gracias» a los proxys no de una información muy fiable)

Ejemplo de uso de Visiglyph

En los comentarios del artículo original podréis descargar el código fuente para ir jugando.

Enlace: Visiglyphs for IP visualisation

12 etiquetas HTML que puede que no conozcas (o hayas olvidado)

Allá por el mes de Agosto del año pasado en SEOmoz publicaban un interesante artículo sobre 5 etiquetas HTML que puede que no conociesemos pero que deberíamos utilizar (nos hicimos eco en su momento)

Ahora, Cory Arthus añade unas cuantas más a la lista con su artículo: 12 HTML Tags You May Not Know (Or May Have Forgotten). En su artículo Cory, nos recuerda y recomienda las siguientes etiquetas, divididas en 4 grupos:

  • Código de Computadora:
    Las etiquetas code, kbd, samp, tt y var

    • code: código
    • samp: texto de ejemplo
    • tt: texto de teletipo
    • kbd: texto que debe ser introducido con el teclado
    • var: declaración de variable
  • Edición:
    A la hora de hacer revisiones a un texto contamos con 2 etiquetas del e ins. Con estas dos etiquetas podremos mantener constancia de los cambios.

    • del: Con esta etiqueta tachamos el texto que queremos corregir
    • ins: Con esta etiqueta damos constancia de que un texto ha sido añadido subrayandolo

    Recuerda que no es correcto utilizar estas etiquetas como medio para dar estilo a algún elemento. Utilizalas correctamente y usa las hojas de estilo para dar estilo (obvio ¿no?)

  • Dar crédito cuando corresponda:
    Las etiquetas q, cite y dfn nos permiten marcar el contenido citado y las definiciones, siendo esto algo necesario para los usuarios de lectores de pantalla.

    • q: El texto citado aparece entre comillas u otras marcas de citación (no funciona en Internet Explorer)
    • cite: Nos permite marcar el texto citado
    • dfn: Nos ayuda a marcar las definiciones
  • Abreviaturas y Acrónimos:
    • abbr: Nos ayuda a identificar y definir las abreviaturas, por ejemplo cia
    • acronym: Nos ayuda a identificar y definir los acrónimos, por ejemplo SCUBA

WeblogMatrix, selecciona el Weblog más adecuado para tí

Para sumarse a sus hermanas WikiMatrix, ForumMatrix y CMSMatrix (de las que ya hemos ido hablando en sucesivas ocasiones) nace WeblogMatrix.

WeblogMatrix Logo

Al igual que sus compañeras, se trata de una página que pretende ayudarnos a escoger el Weblog más adecuado para nosotros. De momento carece del asistente para elección (supongo que se implementará pronto) pero tiene de serie un buscador muy flexible

Anuncio en splitbrain: Blog Software Comparison

WeblogMatrix: http://www.weblogmatrix.org/

Disponible WordPress 2.1 «Ella» para descarga

Wordpress

Los chicos de WordPress llevan un mes hiperactivo y hoy nos dejan lista para descargar la nueva versión estable de WordPress bautizada Ella en honor a Ella Fitzgerald.

Entre sus novedades más destacadas:

  • Autosave, no pierdas nunca más un post
  • Nuevo editor con pestañas que permite intercambiar la vista del editor entre WYSIWYG y código
  • Posibilidad de utilizar cualquier página como página principal y dejar los últimos post en cualquier otro lugar
  • Mejoras en el código de la base de datos
  • Más AJAX
  • Mejoras en el gestor de archivos, permitiendo manejar más tipos de archivo

Además de incluir 550 fixes

Anuncio Oficial en el Development Blog.
Descarga WordPress 2.1

Un editor de imágenes online en AJAX con PHP y libre

Si ha habido un sector en el que han proliferado de forma espectacular las aplicaciones web es en el de la edición de imágenes online. No obstante, hasta ahora no se había liberado un script de calidad con el que pudiesemos jugar.

Peter Frueh nos regala bajo licencia LGPL un script que nos permitirá editar online imagenes jpg. El script formaba parte de un CMS y, a pesar de no contar con documentación, es muy sencillo de hacer funcionar.

Ajax Image Editor

Puedes ojear un ejemplo o descargar el archivo en el artículo original, en inglés:
Ajax Image Editor Using PHP

Via Ajaxian

b2evo 1.8.7 y 1.9.2

b2evolution logo

Una vez más los chicos de b2evo nos sorprenden con dos versiones hermanas: la 1.8.7 “Tokyo” y la 1.9.2 “Kyoto”.
Ambas incluyen mejoras de seguridad.

La versión 1.9.2 pasa a ser la nueva versión estable y, si te estás planteando abandonar la rama 1.8.x este puede ser el mejor momento

b2evo 1.8.7 AND 1.9.2 released!

Blogalaxia BlogESfera - Directorio de Blogs Hispanos Web Developement Blogs - BlogCatalog Blog Directory