Estructuras redimensionables para iPhone

framework web iphone Estructuras redimensionables para iPhone

Bueno, aunque el título reza que lo que hoy te traemos es exclusivo para iPhone, más bien es para cualquier tipo de dispositivo que disponga digamos de una pantalla especialmente pequeña o con unas proporciones diferentes a las habituales, incluídos los Androids, los aburridos Windows Mobile 7 y las gorditas Blackberries.

Se trata de un framework (un framework es una estructura de trabajo predefinida y un pequeño conjunto de utilidades básicas para el desarrollo enfocado) desarrollado bajo html 5 y compatible con casi todos los navegadores modernos y con el que gracias a él te podrás olvidar de las diferentes resoluciones para los diferentes dispositivos pues con este framework la web detecta la resolución de pantalla y autoadapta el contenido para que se visualice de forma óptima en el dispositivo lo que representa una clara mejora en la usabilidad de cualquier página web, blog  o aplicación web.

Este framework está compuesto por un par de ficheros CSS, un javascript y una forma de maquetar el encolumnado mediante CSS. Aún no hemos podido ponerlo en práctica por nosotros mismos pero en la web que enlazamos, la de sus creadores, puedes jugar a resizar (redimensionar) la ventana del navegador y ver como el contenido se adapta de forma perfecta a cualquier tamaño y proporción.

Aquí tenéis, listo para bajar un archivo zipeado con los ficheros del framework y un ejemplo: Framework web para iPhone (1)

Enlace: http://lessframework.com/

La mejor radio de internet

logo rockola 480x142 La mejor radio de internet

Excelente idea la de los chicos de Rockola.FM una radio en internet que a diferencia de otras radios como last.FM o incluso el propio Spotify no ralla al usuario con constantes logins, procesos de registro y cuentas premium, al menos hasta el momento, así que tan sólo apunta tu navegador a rockola.fm y a disfrutar.

La interficie si bien no es muy bonita es funcional, le falta un toco de criterio en su diseño, un diseño que incluso podría salir de su característico selector de música esférico, donde con su degradado arco iris podría llegar a bañar el logo de la empresa.

Es precisamente es ese selector el que le confiere toda la personalidad a esta atractiva forma de escuchar música, una idea genial a la vez que sencilla, mueves el selector para indicar tu estado de ánimo y a disfrutar de la música que más te va!

rockola la alternativa a lastfm 480x343 La mejor radio de internet

La aplicación también te permite acotar por años o por música española o extranjera, además si tienes un iPhone que sepas que tienen también una aplicación en la Appstore, y también es gratis.

Y para más colmo la descubrimos justo ahora, cuando desde nuestra workstation basada en Ubuntu no encontrábamos aplicación alguna que supliera el Spotify que teníamos en Mac antes de “la gran transición” a Linux que hemos acometido, además Last.FM nos había caducado y nos pedía no se que historias que no me daban ganas de leer, yo sólo quería no parar de bailar…y Rockola.fm llegó justo en el momento.

Plas, plas, plas.

Plantilla Wordpress optimizada para adSense

super raton Plantilla Wordpress optimizada para adSense

Hoy os traigo un experimento, se trata de una hackeo muy casero de una conocida plantilla para el sistema de blogs Wordpress. La imagen que acompaña a este post no es del todo apropiada porque lo que buscamos es un superclick y no un superatón, es decir nuestro objetivo hoy es conseguir el mayor número de clicks hasta reventar el CTR o clicktrought de Google adSense con nuestra página optimizadísima para adSense.

En capítulos anteriores, nuestro super ratón que no es otro que nuestro blog experimental:

Blog de iPhone

Conseguía un triste 0,87 clicktrought lo que nos equivale a 0.90 CPM ganancias por cada mil impresiones de anuncios. Con eso no tenemos ni para el hosting, ahora bien: ¿conseguirá super ratón llegar al soñado 20% de CTR?

Modificaciones en la plantilla para optimizarla de cara a adSense

Esta plantilla es muy sencilla, dispone de un sistema de dos columnas y un fondo 100% estilo iPhone. La llevamos aplicando hace ya algún tiempo en uno de nuestros blogs experimentales.

plantilla wordpress optimizada para adsense 480x374 Plantilla Wordpress optimizada para adSense

Dejamos a la vista anuncios textuales, excepto en el menú

Primero probamos hackeando el template e introduciendo un sistema de 4 columnas, el resultado era un sistema de menú más tres columnas con anuncios “Sólo de texto” en formato 160 x 600, de esta forma a excepción del menú lateral izquierdo todo eran posibles clicks pero no nos ha funcionado, la gente, los usuarios son demasiado listos y ya empiezan casi todos a diferenciar casi sin mirar, adSense de contenido real.

