PHP Web Stat: estadísticas de tu web en tiempo real

ByLuis

PHP Web Stat es una aplicación web que puedes instalar en tu servidor para poder visualizar las estadísticas de tus páginas en tiempo real.
No necesita conexión a una base de datos, dispone de una consola de administración sencilla, tiene protección por contraseña, se instala fácilmente y está disponible en varios idiomas.
phpwebstat.png
Y entre las funcionalidades que ofrece nos encontramos con informes sobre las visitas totales, diarias, del día de ayer, por meses, medias, impresiones, por sistema operativo, navegador, resolucion, URLs visitadas, motores de búsqueda o países.
PHP Web Stat
Vía / SmashingApps

Ubiquity: la web conectada la lenguaje

ByLuis

Ubiquity es un experimento de Mozilla Labs que pretende unir la web al lenguaje. Para ello han desarrollado una extensión para Firefox que permite eso mismo. Mediante frases de texto podremos indicar al navegador qué queremos.

Como una imagen vale más que mil palabras, os dejo el vídeo que han creado:

Ubiquity

Drizzle: MySQL para la web

ByLuis

Drizzle es de lo que más se está hablando últimamente dentro de los blogs sobre MySQL. Se trata de un motor de base de datos pensado para la web. Basado en MySQL 6, pretende llegar a ser más rápido que MySQL y admitir mucha concurrencia.

En base inicial, creado por una comunidad de desarrolladores liderado por uno de los fundadores y desarrolladores iniciales de MySQL, elimina de MySQL6 los triggers, procedimientos almacenados, las vistas, control de acceso, caché de queries y prepared statements, tan solo MyISAM con índices FULLTEXT.

Tiene muy buena pinta, ahora a ver a qué llega el desarrollo.

Más información

Drizzle

5 consejos para reducir la carga de la página enfocado a imágenes

ByLuis

Una cosa es realizar una aplicación o tener un blog y otra es que el número de visitas aumenten y tengamos que optimizar la carga de la página. Hay que intentar ganar rendimiento de cualquier forma, y una de estas formas es mediante imágenes, por eso estos consejos (que quizás sean un poco obvios) no vienen mal:

  • Evita usar imágenes complejas o grandes: cuanto más ligeras sean antes cargarán.
  • Optimiza las imágenes: existe diferentes formatos, y cada cual es conveniente en un caso. Los más usados son GIF, PNG y JPEG. JPEG y PNG tienen un valor de calidad de la imagen, reducirlo puede hacernos ganar algunos Kb y no perder en calidad.
  • Indica el tamaño de las imágenes en el HTML: así el navegador sabrá como repartir el espacio para la imagen antes de que cargue por lo que el render de la página será más rápido.
  • Precarga imágenes: aquí el autor dice un consejo un tanto peculiar, no sé si bueno o malo, pero sí interesante. Se trata de cargar imágenes grandes en páginas anteriores y asignarle el tamaño 1×1 para que no se vean y así esté cargada anteriormente. Eso sí, forzaría a que tire de caché para que no te la cargue dos veces.
  • Animaciones flash: si tienes que usar una animación no uses GIFs animados (sí, algunos te encuentras aún), usa flash, pero tampoco te pases.

Top 5 tips to decrease the load time of your websites via images

Amy Editor: editor web de código

ByLuis

