Ya hemos hablado en este blog de bastantes sistemas de estadísticas para llevar la cuenta de los visitantes de nuestros sitios web.
PHP Web Stats es un sistema sencillo de implementar ya que no necesita bases de datos, en su lugar crea sus propios archivos de log a los que luego podremos acceder mediante su interfaz web.
Como suele ser común a este tipo de estadísticas, para que funcionen tendremos que insertar un código en nuestros sitios web, la diferencia está en que si el usuario tiene deshabilitado el javascript el sistema llamará al archivo PHP directamente con lo que también podremos llevar la cuenta de esas visitas.
A pesar de su sencillez tiene todas las características básicas de estos sistemas: exclusión de las visitas del administrador mediante cookies o ip, distintos módulos de estadísticas.
PHP Web Stats: http://www.php-web-statistik.de/index-english.html
Supongo que a estas alturas no hará falta que comience este post con una parrafada sobre lo malo que es el javascript cuando va entrelazado al código HTML de un sitio y la importancia de separar las diversas capas de una web.
Si estás dando el paso a un javascript más limpio y no obstructivo te vendrá bien el Obstructive Javascript Checker.
Distribuido como script para Greasemonkey, comando para Ubiquity o extensión para Firefox, se encargará de resaltar el javascript en línea y los enlaces javascript:. Sin duda bastante más cómodo que habilitar y deshabilitar el javascript o navegar entre el código fuente.
Obstructive Javascript Checker: http://www.robertnyman.com/obtrusive-javascript-checker/
Vía 456 Berea St
Puede que los menús desplegables no sean el modo más adecuado de presentar varios elementos de un menú pero es cierto que cuando tenemos múltiples opciones y poco espacio son un recurso muy socorrido.
Si te has pasado tiempo peleando para conseguir menús desplegables sólo con CSS, que funcionasen en todos los navegadores y todo eso quizá para la próxima quieras probar con este framework css.
Viene cargado por defecto con unos cuantos estilos para tus menús pero crear un estilo nuevo es bastante sencillo y funcionará bien en todos los navegadores. Eso si, para IE6 necesitarás cargar también un fichero javascript también incluído.
CSS Drop-Down Menu Framework: http://lwis.net/free-css-drop-down-menu/
Si alguna vez tienes la necesidad de crear una tabla con horarios (como la programación de televisión, horarios de clases, de trenes…) echale un vistazo a este script.
Con él conseguirás horarios de aspecto agradable y que pueden navegarse cómodamente gracias a javascript.
El código generado es perfectamente válido y agregar nuevos eventos es un suspiro, además a cada evento puedes constar de texto o código HTML e incluso podrás agregar funciones a ese HTML.
Today’s Timetable: http://www.cod3.net/timetable/
Los acordeones son uno de esos recursos ya ubicuos en el desarrollo de interfaces web, al igual que los sistemas de pestañas, nos permiten introducir más información en menos espacio sin agobiar a nuestros visitantes.
La mayoría de sitios emplean acordeones asociados a librerías de Javascript como jQuery o Mootools y eso está muy bien cuando nuestro sitio va a emplear algunas de las funciones de estas librerías pero, si sólo queremos introducir un pequeño efecto puntual es como matar moscas a cañonazos.
Por eso me ha encantado este diminuto script de tan sólo 1.3KB que te permitirá disfrutar de unos preciosos acordeones animados sin necesidad de cargar tus webs de ficheros pesados.
Soporta múltiples instancias, usa listas de definición para el marcado y un sistema muy simple de hojas de estilo para la personalización.
Para inicializarlo sólo debemos introducir el siguiente código
var mySlider=new accordion.slider("mySlider");
mySlider.init("slider",0,"open");
Y el script se encargará de tratar con las listas de definición y agregar los eventos necesarios a los encabezados.
Funciona perfectamente en Firefox, Safari, Opera, Internet Explorer y Chrome.
A pesar de que a los feeds RSS les está costando convertirse en una tendencia de máxima adopción, los que si los usamos ya no podríamos vivir sin ellos. Casi todos los blogs y servicios web ofrecen suscripción a sus canales por este medio y no es extraño que queramos dar a nuestros lectores la posibilidad de suscribirse, no sólo a nuestro feed, si no por ejemplo a nuestro feed de Twitter o delicious ¿verdad?
Desde Komodo Media nos llega una forma sencilla y vistosa de ofrecer múltiples opciones de suscripción en un bonito widget gracias a jQuery.
Es compatible con todos los navegadores modernos, lo que deja excluído a Explorer 6.
jQuery Feed Menu: http://www.komodomedia.com/blog/2008/10/jquery-feed-menus/
Vía Webappers
Uno de los cambios que ha llevado a cabo AdSense en los últimos meses y que ha perjudicado bastante a los que trabajamos con él es la reducción del área clicable de los banners.
La mayoría de las veces se conseguían algunos clicks accidentales o no que no pinchaban directamente sobre el enlace.
La verdad es que la cosa funciona igual en cualquier web, a más grande sea el área a pinchar para acceder a otra zona más opciones hay de que los usuarios pinchen. No hay cosa peor que tener a nuestro “posible cliente” moviendo el ratón por media pantalla hasta encontrar el punto en que el cursor se convierte en manita y le avisa de que ha encontrado el enlace.
Big Target es un plugin para jQuery que te permitirá convertir tus bloques de contenido en “grandes enlaces”, por ejemplo cuando usamos un resumen para introducir los post y un link de “leer más” podríamos hacer que todo el bloque del resumen funcionase igual que el enlace y respondiese al click del usuario llevándole a la página en cuestión. Gran idea en espera que HTML5 nos permita convertir otros elementos, además de los a, en enlaces.
bigTarget.js: http://newism.com.au/blog/post/58/bigtarget-js-increasing-the-size-of-clickable-targets/
vía WebAppers
Siempre viene bien tener a mano una referencia donde consultar nuestras dudas, para todos los que ya habéis convertido al Firefox en la navaja suiza del desarrollo web os traigo hoy DevBoi.
DevBoi es un plugin que instalará una completa referencia de HTML, CSS, el DOM y Javascript en el sidebar de vuestro navegador.
Además de las referencias incluídas en la instalación estándard podréis ampliar su soporte a otros lenguajes como PHP o Ruby on Rails
Christian Effenberger es, sin duda, una referencia para todos los que estamos interesados en las transformaciones de imágenes en el navegador mediante Canvas.
Gracias a él, hasta los más torpes podemos disfrutar de efectos impresionantes con sólo incluir un archivo javascript en nuestros sitios y aplicar una clase (o varias para adaptar el efecto totalmente a nuestro estilo) a nuestras imágenes. Simple y realmente espectacular.
Esferas:
Con sphere.js
Fotogramas:
Con filmed.js
Diapositivas:
Con slided.js
En los navegadores antiguos degrada sin problemas.
Los efectos son gratuitos para sitios personales y no comerciales. Para otro tipo de sitios, incluidas las webs con banners, existen licencias comerciales que tendrás que hablar directamente con el creador.
No hace demasiado veía por ahí una oferta de trabajo (por cierto, busco trabajo por si alguien me quiere contratar) en la que pedían un desarrollador de front-end que fuera un fiera y que ya estuviera interesándose en CSS3 y HTML5.
La nueva especificación parecía haber despertado un nuevo interés por nuestro querido lenguaje de marcado y la gente empezaba ya a frotarse las manos con las novedades y ventajas de su quinta versión.
Ahora, viendo que hasta 2022 nada de nada, supongo que los de la oferta de arriba querrán a ese desarrollador super moderno para que vaya educando a sus hijos para que, dentro de ni más ni menos que 14 años sean los que lo disfruten.
¿No es deprimente? Algunos habremos muerto para entonces (vale, exagero un poco), si de verdad los plazos son tan largos a mi me va a coger con la friolera de 43 años y no quiero ni pensar las edades de los que sois algo mayores que yo (sin ánimo de deprimiros ¿eh?)
Y yo entiendo que un nuevo estándar no nace de la nada y que, si el HTML 4.01 está implementado desigualmente en los diversos navegadores meterles novedades puede ser labor de años pero ¿tantos?
Vale, se supone que mucho antes (entre 2009 y 2012) ya habrá una especificación lo suficientemente madura como para empezar a trabajar con ella, incluso vemos a los desarrolladores de navegadores empezar a jugar con algunas partes de lo que está por venir. Aún así, dejando las cosas en el limbo tantos años ¿no corremos el riesgo de que proliferen las interpretaciones propietarias del estándar?
Con cosas así uno entiende que aparezcan fundaciones y organismos paralelos ¿verdad?
Vía Wisdump
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
Seguir @webmasterlibre