Podríamos integrar en la primera columna la que tiene el menú del blog una nueva tira de anuncios de texto, pero no,  no es posible pues adSense sólo permite 3 bloques de anuncio por página como máximo, también pensamos en pasar a un sistema de tres columnas en lugar de cuatro pero Google no dispone de ningún banner largo más ancho de 160 píxeles por lo que entonces el sistema cantaba en exceso, si bien podríamos haber incorporado una cuarta columna falsa y sin ser clickable decidimos dejar pasar el tiempo haber si ese CTR mejoraba. Un pimiento frito, eso es lo que podríamos haber comprado, aceite de oliva no incluído, con las ganancias por publicidad del mes de enero de este año.

Por fin hemos visto la luz, y hoy hemos cambiado nuestro sistema de optimización, ahora utilizamos sólo banner gráficos para las tres columnas y tres bloques de enlaces para el menú, con los banners gráficos la mosca de Google queda siempre abajo, de momento, y hemos eliminado esos primeros enlaces del propio block, ahora son enlaces patrocinados porque Google te permite 3 bloques de anuncios y 3 bloques de enlaces simultáneamente, posiblemente consigamos alguna mejora en el CTR, ya te lo comentaremos.

Camufla la publicidad todo lo que puedas

El sistema de los banner verticales extralargos no tiene otro objetivo que ofrecer más zona de click antes del scroll de la página, y si es posible en resoluciones de pantalla populares que la molesta mosca cojonera de “Anuncios de Google” o “Ads by Google” para las webs de lengua inglesa quedase fuera de la zona visible.

Transcurrido un tiempo, creemos que Google se percató y sí o sí pone su marca ahora siempre arriba en los banners de textos así que el sistema duró bien poco, volvemos al símil del ratón de la imagen que acompaña este post y curiosamente si nosotros seguimos siendo el ratón adivina quien es el perro, o era el gato, no se, esto de los refranes siempre me falla, tan sólo quería nuevamente alzarme contra Google.

Soñarás con esa mosca, cojonera donde las alla, pues por mucho que la intentes camuflar cambiando los colores de fondo, el estilo de letra, etc no conseguirás nada, porque esa maldita mosca de Google estropea cualquier intento, y no la intentes tapar con un div “position:absolute” por encima porque en menos de lo que piensas recibirás una advertencia de la todopoderosa, nosotros lo hemos intentado incluso con un sistema inteligente que era la repera y contemplaba 10 factores antes de tomar la decisión de taparla, navegador, sistema operativo, ip de origen, incluso la hora, las páginas vistas para al final generar un random del estilo número de 0 a 100 sólo si es mayor de 60 me tapas la mosca. Pero nada, recibimos un misterioso email amenazante.

Ser pequeño es lo que tiene, que tienden a ningunearte

Que diferencia resultaría para nosotros los pequeños si la todopoderosa nos permitiese cambiar ese texto por un “Enlaces Patrocinados” tal y como lo hace con las grandes cuentas, que lo hace con muchas de esas que tienen impresiones a patadas. ¡Maldito poder!

Un sistema que cumple con los requerimientos de adSense

No se si eres un publisher como nostros, es decir te dedicas a generar contenido y postearlo o sencillamente sindicas lo que dicen otros. Si es así lo más probable es que integres la fórmula adSense entre tus intentos de amortizar el esfuerzo e inversión que puede llegar a representarte tener tu blog al día.

Posiblemente conozcas aunque sea algo por encima las limitaciones de adSense, su política o requirimientos para que no te encuentres tu cuenta bloqueada de un día para otro.

Si bien podemos decir que nuestro sistema es totalmente legal, admitimos que roza todos los límites y es poco o nada considerado con el usuario su usabilidad es cero pelotero, viniendo a ser prácticamente como una página capturadora de clicks al más puro estilo de un parking de dominios de SEDO pero con contenidos 600 píxeles más abajo.

La fórmula es 3 + 3, o lo que es lo mismo tres bloques de enlaces más tres bloques de enlaces.

Sólo nos queda un paso, cambiar el cajetín de búsqueda por un bloque de búsqueda de Google.

Como podeis ver nuestro blog experimental ha vendido su alma a Google, lo que hay que hacer para entretenerse… pruebas, bienvenidos a la nueva categoría del “El gato y el ratón”

Formularios de recuperar claves olvidadas

formulario recuperacion de claves 480x450 Formularios de recuperar claves olvidadas

Las claves, dichosas claves que abren las puertas hacia tu información más íntima y personal.

