Navegadores móviles, comparativa de soporte de DOM
Pues a raíz de un post de nuestros amigos de nbsp, os dejamos aquí un enlace que viene muy pero que muy bien a la hora de plantearnos qué podemos y debemos usar si vamos a desarrollar un sitio web para móviles como Dios manda, es decir, no automatizando procesos para generar una versión móvil de dudosa efectividad y calidad, sino hacer una adaptación completa del contenido y formas, para que la experiencia del usuario sea realmente interesante.
Personalmente soy ultradefensor de la creación de websites móviles realmente creados para ese medio, no solo por solventar las limitaciones con las que te enfrentas, sino porque puedes sacar partido a algunas otras características que se dan en un terminal y en una web no. De esta manera muchas veces las webs para móviles generadas con determinadas herramientas no logran solventar determinados aspectos necesarios si queremos que de verdad el usuario se sienta cómodo con la web.
En nuestro caso incluso siempre barajamos la posibilidad de dejar fuera determinados contenidos por no tener mucho sentido en el contexto móvil, y sin embargo a veces se añaden nuevos elementos o funcionalidades que precisamente cobran fuerza en este tipo de desarrollos… pero eso es materia para otro post.
Al grano, interesantísima comparativa de las capacidades de los navegadores móviles más comunes que nos permite tener una visión bastante clara de qué podemos hacer y qué no, dependiendo a qué terminales queramos llegar.
Como material adicional, la web padre del enlace que os proponemos, no tiene desperdicio ya que contiene una de las tablas comparativas más consultadas sobre compatibilidad de funciones y DOM entre diferentes navegadores,
Aplicaciones Flash que triunfan: Lovely Charts
Desde luego tener una buena idea no basta sólo para lograr llegar a buen puerto. Si a la idea le sumas una ronda para todos, un buen diseño, y una buena ejecución tanto en usabilidad como en programación, el resultado es algo… como esto: LovelyCharts
Lo primero que hice fue registrarme, a ver que me ofrecían de verdad sin poner ni un euro, y la verdad que lo que me encontré no estaba nada mal. Una herramienta para crear gráficos que realmente puede acelerar el proceso una vez que la pillas el tranquillo, unos gráficos muy currados en muchos de los apartados, y algunos conceptos aplicados a una herramienta interactiva que me parece necesario destacar:
- Semejanza con teclado llevada al extremo con respecto a aplicaciones de diseño habituales (espacio para sacar la mano y arrastrar, CTRL + C, CTRL + V e incluso CTRL + Z!!)
- Gestión de flechas de unión inteligentes.
- Zoom rueda de ratón.
- Selección múltiple arrastrando.
- Selección exacta con CTRL + click.
- Escalado de dibujo independiente del texto, yeap!
- Capacidades colaborativas, gestión de ficheros completa, comentarios, etc. en la versión premium.
- Exportado del diagrama para guardar en nuestro disco duro.
Luego ya entrando en la herramienta en sí, la cantidad de modelos predefinidos es muy interesante, y la calidad de los gráficos magnífica. Herramientas de alineación, color, bloqueo, agrupamiento, traer al frente y al fondo, etc… pero sin duda la herramienta que más satisfacciones me ha dado por el trabajo que veo detrás de ella, es la de las líneas de unión. Chapó.
Todo esto viene de un twitteo de Joan Ribas, al que tengo el gusto de conocer y del que tengo que decir, que merece la pena seguir en twitter, porque puedes obtener recursos y referencias muy interesantes 
Se puede pensar que faltan cosas como la posibilidad de importar tus propios gráficos, pero esto está reservado a una versión premium que por cierto tiene un precio totalmente asequible: 29€/año. Detrás de esto está This is Lovely de Jerome Cordiez. ¡Flash mooooolaaaaa!
El ojo derecho es mio y no puedo hacer nada por evitarlo
Por favor señores, es cierto que con mis ojos veo cosas, y que gracias a Dios puede que tenga cierta capacidad para reproducirlas… perdónenme y estaré agradecido porque el doctor que me atendió en el parto no le paso una receta a mi madre con el canon correspondiente…
Read more
snipt.net ya tiene un nuevo fan
Pues estos son los tipos de webs que me ponen cuando hablamos de utilidad para el programador, que mas quiero que ir a mirar y encontrarme perlitas como un PHP que ya me da los resultados de Yahoo Weather en un objeto usable, o unos cuantos patrones de diseño… ya montaditos…
Queréis lenguajes? Pues tomad: PHP, javascript, Python, MySQL, CSS, HTML, Drupal, WordPress, jQuery, Flash, Perl, Rails, Java, Plesk… y me dejo unos cuantos!
Algunos códigos que podemos encontrar la verdad que no aportan demasiado, pero hay otros realmente útiles, patrones de diseño, o incluso clases para tomar datos de webservices disponibles y que sea aun más facil usar los datos, como este que me ha gustado y hasta puede que lo use en breve…
P.D. Si tenéis otros recursos del estilo localizados, compartir…. no seáis tacañ@s!
Tutorial JSFL. Capítulo IV
Pues cuando parecía que este proyecto que comenzó nuestro amigo Luis, estaba pasando al olvido, ha vuelto con más fuerza que nunca para recordarnos lo útil y la de trabajo que nos podemos ahorrar con este tipo de herramienta en Flash.
En este tutorial se explica una introducción a la creación de paneles, tanto la estructura de los mismos, como dotarles de las funcionalidades que deseamos. Los paneles son películas SWF a las que podemos darle funcionalidad como lo hacíamos con los comandos. Un ejemplo habitual de panel que vemos normalmente y que estoy prácticamente seguro que forma parte de este grupo: es la pantalla de entrada de las aplicaciones de Adobe donde se nos deja elegir entre abrir archivos nuevos, existentes, etc… si buscáis por las interioridades de los programas veréis que hay un SWF por ahi que precisamente es esa pantalla.
Podéis ver el tutorial completo en la entrada del blog de Luis. Como siempre, muchas gracias a Luis por el fantástico trabajo que hace con estos tutoriales!
Códigos S60 Nokia
La verdad que no es que el contenido de este post sea algo demasiado interesante, pero teniendo en cuenta la importancia que han cobrado los móviles en nuestro dia a dia, no viene de más saber algunos códigos útiles para salir de alguna situación complicada. Pero lo reconozco, no estoy demasiado orgulloso de este post… pero llevaba demasiados dias en el draft… y era o borrarlo o publicarlo de una vez por todas… XD
Os dejo un enlace para que todos aquellos que tenéis un terminal Nokia de Series60, podáis saber hacer cosas como: ver la versión del sistema operativo, imei, dirección bluetooth del teléfono, dirección MAC, resetearlo como vino de fábrica (interesante cuando se nos ha quedado “atontao”), etc. mediante códigos alfanuméricos.
Tips terminales S60 de Nokia [en inglés]
Mamá, quiero ser Walt Disney
Recuerdo cuando era pequeñajo que me dedicaba a hacer sencillas animaciones en el pie de la mayoría de libros de texto que tenía en clase. De aquellas no tenía conocimiento teórico de la materia, obvio. Pero es sencillo imaginarse cómo crear movimiento mediante la ligera transparencia que existía al superponer una página encima de otra. Movía un poquito una patita, otro poco un bracito y así n-veces hasta hacer que los monigotes corriesen de un lado a otro del libro pegando volteretas y haciendo movimientos que nuestras leyes de la física pondrían rápidamente en entredicho.
Han pasado muuuuchos años y yo no he vuelto a animar en la vida. Tampoco es que haya dibujado mucho más la verdad. Por eso, este proyecto ha sido uno de los retos más difíciles con los que me he visto la cara hasta ahora.