Byte Me

Tips

Cómo validar si una página web cumple con estándares web

Por el 26 April, 2010, bajo la(s) categría(s) Tips

Los estándares web (HTML, CSS y JavaScript/ECMAScript) se están volviendo cada vez más populares entre las personas que se dedican a crear sitios y páginas web por varias razones: cada vez son más sofisticados, permiten una buena separación entre contenido, aplicación y presentación, es amigable con buscadores y es accesible para personas con algun problema o discapacidad visual, auditiva o motriz.

El problema con los estándares web son más recomendaciones que reglas y es fácil construir sitios web que no cumplan con estos estándares. Afortunadamente es fácil y gratuito revisar si una página web cumple con las recomendaciones además de que no son necesarios conocimientos técnicos avanzados.

La entidad que publica estos estándares, el W3CWorld Wide Web Consortium- creó una serie de herramientas en línea que permiten la revisión rápida de una página web sobre una tecnología específica. Basta con abrir en el navegador web la dirección del Validador Web del W3C, que se ve así:

image

En la cada de texto basta con escribir la URI (la dirección web) de la página que vamos a revisar y el reporte se generará en poco tiempo:

image
El reportenos indica que la página en cuestión (en este caso, el home del sitio de Byte Me) no pasa la prueba:

image

Algo importante de este validador es que nos entrega ayuda y guías para saber en qué parte de la página se pueden encontrar los problemas y cómo solucionarlos, siempre que tengamos acceso al código de la página:

image
En el caso de una página que sí pasa la prueba de estándares, el resultado se ve así:

image

En reconocimiento al esfuerzo por hacer páginas y sitios compatibles con estándares, W3C nos regala un botón que podemos pegar en el sitio Web:

image

¡Listo! El validador de W3C puede validar no sólo HTML/XHTML, sino también puede revisar archivos RSS/Atom para feeds, hojas de estilo CSS,
revisar si el contenido de una página se verá bien en un móvil o si tiene enlaces (links) rotos, además de varias herramientas adicionales.

Hay otros métodos para revisar si un sitio es compatible con estándares desde el entorno de diseño/desarrollo, pero esos los dejo para después.

Deja un comentario :, , más...

Cómo usar la Graph API de Facebook

Por el 21 April, 2010, bajo la(s) categría(s) Tips

facebook_logoLa nueva Graph API de Facebook es un intento de simplificar drásticamente la manera en que los creadores de sitios web leen y escriben información desde y hacia Facebook. La API presenta una vista simple y consistente de la información social en Facebook (el “social graph”) representada de manera uniforma como objetos (por ejemplo personas, fotos, eventos y fan pages) y las conexiones entre estos objetos (por ejemplo personas, fotos, eventos y fan pages).

Cada objeto en el graph tiene un ID único. Es posible llamar la información asociada a un objeto utilizando sólo URL, como por ejemplo https://graph.facebook.com/ID. En un ejemplo más concreto, la página oficial de la Plataforma de Facebook tiene el identificador 19292868552 y con él podemos obtener la información del objeto en https://graph.facebook.com/19292868552:

{

"name": "Facebook Platform",
"type": "page",
"website": http://developers.facebook.com,
"username": "platform",
"founded": "May 2007",
 
"company_overview": "Facebook Platform enables anyone to build...",
"mission": "To make the web more open and social.",
"products": "Facebook Application Programming Interface (API)...",
"fan_count": 449921,
"id": 19292868552,
"category": "Technology"
}

De forma alterna, las personas y páginas con nombres de usuario pueden ser llamados utilizando su nombre como identificador. Dado que "platform" es el nombre de usuario de la página que llamamos antes, el URL https://graph.facebook.com/platform nos regresará la misma información. Todas las respuestas son objetos JSON y se acceden de la misma manera. Algunos ejemplos que vienen con la documentación oficial:

Todos los objetos en FAcebook están conectados unos a otros por medio de relaciones, por ejemplo, Bret Taylor es fan de la página de Coca-Cola y Bret Taylor y Arjun Banker son amigos. Estas relaciones se llaman conexiones en el API. Las conexiones entre elementos se puede leer utilizando la estructura de URL https://graph.facebook.com/ID/CONNECTION_TYPE. Las conexiones soportadas para personas y páginas incluyen:

Todos los diferentes tipos de objetos y conexiones que están soportados se encuentran documentados en la documentación de referencia de la API de Graph.

Links de utilidad:

Deja un comentario :, , , más...

Cómo escuchar radio por Internet en un reproductor independiente

Por el 21 April, 2010, bajo la(s) categría(s) Tips

