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/

Formato pubDate en RSS

pubdate rss 480x332 Formato pubDate en RSS

Generador de blogs automáticos

Actualmente estamos trabajando en nuestro nuevo proyecto cOOmmunicate.com, cOOmmunicate es un sistema que permite generar blogs automáticos partiendo de cualquier fuente de noticias RSS.

El objetivo de cOOmmunicate es el de mejorar el posicionamiento de producto ofreciendo a nuestros clientes un sistema de blogs automático que no precisa interacción del cliente una vez configurado, es decir el mismo consulta clasifica y actualiza el blog por si sólo. Con cOOmmunicate podrás tener un blog sobre tu empresa o sector sin tener que dedicarle nada de tiempo, un blog que recibirá cientos de visitas al día en muy poco tiempo, una visita siempre puede convertirse en un comprador en potencia.

En nuestro proyecto vamos a utilizar el fichero RSS generado en una web de un cliente nuestro, Cablematic.com un mayorista de armarios rack y todo tipo de cables que utiliza nuestro sistema de tiendas online ecOOmmerce.com, el resultado será un blog con todas las novedades que introduzca el cliente en el backoffice.

Tras esta introducción comercial sobre nuestro nuevo producto vamos a la parte más técnica y aquella a la que podéis extraer un mayor provecho ya que es en este punto del desarrollo cuando hemos detectado la necesidad de convertir las fechas entre formatos mysql y formatos de fecha en RSS, a partir de aquí y tras conseguir realizar las correspondientes fórmulas de conversión de fechas publicamos el código básico para aquellos que tengan la misma necesidad.

Manejo del formato de fecha pubDate

El pubDate es una etiqueta de los archivos de sindicación de contenidos RSS, en esta etiqueta se coloca la fecha del artículo o post y posee un formato un tanto especial :

Sat, 09 Jan 2010 00:00:00 +0100

ó

Sat, 09 Jan 2010 00:00:00 GMT

Es decir:

Día de la semana coma número de día dentro del mes nombre del mes con tres letras año con cuatro números hora dos puntos minutos dos puntos segundos y GMT.

El problema o dificultad reside en como generar y manipular dicha fecha en PHP pues no existe un comando directo, si bien esto es una tarea más bien fácil os dejamos un apunte para aquellos que estén atascados con las conversiones de fecha en mysql, veamos un ejemplo:

Disponemos de una fecha en formato “date” de Mysql ej: 2010-01-01 y necesitamos convertirla a formato RSS para generar un rss de novedades de producto.

Para conseguir esto es suficiente con el siguiente par de líneas de código:

$mysqlDateStr = strtotime($mysqlDate);
$pubdate = date(‘D, d M Y H:i:s O’,$mysqlDateStr);

Este conversión la realizamos en dos pasos, primero convertimos en string el formato de mysql date para luego aplicarle el formato deseado, que no es otro que el formato pubDate de los RSS mediante el comando date de php.

En cambio si lo que tenemos en el origen es una fecha en formato TimeStamp deberemos utilizar el siguiente código:

$year = substr($timestampDate, 0, 4);
$month = substr($timestampDate, 4, 2);
$day = substr($timestampDate, 6, 2);
$hour = substr($timestampDate, 8, 2);
$min = substr($timestampDate, 10, 2);
$sec = substr($timestampDate, 12, 2);
$pubdate = date(‘D, d M Y H:i:s O’, mktime($hour, $min, $sec, $month, $day, $year));

En este código lo que hacemos es extraer cada parte del string en formato timestamp de mysql y lo convertimos en una variable aislada para finalmente formar una cadena de texto string con el comando de php date.

Ahora vamos a tratar el mismo problema a la inversa, es decir vamos a convertir una fecha en formato pubDate a un formato mysql:

$mysqlDate = date(‘Y-m-d H:i:s’,strtotime($pubDate);

Con este pequeño apunte ahora nos será más fácil y rápido convertir estas fechas.

Forzar la aparición de las barras de scroll con CSS

barra de scroll Forzar la aparición de las barras de scroll con CSS

En alguna ocasión te encontrás el siguiente escenario donde en determinados proyectos existe una clara molestia visual producida por los constantes salto en la maquetación del contenido que se desplaza unos 20 píxeles hacia tu izquierda al navegar entre una página y otra.

Este salto es normalmente producido por la existencia o no existencia de la barra de desplazamiento vertical o barra de scroll, una barra que quieras o no ocupa su espacio en el universo y como dice un tal arquímedes con su teoría sobre los líquidos esta barra desplaza el contenido tantos píxeles como volumen tiene la misma.

Aunque si bien este es un comportamiento natural, predecible y argumentable hacia tus clientes, el efecto que produce ese desplazamiento de contenidos es del todo indeseado y más aún cuando suele suceder desde la propia página de inicio o home donde muchos maniáticos de la comunicación, entre los que me incluyo, quieren poco texto poco espacio para evitar un exceso de información e invitar al cliente a profundizar, en páginas con más contenido y por tanto con la dichosita barra de scroll.

Pues bien, hemos acudido al dios salvador, que no es otro que el CSS y tachán la solución en tres líneas, y tan fácil como forzar la aparición de las barras sí o sí.

El código CSS:

html {
/* forzado de scrollbars */
min-height: 100%;
margin-bottom: 1px;
}

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

Mover grandes bases de datos MYSQL

Muchas veces habrás tenido la necesidad de mover alguna base de datos entre dos servidores, si la base de datos es pequeñita podrás atreverte con una exportación en pantalla de las tablas de origen para después pegarlas en la pestaña SQL del servidor destino, si bien esto es sólo hábil para pequeñas tablas o con paciencia ir haciendo diversos copy paste.

En tu ayuda existen soluciones como la de exportar la base de datos en un archivo .sql para posteriomente subirla al servidor final, ahora bien ese archivo por defecto debe tener un máximo de 2Mb. es entonces cuando decides exportarla en un archivo pero comprimida en formato .gzip, si bien esto da a veces algún problema entre phpMyAdmin de diferentes versiones también puede llegar a resultar insuficiente cuando tu base de datos sobrepasa los valores de subida del servidor y no tienes acceso a ellos.

Para solucionarlo te presentamos una clase escrita en PHP que te permite mover prácticamente cualquier base de datos, se llama BigDump Clase PHP BigDump (6)  y su funcionamiento es así de sencillo:

// Configuración de la base de datos

$db_server   = 'miservidordedatos.com';
$db_name     = 'mibasededatos';
$db_username = 'misuario';
$db_password = 'micontraseña';

// Otras configuraciones (Opcional)
$filename         = 'respaldo.sql.gz';

...

$db_connection_charset= 'conjunto de caracteres (latin1, utf8, etc.)';

Enlace:

http://www.ozerov.de/bigdump.php

http://infoaleph.wordpress.com/2009/02/19/bigdump-importacion-segmentada-de-grandes-bases-de-datos-mysql/

Página 1 de 41234