Cada cual con su clave, desde aquellos usuarios que utilizan el número de Visa para todo, hasta los olvidadizos que recurren al número de su portal, los confiados que utilizan el nombre de su hijo, los que se sienten precavidos y añaden un número a su clave por aquello de tener mayores combinaciones, otros utilizan cálculos de mayor o menor complejidad, son los matematicosos (palabra acuñada en tiempo de ejecución… ;) ) para llegar a los mejores los randoms aquellos que la generan según sopla el viento, y por supuesto si no la anotan la olvidan en cuestión de días, si la anotan pierden mi adoración, si  son capaces de recordarlas por siempre me rindo a sus pies, yo sólo recuerdo y algo me cuesta la matrícula de mi coche, aunque ahora no recuerdo si finalmente vendí mi coche.

Ahora bien, para todos aquellos humanos de corta memoria y olvidadizos passwords se crearon los formularios de recuperación de claves, esos cerrajeros finos que sin dinamitar la cerradura cual hacker en tiempos modernos son capaces de enviarte de vuelta a tu dirección de email la llave que abre tu paso hacia tu información personal.

Y este artículo no va de otra cosa que de los formularios de recuperación de claves olvidades, los hay de todo tipo, algunos sofisticadísimos, otros aún recorren al viejo sistema de la pregunta secreta, si bien la mayoría han evolucionado hasta llegar al punto de inicio, escribe tu email, te lo envío con un enlace, pinchas en él y te cambio la contraseña por una que recuerdes mejor.

Así pues vamos a ver los diferentes formularios de recuperación de claves de los servicios más famosos de internet, los comentarios sobre los diferentes servicios son un tanto experimentales y aleatorios, haced omiso caso:

Recuperación de claves en Google

Primero la todopoderosa Google, el mal encarnado en bits y bytes

claves olvidadas google Formularios de recuperar claves olvidadas

Recuperación de claves en facebook

Después el fenómeno social, club de chafarderías mundial y el que derrotará a Google, posiblemente.

claves olvidadas facebook 480x336 Formularios de recuperar claves olvidadas

Recuperación de claves en Twitter

El listo de la clase, Twitter, el único que de momento cobra por ser indexado

claves olvidadas twitter 479x222 Formularios de recuperar claves olvidadas

Recuperación de claves en Tuenti

El club social de los que suben, de los adolescentes, de sabor español y gran proyección

claves olvidadas tuenti 449x480 Formularios de recuperar claves olvidadas

El formulario de la siempre elegante Apple, esa manzana que un día mordí y quedé prendado hasta que sólo Ubuntu supo rescatarme, aunque me planteo volver, el iPad, es, tán, chuuuulo. ;)

claves olvidadas apple 480x232 Formularios de recuperar claves olvidadas

Nadie usa ya el sistema de las preguntas secretas

En resumen, hoy nadie usa el sistema de las llamadas preguntas secretas, del estilo de ¿Cual es el nombre de pila de tu abuela materna? o ¿Cual es tu película favorita?

¿Por qué… te preguntarás?

Porque la respuesta deja de ser secreta en el momento que está escrita o que es o puede llegar a ser común entre muchos humanos, o no es “El Padrino” la película favorita de los muchos bípedos que pueblan el planeta.

Megamenus para tu web

megamenu para tu web 480x198 Megamenus para tu web

En más de una ocasión los abrás visto en diferentes páginas web, unos menús tamaño XXL que aparecen al situarte sobre una opción de menú de navegación más o menos discreta, donde al pasar el ratón por encima y por tanto realizar el correspondiente “over” pummmm megamenu en tus narices.

Entonces posiblemente abrás pensado si eso es bueno o es malo, si es usable o no lo es, pues como todo exceso al principio puede reproductir repulsión. A mi, el escritor de este artículo, no son muy de mi agrado si bien tras reflexionarlo quizá el gurú de la navegación Jacob Nielsen tenga razón y sean una de las formas más óptimas de navegar en una web con muchos enlaces.

Así pues que una vez Mr. jacob ha bendecido los megamenús para su uso vamos a darle una oportunidad, y mirad por donde hemos encontrado una web con una demos excelente, donde podemos ver un montón de posibles aplicaciones, la que más no a gustado además de la primera localizada en la opción “A” del primer menú, es la última demo donde lo que nos ofrece son direcciones físicas ordenadas alfabéticamente como si de un address book o agenda se tratase.

megamenu como libreta de direcciones 480x114 Megamenus para tu web

Enlace: http://www.ihwy.com/Labs/demos/current/jquery-listmenu-plugin.aspx

Página 1 de 11