uvedobles.com

Inspira, expira, inspiración en CSS

dedavid — Wed, 10 Mar 2010 09:24:09 +0000

Inspira, expira, inspiración en CSS expiración en HTML, te presentamos un punto de referencia indispensable así que a bookmarquearlo de inmediato.

Esta reseña se trata de la galería de CSS de los denominados premios CSS Los CSS Awards, así que tras los cacareados Oscars, ahora toca el tema de los CSS, and the winner is:

Enlace: http://www.thecssawards.com/gallery.php

Páginas relacionadas con este artículo:

Temas para Wordpress Bloc de notas

Iconos con gestures

dedavid — Tue, 09 Mar 2010 12:44:46 +0000

Los gestures o gestos los han puesto de moda los listos de Apple primero con su iPhone y luego con sus nuevos ratones y touchpads multitouch, hay que reconocer que en esto de innovar parten el bacalao los ingenieros de usabilidad de manzana mordisqueada, yo soy un confieso seguidor de la manzana que un día mordí y que me niego a abandonarla por mucho que ahora mi workstation esté basada en Ubuntu por diversas cuestiones, entre otras porque la experiencia de uso es casi identica a la de la manzana… además de tunable una experiencia casi inigualable… eso sí miro los acabados de cualquier iMac, los comparo con mi equipo actual y bueno… ¡lloro sin parar!.

Bueno sin más dilaciones vamos a ofreceros un ficherito para descargar con unos iconos vectoriales que ha realizado la empresa RLDinteraction os servirán para documentar juegos y aplicaciones de iPhone, Android o cualquier otro sistema que estéis desarrollando en dispositivos, repetid conmigo: multitauchhhhh!:

Descarga: Iconos con gestures (2) así que descargando que es gerundio.

Enlace: http://gesturecons.com/

Páginas relacionadas con este artículo:

Temas para Wordpress Bloc de notas

dedavid — Tue, 09 Mar 2010 07:14:05 +0000

Este tema para Wordpress nos ha gustado mucho, muy limpio y memorable.

Lo mejor de ello es que sus creadores, la agencia N-desing Studio nos ha dejado el boceto con las medidas y mejor aún el fichero PSD para que puedas modificar la plantilla con Photoshop o Gimp para crear tu propia variación sobre este tema, a nosotros ya se nos han ocurrido un montón, el más evidente desaturar ese amarillo estilo post-it y pasarlo a blanco marcando el rayado de imprenta que contiene con un azul más intenso, dejar una goma de borrar marca Milan algo sucia de usarla colocada en alguno de los márgenes, algún garabato por el papel y vaya… inspirarnos en los cuardenos que nos acompañaron durante EGB.

La distribución y maquetación de este tema de Wordpress para nosotros es perfecta, tamaño correcto, textos a la izquierda para facilitar la lectura y no tener que saltar el bloque de menú o sidebar con cada línea que el visitante lea, diferenciación visual entre fecha, título, breve del artículo. botones generales de navegación destacados en la parte superior y con un diseño muy Apple, todo a excepción del header que no aporta belleza alguna y diluye algo el buen efecto que puede causar este tema, un header que no mostramos en la captura y el fondo iMac translúcido

Aqui os dejamos el boceto o wireframe del tema para Wordpress comentado:

El fichero PSD para que puedas editar: Fichero Photochop tema Wordpress (1)

El fichero con el tema para Wordpress listo para uploadear: Tema Notepad para Wordpress (1)

Enlace: http://www.ndesign-studio.com/wp-themes/notepad

Páginas relacionadas con este artículo:

Base de datos Cassandra

dedavid — Mon, 08 Mar 2010 07:23:15 +0000

Migración de grandes hacia Cassandra db

Por la red ha saltado la alarma ya que Twitter pretende migrar al sistema de base de datos Cassandra, hasta la fecha los de Twitter confiaban en la base de datos mysql con un complejo sistema de Twitter.

No es la primera compañía que migra hacia Cassandra tras la adquisición de MySQL por Oracle, un movimiento que no ha sido del agrado de prácticamente ningún desarrollador, además con estos movimientos tan sólo acrecentamos el temor de que Oracle acabe ahorcando el proyecto libre MySQL en favor de sus sistemas de bases de datos de pago.

La base de datos Cassandra fue liberada por Facebook en el año 2008, en la actualidad es usada por servicios web de alto tránsito y de alta actividad en cuanto a base de datos se refiere, nombres como Rackspace, Digg, Facebook, Cisco, etc son algunas de las compañías que ya trabajan bajo Cassandra el echo de que muchas redes sociales de gran renombre la utilicen es garantía de su funcionalidad pues bien es sabido que tanto Twitter como Facebook y Digg son las aplicaciones web que mueven un mayor volumen de registros de bases de datos.

