La gente de A List Apart nunca dejan de sorprenderme, en esta ocasión leo un artÃculo de ellos en los que nos esplican una técnica para layouts, que se cambie su funcionalidad según el tamaño de la ventana.
El segundo ejemplo, que es el que más me ha gustado, cambia un diseño con varias columnas a un sistema de pestañas horizontales a otro verticales.
Switchy McLayout: An Adaptive Layout Technique
Si el otro día salía Open Graph de Facebook, ahora hay que ponerse a hacer aplicaciones para hacer uso de esta API, porque nos guste o no, Facebook nos puede aportar mucho a nuestra aplicación.
La verdad es que la API es muy sencilla: llamada http que devuelve JSON. Siendo la URL de la llamada de esta forma:
https://graph.facebook.com/ID[/CONNECTION_TYPE]Lo bueno es que el ID puede ser cualquiera: un usuario, una página, un status, una aplicación, … Y luego se le puede añadir el tipo de conexión para obtener los amigos, los vídeos, … de un usuario.
Uno de los mayores problemas con los que nos encontramos cuando estamos desarrollando una aplicación web es la compatibilidad con los diferentes navegadores, bueno, realmente la compatibilidad de estos navegadores con los estándares.
Para ayudarnos en esta lucha, nada mejor que esta serie de recursos:
Designing For Every Browser: How To Make Your Site Fully Cross Browser Compatible
VÃa / dzone
El otro día mi compañero David y yo estábamos mirando cómo hacer que cuando publicamos en Twitter desde la aplicación, no salga “from API”. Por lo que buscando buscando, encontré un plugin para WordPress que lo implementaba y luego David encontró la documentación necesaria.
Tan solo hay que indicar unas cabeceras HTTP y crear un XML que contiene información que leerá Twitter.
OpenLaszlo es un entorno de desarollo opensource para crear “rich Internet applications”, consistente en tres aplicaciones: Compiler para compilar el código fuente en formato Flash, Runtime Framework que incluye la interfaz de usuario y componentes para ser usados y Servlet que admite otros tipos de archivos, SOAP y XML-RPC.
Con OpenLaszlo puedes crear aplicaciones mediante XMLs y Javascript, hacer un deploy desde cualquier navegador o desde una aplicación de servidor J2EE o servlets.
Cuando se quieren evitar ataques XSS, normalmente en PHP se usan las funciones htmlspecialchars o htmlentities.
Ahora veo un ejemplo en el que un ataque puede evitar estas funciones cuando se crea la página con HTML no estándar. Tenemos el tÃpico ejemplo de un texto que se introduce por un formulario y se presenta como un enlace.
$dato = htmlentities($_GET['dato'], ENT_QUOTES);
echo "<a href=pagina.php?dato=$dato>Enlace</a>";Si os fijáis bien veréis que el enlace está mal formado y no tiene las comillas en el href. Si metieramos como dato de entrada lo siguiente: ” onclick=alert(null)” (sin las comillas), nuestra página sufrirÃa un ataque XSS y mostrarÃa un mensaje alert.
Firebug es una extensión de Firefox integrada en las que yo denominarÃa como “imprescindibles para el desarrollador web”. Su versión definitiva (1.0) está aún en fase Beta pero se puede trabajar con ella perfectamente.
Ya se ha hablado aquà sobre Firebug , hoy vamos a ver algunas de sus funcionalidades.
Las ventajas que presenta son muchas, aunque una de las más espectaculares, y que cualquier persona que se dedique a diseñar / maquetar webs debe conocer, es la de poder editar “en lÃnea” las hojas de estilo de una web, utilidad que cualquiera que de los que hemos perdido horas debugeando una página valoramos infinitamente.
Veamos cómo hacerlo.