Webmaster Libre

Desarrollo web con software libre

Buscador

Archivo de Abril de 2007

Sticky Footer: Una solución sencilla para tus pies de página

Seguro que alguna vez te has visto en problemas para mantener el pie de tus páginas en su sitio, abajo del todo. Ya vimos, en este mismo blog, una aproximación que nos permitía conseguir que los pies de página se mantuviesen en su sitio. No obstante, aquella solución nos obligaba a emplear atributos de estilo propietarios y no válidos.

Ryan Fait llega a otra solución que, en lugar de requerir etiquetas no válidas, requiere un div extra y poco más.

El CSS es algo tan simple como:


* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em; /* el margen inferior es el valor del pie en negativo */
}
.footer, .push {
	height: 4em; /* .push y .footer deben tener la misma altura*/
}

Pero lo mejor es que veáis el ejemplo y echéis un vistazo al código.

Optimizando tu Javascript y CSS en cuatro pasos

Cada día creamos archivos más grandes para nuestros javascripts, más scripts, mas css… Todo parece crecer sin límites salvo el ancho de banda y la paciencia de nuestros usuarios.

Mojo Seifi nos deja una cómoda rutina de cuatro pasos que hará a nuestro código ser ligero y rápido como el viento:

  1. Valida tu código: Un código malo y lleno de errores terminará acarreandote problemas. Para validad tu javascript puedes utilizar herramientas como JSLInt
  2. Une tus archivos: Si tienes 3 archivos para tu Javascript y otros 3 para tus CSS el servidor debe responder a 6 peticiones. Unifica tus archivos en un solo Javascript y un solo CSS
  3. Encoje tu código: Utiliza herramientas como JsMin o CSS Optimiser para eliminar los espacios en blanco, comentarios y, en general, todo lo sobrante de tus archivos Javascript y CSS
  4. Comprime tu código: Si tu servidor lo permite, sirve tus archivos comprimidos como gzip


How To Boost your Javascript and CSS Performance

Trucos para Firebug

Firebug es, sin duda, una de las herramientas más potentes y conocidas para controlar la calidad de nuestro código. No obstante, la curva de aprendizaje para sacarle el máximo partido puede ser un poco pronunciada para algunos. Por eso, aquí os dejo el enlace a una interesantísimo artículo con trucos para Firebug, que nos ofrece generosamente Mojo Seifi

The Web Design Survey: la encuesta anual de A List Apart

Seguro que más de una vez os habéis quejado de que, si bien desarrolladores web hay desde hace muchos años, aún no se nos da la calidad de profesionales que tienen otros campos (¿a quién no le han dicho “bah eso lo hago yo”?).

Como consecuencia de la falta de información actualizada, veraz y auténtica sobre el trabajo de desarrollador web A List Apart vuelve con la encuesta del año: The Web Design Survey

Sin duda una forma de darnos un poco a conocer y, de paso, conocer a los demás “colegas” del sector.

Yo ya he hecho la encuesta del año 2007

Yo ya la he hecho, tu deberías

gURLChecker: comprobando tus enlaces desde Gnome

gURLChecker es una cómoda herramienta que nos ayudará a los usuarios de Gnome a verificar los enlaces de nuestros sitios web.

gURLChecker

Con gURLChecker podrás comprobar sitios enteros, páginas concretas de los mismos e incluso los marcadores de tu navegador, todo mediante un cómodo interfaz gráfico.

gURLChecker: http://gurlchecker.labs.libre-entreprise.org

Nota: Al intentar instalarlo en Ubuntu 7.04 me da errores de dependencias irresolubles, seguiré investigando porque la aplicación tiene muy buena pinta.

Gracias a enxebree me he enterado que está en los repositorios, si es que cuando yo digo que lo mío es complicarme por gusto…

Open Webmastersuite: Una suite completa y multiplataforma

Open Webmastersuite nace de la unión del editor (X)HTML-Format y la herramienta de análisis Webanalysis.

Ambas herramientas son software libre y totalmente multiplataforma al estar desarrollados en Java (como consecuencia también son un poquito pesadas).

Individualmente, ambos programas tienen características interesantes:

(X)HTML-Format

(X)HTML - Format en Windows Vista

  • Potente sistema de gestión de proyectos
  • Resaltado de sintáxis personalizable
  • Diálogos de entrada (por ejemplo para introducir listas, crear nuevos documentos…)
  • Expansión sencilla del editor mediante etiquetas personalizadas
  • Atajos de teclado
  • Auto formato

