Detectar los navegadores móviles en PHP

Que los dispositivos móviles, como los smartphones o las tablets, han llegado para quedarse es un realidad innegable. Para todos ellos existe varios sistemas operativos: iOS, Android, BlackBerry OS, Symbian, Palm… etc. A su vez, estos contiene aplicaciones, tales como los navegadores, que se han convertido en una de las aplicaciones más importantes de estos dispositivos. Disponer una versión para móvil de nuestra página web es muy recomendable y para poder mostrarla es necesario detectar cuando el agente o navegador proviene de una plataforma móvil. Hoy os presento Detect Mobile Browsers una web que, mediante un sencillo formulario,configuramos las acciones que se realizarán cuando se detecte el user-agent de navegadores móviles como el de iPhone, iPad, Android…

Formulario de captura

El resultado de completar el formulario es una función llamada mobile_device_detect con los parámetros adecuados para llevar a cabo las reglas configuradas. Dicha función se encuentra en un fichero PHP que podemos descargar. Para usarlo es necesario realizar un include:


require_once('mobile_device_detect.php');
$mobile = mobile_device_detect(param1, param2, ...);

En el fichero PHP que incluimos hay escritas una gran cantidad de expresiones regulares para detectar los principales navegadores. Además, si el user-agent no coincide con el de algún navegador conocido, emplea patrones usados por los principales operadores de telefonía en el user-agent de los sistemas operativos que personalizan.

El código generado se acompaña con una licencia propia que indica la posibilidad de usarlo en un sitio web sin coste alguno siempre que la web no presente actividad comercial.

Domain mapping en tu blog

Estoy finalizando la implementación de un nuevo proyecto y tras comprar el dominio, vavag.com, he comenzado a crear el “ecosistema” asociado a el: Crear una cuenta en Twitter, Facebook y un blog. Para este último, no voy a realizar ninguna instalación en el servidor que albergará el proyecto debido a que existen muy buenos servicios: WordPress, Blogger o Tumblr (No es propiamente dicho una plataforma blog).

El Domain Mapping permite crear dominios y subdominios apuntando a tu blog y  que las entradas publicadas empleen ese dominio. Más sencillo: Este blog se alberga en lennyvpg.wordpress.com, pero si deseo comprar el dominio blogextremo.com y que apunte a mi cuenta en wordpress, tengo que emplear el Domain Mapping. De las tres plataformas que he mencionado antes, wordpress es la única que cobra por este servicio: 12$/año y cuenta. El resto es completamente gratuito. Tras examinar Blogger y Tumblr me decanto por este último por acomodarse a mis necesidades actuales y por que me gustan los temas disponibles.

Realizar el Domain Mapping en Tumblr es sencillo. Es necesario acceder a la sección de DNS de tu servicio de dominio. Si el dominio es vacío (por ejemplo ejemplo.com) hay que crear un registro tipo ‘A-Name’ que apunte a la dirección que  Tumblr proporciona. Si estamos hablando de un subdominio: blog.ejemplo.com, habría que apuntarlo a la IP proporcionada por la plataforma blog. En mi caso, el registro de dominio lo he realizado en CdMon. Para configurarlo, hay que acceder a la opción ‘DNS Estático’, seleccionar el dominio y pulsar sobre el botón ‘gestionar’ y después ‘Añadir un registro A’. Una ves hecho esto, puede que sea necesario esperar unos minutos antes de que se repliquen los cambios en los servidores DNS. Para configurarlo en Tumblr, hay que acceder a ‘Customice’ y en la pestaña ‘info’, indicar que usaremos nuestro nombre de dominio ‘Use a custom domain name’. Escribimos el dominio o subdominio y tras unos segundos, todo funciona.

Recursos:

– Más sobre domain mapping

Selectores CSS

Los selectores CSS son cada vez más comunes para evitar la complejidad de lectura de un ficheri HTML. Gracias a ellos, y con un formato que guarda similitud con el de las expresiones regulares, podemos construir cadena que permiten aplicar un estilo a determinados elementos HTML. Este “lenguaje” también se emplea en sistemas de pruebas funcionales -functional test- sobre aplicaciones web, para determinar si existe un elemento como resultado de aplicar la prueba y probar que todo ha marchado bien. Por ejemplo, el método checkElement del sistema Lime, motor de pruebas de Symfony, emplea dichos selectores.