Me preguntan mucho sobre cómo hacer para escuchar radio por Internet –en particular QuiteLoudFM.com- desde un reproductor independiente como Windows Media Player, Winamp, Quintaessential Player, iTunes, Real Player, XMMS o cualquier otro, sin necesidad de abrir el navegador web y entrar a la página. Esto se resuelve de forma bastante sencilla y que reseño por si las instrucciones en la página de la estación no son suficientes.

Para el ejemplo voy a utilizar Windows Media Player, pero funciona en prácticamente cualquier reproductor de música MP3 en cualquier plataforma.

Primero hay que abrir el reproductor de música:

image

Vamos a abrir un stream de audio en formato MP3. La dirección del stream de audio de QuiteLoudFM.com está en la dirección http://quiteloud.serverroom.us:5870, y así la abrimos desde el reproductor de música con la opción File->Open URL (Ctrl+U):

image

En la caja de diálogo escribimos (o copiamos + pegamos) la dirección del stream de audio:

image

Después de dar clic en “OK” empezaremos a escuchar el stream de audio:

image

En algunos reproductores como iTunes o Quicktime es necesario direccionarlos a un archivo de playlist para que puedan leer el stream de audio correctamente. La dirección de este archivo de playlist se encuentra publicada en el servidor de stream en http://quiteloud.serverroom.us:5870/listen.pls

image
Eso es todo. En los próximos días publicaré guías sobre lo que hay que hacer para escuchar la estación en dispositivos móviles.

1 Comentario :, , más...

Cómo reparar un iPod congelado

Por el 16 April, 2010, bajo la(s) categría(s) Tips

El iPod se queda congelado: si el reproductor se queda congelado a la mitad de la reproducción y no responde, lo que hay que hacer es resetearlo, poniendo el seguro de la parte superior y quitándolo 3 segundos despues, y luego se oprimen al mismo tiempo la parte superior (‘Menu’) y la parte inferior (‘Play/Pausa’) de la rueda o click wheel. Si esto no funciona entonces hay que repetirlo presionando ahora el botón ‘Menu’ y el botón central. Esto debe reiniciar el iPod.

Sad IpodFolder con signo de admiraciónEl iPod no arranca: algunas veces después de resetear el iPod, después de mostrar el logo de la manzana muestra un icono de un folder con signo de admiración o de un iPod con exis en lugar de ojos (este es el icono del ‘Sad iPod’).Lo más conveniente aquí es conectar el iPod a la toma de corriente de la pared en lugar del USB. Si sigue sin responder, entonces hay que aplicar una actualización de firmware que está descrita en el sitio de Apple. Básicamente hay que bajar la actualización, instalarla en la computadora y formatear el iPod. Toda la música y las lista se perderán, pero el aparato regresará a la vida.

Sin señales de vida: si nada de lo anterior funciona y el icono de Sad iPod sigue mostrandose tércamente en la pantalla y al conectarlo a la computadora ésta no detecta el dispositivo y solo muestra el icono de la bateria cargándose pero sin movimiento, es ahora del último recurso: unos buenos golpes. Aparentemente dejar caer el iPod desde una altura de 8 cm (3 pulgadas aprox.) o darle golpecitos en la parte de arriba ayuda. Finalmente un buen golpe en el lado derecho del iPod parece ser lo que más funciona. Me sentí un poco excéptico al principio, pero después de leer que sí funciona decidí probarlo y sí, sí funciona.

Fuente original:

1 Comentario :, , más...

Cómo buscar en Twitter desde Google: Update Search

Por el 16 April, 2010, bajo la(s) categría(s) Tips

Google lanzó su servicio de Google Search Update, que integra dentro de sus resultados de búsqueda contenido proveniente de Twitter en tiempo real. Algo muy útil si consideramos lo limitado que es actualmente el servicio de búsqueda de Twitter.

Utilizar este servicio es muy simple. Empezamos por realizar una búsqueda en www.google.com:

image

La página de resultados sería algo similar a esto:

image

Ahora damos clic en el control “Show options” (en español “Más) para ver la barra de opciones de búsqueda:

image

De estas opciones seleccionamos la que se llama “Updates” (en español “Actualizaciones):

image

¡Listo! La lista se actualiza automáticamente. Jugando con las opciones se puede tener gráficas como ésta:

image

¡Diviértanse! ya tienen una nueva herramienta para analizar tráfico y tendencias.

1 Comentario :, , más...

¿Buscando algo en especial?

Usa esta forma para buscar dentro del blog:

¿Sigues sin encontrar lo que buscas? ¡Déjanos un comentario en alguna de nuestras entradas o contáctanos!

Sitios altamente recomendables:

¡No dejes de visitar estos sitios!

Archivos

Todas las entradas en orden cronológico...