Webanalysis

Webanalysis en Windows Vista

  • Analiza dominios completos
  • Chequea enlaces en busca de enlaces rotos
  • Chequea enlaces localmente
  • Comprobaciones antispam
  • Analisis del web ranking

MOle: Decubre como interactuan los usuarios con tus aplicaciones en Rails

A través de Ribosomatic conozco este interesante plugin para Ruby on Rails: MOle.

MOle: Inspect the Rails

Con MOle podrás tener una idea clara de como interactúan los usuarios con tu sitio, sabrás si esa nueva característica que has incluído es un éxito o un fracaso inmediatamente.
Como dice su autor:

This is not yet another page hit or heat map type plugin, within a few steps you will be able to monitor your users interactions LIVE and assess your application usability from the comfort of your own machine…

Este no es otro plugin para [contabilizar] page hits o del tipo mapa de calor, en unos pocos pasos serás capaz de monitorizar las interacciones de tus usuarios EN VIVO y asegurar la usabilidad de tu aplicación desde el confort de tu propia máquina

Para saber un poco más como funciona podéis echarle un vistazo al vídeo de MOle en YouTube

Alexa contra Statsaholic: Abusones en la web 2.0

Alexa contra Statsaholic

Supongo que, a estas alturas, todos conocemos el servicio Statsaholic (anteriormente conocido como Alexaholic). Es un estupendo ejemplo de lo que somos capaces de hacer los desarrolladores independientes con las bondades de los APIs abiertos y demás.

Hasta aquí, todo era una historia normal en los días que corren, mashups y más mashups, hasta que un día alguien en Amazon se levanta con un mal día y comienzan a lloverle los problemas a Ron Hornbaker.

Primero le obligan a cambiar el nombre de dominio, luego comienzan a bloquearle los gráficos y, finalmene, como colofón a una política absurda, le demandan.

La base de la demanda es ridícula y, según avanzamos leyendola, nos encontramos con una cuestión curiosa: le demandan por infringir la propiedad intelectual de sus datos. ¿Sus datos? Tomando en consideración que Alexa/Amazon obtienen todos sus datos sobre tráfico de voluntarios que instalan la barra de Alexa en sus navegadores, ¿de verdad les pertenecen esos datos?

En la blogosfera angloparlante se está gestando un boicot, desinstalación masiva de barras de Alexa y que se saquen los gráficos de donde puedan. Yo ni siquiera la tengo instalada pero, a los que la tengáis, os insto a cortarle el grifo a una empresa que ataca con furor a un simple desarrollador, no aceptando acuerdos e, incluso, acudiendo a una conferencia sobre web 2.0 con buenas palabras sobre APIs abiertas y una denuncia como esta bajo el brazo.

¿Será esto lo que nos espera en “la Web 2.0″? ¿Usa mi API siempre que no te salga mejor que a mi?

Si os apetece leer toda la demanda y darle vuestro apoyo a Ron podéis seguir leyendo en Mashable

WebBadges: mini banners ‘a la 2.0′

Si eres de los que disfruta compartiendo tus preferencias mediante mini banners en tu blog pero sientes que ahora desentonan con la nueva moda de la web 2.0 está enorme colección te va a encantar.

WebBadges es una galería con centenares de iconos divididos por tipo: sistemas operativos, editores, lenguajes de programación… Todos con un toque brillante muy moderno.

Badge Vertical Bluefish Aptana Badge

Lo que más me ha sorprendido, gratamente además, son los mini banners verticales. Yo por lo menos no he visto muchos por ahí.

Gracias a Nikko de Xyberneticos por el hallazgo

Google anuncia un nuevo API AJAX para Feeds

With the AJAX Feed API, you can download any public Atom or RSS feed using only JavaScript, so you can easily mash up feeds with your content and other APIs like the Google Maps API.

Con el API AJAX para Feed, puedes descargar cualquier feed público Atom o RSS usando solamente JavaScript, de esta forma podrás unir feeds con tu contenido y otros APIs como la de Google Maps

Sin duda una gran noticia para todos los desarrolladores que tienen que lidiar a diario con los feeds y su integración.

Anuncio Oficial: http://googleajaxsearchapi.blogspot.com/2007/04/announcing-google-ajax-feed-api.html


Google AJAX Feed API

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