Amy Editor es un editor colaborativo vía web que permite modificar documentos o código de forma colaborativa. Funciona en cualquier navegador, pero ya dejan claro que solo dan soporte a Safari y navegadores basados en Gecko, y que ni quieren ayuda para IE u Opera, ni dan soporte oficial.
amy.png
Soporta varios lenguajes de programación (C, C++, C#, JavaScript, Ruby, PHP, Java y HTML), esquemas de colores, internacionalización, snippets, abre ficheros vía FTP, blogs, locales, WebDAV. Además resalta la sintaxis, tabulación específica para cada lenguaje, marcadores, deshacer/rehacer y mucho más.
Una herramienta bastante interesante para realizar proyectos de forma colaborativa.
Amy Editor
Gracias diarioTHC por el aviso.

10 ficheros que debería tener cualquier web

ByLuis

Cuando se realiza una web suelen ser necesarios una serie de ficheros que en algunas ocasiones no existen:

  • 404.html: para mostrar un mensaje de error que indique que la página visitada no existe, algo que ocurrirá más veces de las que pensamos.
  • about.html: una buena página about ofrece información de forma rápida sobre lo que el sitio hace, indicando por qué ha sido creada, qué deben tener en cuenta los usuarios, algunos enlaces de navegación. Eso sí, ante todo debe ser concisa y no muy extensa, porque entonces la gente no obtiene la información deseada.
  • contact.html: información sobre quién está detrás de la página y un medio para comunicarse con ellos, ya sea por internet u otros medios.
  • copyright.html: protege tus contenidos, ya sea con copyright o Creative Commons, pero que quede claro a quién le pertenece el contenido y que se puede hacer sobre él.
  • index.html: aunque tu página principal no sea esa, es conveniente que este fichero apunte a tu página principal. Si se es generoso también habría que hacerlo con el fichero index.htm e index.cgi.
  • index.rss: para aquellos que quieren leer la información que se ofrece de forma rápida mediante feeds.
  • privacy.html: si vas a obtener información de los usuarios, es necesario indicar qué se va a hacer con esta información y cómo se va a tratar.
  • robots.txt: para que los contenidos que deseas de tu web sean indexados automáticamente por los buscadores.
  • security.html: el uso no es siempre el mismo, pero si existen temas que conciernan a la seguridad es conveniente usarlo, por ejemplo si se usan datos sensibles de los usuarios o si existen procedimientos de seguidad.
  • sitemap: un lugar donde el usuario puede tener un vistazo de la estructura general de la web y así poder moverse con facilidad.

Web development tips: Ten (or a few more) files every Web site needs

Recursos, plantillas y herramientas de diseño web open source

ByLuis

A pesar de la lucha entre el uso de software propietario y el open source, hay que reconocer que el que sea gratis no implica que sea malo, y para demostrarlo, una lista (que os resumimos) de herramientas para diseño web, directorio de plantillas y recursos open source.

The Open Source Web Design Toolbox: 100 Tools, Resources, and Template Sources

Vía / Digg

Hyperic HQ: monitoriza estructuras web

ByLuis

Hyperic HQ es una aplicación opensource que ofrece un portal diseñado para descubrir y empezar a controlar la infraestructura web de forma sencilla.

hyperichq.png

Descubre el software y hardware

Crea un modelo y muestra las relaciones entre en software, el hardware y los servicios de forma precisa. Detecta cada aspecto de tu hardware y software automáticamente, incluyendo memoria, CPU, disco, red e información sobre configuración y versiones. Genera eventos sobre cada cambio de configuración en cada recurso que se use y avisa a los administradores de sistemas. Comprueba el estado de los recursos de una forma simple desde el navegador.

Monitoria cada capa de tu infraestructura

Colecciona mediciones en tiempo real e históricas sin ser invasivo. Permite definir alertas que nos ayude a anticiparnos a los problemas. Compara métricas de diferentes recursos que nos permite comprender las interacciones entre ellos.

Registra todos los logs, la configuración y los eventos de seguridad

Muestra informes de detalles sobre cada evento generado. Refuerza las políticas de seguridad para detectar cualquier acceso no permitido.

Hyperic HQ

Vía / OpenSourceCommunity.org

Más consejos para mejorar la velocidad de tu web

ByLuis

Ya en otras ocasiones hemos hablado sobre cómo mejorar la velocidad de tu web, en esta ocasión os presentamos otra lista que han publicado en Ask Apache, algunas nuevas, otras ya conocidas y otras un tanto curiosas (como la recomendación de un hosting del que quizás algunos tienen una opinión diferente).

Para no repetir contenido, voy a comentar tan solo las nuevas o las que no hemos repetido demasiado:

  • Usa XHTML y no uses estilos en las propias etiquetas.
  • Usa subdominios separados para alojar las imágenes estáticas y los ficheros de caché. En este caso yo creo que no se trata de subdominios virtuales, porque estaríamos en las mismas, supongo que pretenden tener un propio servidor para este tipo de contenido, para no sobrecargar el mismo servidor web.
  • Usa direcciones IP estáticas para tu dominio web y subdominios.
  • Usa CDN (Content Delivery Network), una red de servidores conectados entre sí en Internet que envían el contenido al usuario de forma transparente, sobre todo contenidos multimedia que suelen pesar mucho más. Algo parecido sería usar balanceo de carga, técnica que también se usa en el CDN.
  • Evita el uso de ETags.
  • Crea Ajax que permita caché y que sea sencillo.
  • Yo añadiría separar en tres servidores: aplicaciones, web y base de datos.

Parecen buenos consejos, pero claro, en la mayoría de los casos no podremos llevarlas a cabo por falta de recursos, así que lo mejor es elegir un buen hosting para suplir la imposibilidad de tener un CDN o IPs estáticas u otras más.

Top methods for faster, speedier web sites

|

Publicado el borrador de WCAG 2.0

ByLuis

La W3C publicó el 17 de mayo el borrador de la Web Content Accessibility Guidelines 2.0 (Guía de Accesibilidad para Contenidos Web). En ella se muestran una serie de recomendaciones para realizar contenido Web más accesible. Existen una serie de personas con discapacidades y limitaciones que sufren de un contenido web poco accesible, y últimamente, debido a todo el boom de la web2.0, más aún.

Este documento sufrió críticas y parece que no han hecho oídos sordos a los comentarios de la comunidad y han actualizado la versión de este documento.

Las secciones del documento son las siguientes:

  • Introducción.
  • Guías: perceptibilidad, operabilidad, comprensión y robustez.
  • Conformidad: soporte a la accesibilidad por tecnologías web.

Web Content Accessibility Guidelines 2.0

Vía / 456 Barea Street