Características destacadas de Cassandra

Cassandra DB dispone de algunas características muy interesantes entre las que destacamos:

Tolerancia a fallos

Los datos son replicados en múltiples nodos de forma que si falla uno el sistema es capaz de leer los datos desde cualquier otro nodo sin problema alguno sin ningún tipo de downtime o tiempo de espera, elevando así el tiempo de operatividad muy por encima de MySQL.

Descentralización de los datos

Todos los clusters que conforman una base de datos disponen de la misma información por lo que los datos están replicados y se encuentran en todos los puntos aportando toda la ventaja que implica la descentralización de los datos.

Modelo de datos avanzado

Cassandra dispone de lo que se denomina un Rich Data Model es decir un sistema eficiente y simple para la ejecución de consultas a la base e datos.

Elasticidad

Te permite leer y escribir simultáneamente sin interrupciones.

Requerimientos de Cassandra

Servidor Apache, 1Gb. de mínimo de memoria RAM bajo entornos virtualizados, si el hardware es dedicado debería ser superior a 4Gb. de todas formas es habitual encontrarse cluster con 16 y 32 Gb. de memoria RAM.

A nivel de CPU Cassandra trabaja de forma excelente con sistemas multi-núcleo así que a mayor número de cores, mayor rendimiento. Así pues si precisas de un gran rendimiento, no te cortes y tira por sistemas de cuatro u ocho núcleos.

Capacidad de disco, ideal 2 discos por cada cluster, en uno se almacena el llamado CommitLogDirectory o fichero de registro de activicidad (log) y en el otro los datos o DataFileDirectories.

Sistema operativo, lo mejor un sistema operativo de 64bits, a mayor estabilidad mejor rendimiento. Por supuesto, Unix o Linux, incluído Mac OSX.

Enlace: http://incubator.apache.org/cassandra/

Páginas relacionadas con este artículo:

Estructuras redimensionables para iPhone

dedavid — Sat, 06 Mar 2010 07:31:39 +0000

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/

Páginas relacionadas con este artículo:

Formato pubDate en RSS

dedavid — Fri, 05 Mar 2010 07:39:35 +0000

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.

Páginas relacionadas con este artículo:

Asignar el mismo valor a varias variables

dedavid — Thu, 04 Mar 2010 16:13:23 +0000

Hoy hemos descubierto como asignar el mismo valor a un número determinado de variables de una tacada, estando en pleno proceso de desarrollo de una nueva verisón del carrito de la compra para nuestro sistema de tiendas online ecOOmmerce.com teníamos el siguiente código que corresponde a la asignación de datos de cliente para un pedido:

$address_name =
$address_address =
$address_cp =
$address_city =
$Saddress_location =
$Saddress_country_code =
$order_address =
$Saddress_name =
$Saddress_address =
$Saddress_cp =
$Saddress_city =
$days_delayed =
$expireOrderDate =
$creatorUser = ‘ecOOmmerce.com’;

Si te fijas las variables aún están definidas, pues algunas son fruto de un cálculo y teníamos que desarrollar el código, sin querer hemos grabado el archivo así, y al realizar un recargar en el navegador para ver el resultado donde pensábamos que apache nos iba a tirar un error de PHP por no tener esas variables definidas a excepción de la última PHP ha asumido que todas tienen el valor ecOOmmerce.com, el valor de la última, así amigos ya sabeis, para hacer una multideclaración de variables en PHP podeis utilizar este método, muy curioso, por cierto PHP 5 y Apache 2:

$variable1 =
$variable2 =
.
.
.

$variableN = ‘mismo valor”

Páginas relacionadas con este artículo:

Iconos de formas de pago

dedavid — Wed, 03 Mar 2010 07:59:23 +0000

Mirad que iconos de forma de pago os hemos conseguido! Son auténticos iconazos, realizados con mucho arte y que podrás disfrutar en resoluciones de 16 px, 24 px, 32 px, 64 px, 128 px, 256 px y 512 pixelazos.

Iconos para aceptar pagos de Mastercard, Visa, Paypal, Google Checkout, pago por cheque y transferencia, lo mejor de todo además de su trabajado diseño es que son totalmente libres es decir, los puedes utilizar en tu web o en cualquier otro lugar.

De la mano de IconShock aquí tienes el set completo zipeado listo para descargar: Iconos de formas de pago (1)

Páginas relacionadas con este artículo:

La mejor radio de internet

dedavid — Tue, 02 Mar 2010 09:41:33 +0000

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!

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.

Páginas relacionadas con este artículo:

Estructuras redimensionables para iPhone

Plantilla Wordpress optimizada para adSense

dedavid — Mon, 01 Mar 2010 07:13:24 +0000

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.

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”

Páginas relacionadas con este artículo: