TOP

Script para detectar dispositivos moviles y redireccionar

mobil

mobil

 

Con este script podemos detectar un dispositivo movil y reenviarlo a otra dirección…lo cual es mas que obvio enviarlo a la versión movil de la aplicación,ya sea un subdominio u a otra carpeta

Muy util cuando estamos creando una versión movil ya sea en jquery movil u en otro framework

 
<?php    
 
 $es_movil=FALSE; //Aquí se declara la variable falso o verdadero XD 
  $usuario = $_SERVER['HTTP_USER_AGENT']; //Con esta leemos la info de su navegador 
 $usuarios_moviles = "Android, AvantGo, Blackberry, Blazer, Cellphone, Danger, DoCoMo, EPOC,
 
 EudoraWeb, Handspring, HTC, Kyocera, LG, MMEF20, MMP, MOT-V, Mot, Motorola, NetFront, Newt, 
 
Nokia, Opera Mini, Palm, Palm, PalmOS, PlayStation Portable, ProxiNet, Proxinet, SHARP-TQ-GX10,
 
 Samsung, Small, Smartphone, SonyEricsson, SonyEricsson, Symbian, SymbianOS, TS21i-10, UP.Browser,
 
 UP.Link, WAP, webOS, Windows CE, hiptop, iPhone, iPod, portalmmm, Elaine/3.0, OPWV"; 
 
//En esta cadena podemos quitar o agregar navegadores de dispositivos moviles,
 te recomiendo que hagas un echo $_SERVER['HTTP_USER_AGENT']; en otra pagina de prueba y veas la info que arroja para que despues agregues el navegador que quieras detectar     
 
$navegador_usuario = explode(',',$usuarios_moviles);   
 
foreach($navegador_usuario AS $navegador){ //Este ciclo es el que se encarga de detectar el navegador y devolver un TRUE si encuentra la cadena     
 
if(eregi(trim($navegador),$usuario)){     
 
 $es_movil=TRUE;       
}  
  }
 
 if($es_movil==TRUE){ 
 
   header('Location:http://Aquí va la URL de tu web movil'); 
 
} 
 
else{   
 
   header('Location:http://Aquí va la URL de tu web normal');
 
    } 
 
  ?>
Leer mas
TOP

Cómo crear temas de jQuery Mobile con Adobe Fireworks

jquery mobile

jquery mobile

 

http://revolucion.mobi/ esta presentando videos muy interesantes acerca del desarrollo para plataformas mobiles.En este video nos enseñan a como modificar los temas que vienen creados nativamente para jquery mobile con Fireworks en su version 5.5

Cambiar el theme es muy facil a travez de Fireworks 5.5 y junto a Dreamweaver 5.5 el desarrollo con jquery mobile .Al igual que jquery se esta volviendo en el gran estandar en los frameworks para javascript (más…)

Leer mas
TOP

Calendario Jquery UI configurado al español

jquer ui

jquery ui

 

Este es un simpatico calendario configurado al español para tus input en tus formularios.Es muy facil de usar y ademas es de facil configuracion.

Los themes están en el archivo demos.css los cuales puedes ir cambiando solo viendo la documentación del datepicker

Toda la documentación sobre el datepicker esta en la web de  Jquery UI

Aqui les dejo el demo

Aquí el archivo rar para descargar  
 

Leer mas
TOP

YouTube, cerca de un posible rediseño para integrarse más en Google+

toytybe

youtube

 

YouTube y Google+ están condenados a entenderse. La razón es más que obvia, Google quiere potenciar como sea su nueva capa social y YouTube necesita de esa capa social pues su interfaz siempre ha sido bastante cuestionada en estos menesteres. A pocos días de que la empresa del buscador compre Katango para mejorar el sistema de círculos, y poco después de que se estrenaran las páginas para empresas y marcas, parece que el siguiente paso podría ser un rediseño profundo del servicio de vídeos online para que los lazos entre este yGoogle+ sean mucho más profundos. (más…)

Leer mas
TOP

Gestor de noticias dinamico

jquery

jquery

 

Descripción y uso de un plugin para crear un ticker de noticias dinámico en jQuery, que muestra varias noticias en un espacio reducido, por medio de un scroll suavizado

El efecto es sumamente interesante recordando a un movimiento tipo Tween con actionscript3 muy profesional que podemos adaptar con por ejemplo imagenes,texto,etc

Descripción del plugin

Se trata de un sencillo plugin para hacer una presentación de novedades o noticias, de manera dinámica y con animaciones suavizadas. Las noticias rotarán, mostrándose con un scroll o desplazamiento en un espacio reducido, que es totalmente configurable por medio de estilos CSS. En resumen, este plugin produce de manera sencilla lo que se conoce como ticker de noticias, una de las aplicaciones más clásicas del HTML Dinámico.

Lo mejor para hacerse una idea exacta de qué hace este complemento es ver Ejemplo en vivo

(más…)

Leer mas
  • RSS
  • Facebook
  • Google+
  • LinkedIn
  • Twitter
  • YouTube
  • Vimeo