Dejo un elace a modo de resumen sobre la sintaxis de los Selectores CSS que ha creado anieto2K.

qooxdoo: framework js para aplicaciones RIA

Bajo un nombre para mí algo desacertado, se encuentra un framework javascript muy interesante. Permite crear aplicaciones web con aspecto similar a las de escritorio.

Se está empleando en grandes proyectos como eyeOS, el sistema operativo de la nube made in spain que tanto ha  gustado a IBM. La programación es sencilla. Emplea name spaces para organizar el código junto con las pseudoclases que permite javascript. En su web tienes varios ejemplos muy interesantes.

Recursos:

– API

Cómo llamar a una función Javascript externa a un iFrame?

Por si el título no queda claro, lo explico: Tienes un codigo HTML en el que declaras una función Javascript y despues tienes un iFrame que llama a una web y esta última hace uso de la función que previamente has declarado.

Es muy sencillo: parent.<nombre de la función>

Si queremos invocar una función de otro iFrame distinto que tenemos en la misma página:

parent.<nombre del iFrame>.<nombre de la función>

El nombre del iFrame es el valor que ponemos en el campo name:

<frame src=”miPagina.php” name=”laPagina”>

IE 8 ya dispone de una herramienta de depuración al estilo FireBug

Hoy en el trabajo he instalado la nueva versión del Internet Explorer de Microsoft -IE 8- y descubro que tras la tecla F12 se encuentra una herramienta de gran utilidad para depurar nuestras web. Aunque no posee toda la potencia del plugin de Firefox, facilita la depuración de aspecto de las web.

Caracteristicas más destacadas:

• Permite renderizar con dos motores: IE 7 e IE 8.
• Tiene un modo inspección que permite seleccionar los elementos del DOM HTML.
• Resaltar las celdas de las tablas, las tablas y los div.
• Inspector de estilos CSS.

Desventajas:

• No se pueden añadir estios de forma dinámica.

Conecta a Facebook desde Flash

Pieter Michels ha escrito una pequeña aplicación en ActionScript que permite conectar con el servicio Facebook. En realidad se trata de un contenedor que obtiene los resultados de llamadas Javascript a la API el servicio. Digamos que esta es la forma más rápida de integrar esta red social en Macromedia Flash.

Recursos:

– web y ejemplos de Pieter Michels.

Box2Djs: libreria Javascript con soporte para las leyes físicas de las fuerzas

Box2Djs es una libreria en JavaScript que proporciona las mismas funciones que Box2DFlashAS3 escrita en Flash. Permite interactuar con objetos teniendo en cuenta las leyes físicas de la naturaleza con respecto a las fuerzas  y colisiones ( Leyes de Newton). En la web tienes instrucciones de como instalarla y usarla.

Recursos:

– Web del proyecto.

– Vía: HackZine.

sfWidgetFormSelect: ¿cómo establer la opción por defecto?

sfWidgetFormSelect es un componente perteneciente a los formularios de Symfony framework y que se encarga de mostrar un HTML select. Para seleccionar la opción que se mostrará por defecto añadimos los siguiente en el código del formulario:

$sino = array(1 =>’si’, 0 => ‘no’);

$this->setWidgets(array(
‘prueba’ => new sfWidgetFormSelect(array(‘choices’ => $sino)),
));
$this->setDefault(‘prueba’,1); // con esto indicamos que muestre el valor ‘SI’ por defecto.

Compresor CSS: compacta los archivos de estilos al máximo

Esta es una de las muchas utilidades que debes tener a mano en caso de diseñar una web. Los archivos CSS estan presentes en cualquier diseño pero están llenos de comentarios, espacios en blanco, retornos de carro… Todo eso incrementa el tamaño final del fichero. Para disminuirlo y eliminar las partes innecesarias dispones de una utilidad online que te permite realizar todo esto.