uvedobles.com » mac

Tu Twitter tiene más relevancia que tu web

dedavid — Thu, 09 Dec 2010 07:15:36 +0000

Con este título quiero reflejar una verdad que he sospechado pero que no he constatado hasta ahora, tu cuenta de Twitter tiene más relevancia que tu propia web, así de contundente a la par que erróneo, más aún cuando nos referimos a un WebApp pues hoy parece que Google valora más una cuenta de Twitter que la propia aplicación web de la que se habla en esa cuenta de Twitter.

Para llegar a esta conclusión he investigado un caso de éxito de una aplicación web Picnik, uno de los editores de imagen más de moda del momento. Os paso unas capturas de pantallas de esta aplicación web antes de pasar a este breve análisis:

Y ahora la captura de home de la aplicación:

El Twitter ( http://twitter.com/picnik ) donde anuncian cambios y reciben sugerencias disfruta de nada más y nada menos que un PR9, es decir más que incluso Google.es e igual que Apple.com, mientras que la página web de la aplicación, ese picnik.com ( http://www.picnik.com/ ) tiene sólo un PR7. Dos puntos menos.

¿Qué vale hoy el Page Rank de Google?

En principio este hallazgo nos puede indicar que el Google Page Rank no es muy inteligente, pues valora más la palabra que el concepto, lo social que lo funcional. Si bien esto podría resultar correcto en otros casos, en una aplicación web es obvio que no, lo primero es la aplicación y lo que ella genera, es decir sus imágenes, no el palabreo de Twitter.

Un alivio para algunos de nosotros, los humanos, pues se demuestra que por mucho algoritmo que se meta de por medio al final el sentido común humano, ese sexto sentido que algunos tienen, parece irreemplazable o casi.

Aunque esto para mi, más que una falta de atino de los programadores del PageRank esto bien podría ser indicio de otros movimientos más ocultos de la todopoderosa Google, me refiero a desacreditar, des-posicionar a Facebook ante el resto de competidores sociales.

A esta acusación llego tras lanzar una búsqueda en Google bajo “picnik” donde tenemos más sorpresas con las que tratar de teorizar y sacar algo en claro de este experimento de media tarde antisiesta, fíjate que las dos primeras URLs que “escupe” Google están dentro del dominio de la página real de la aplicación, siendo la tercera la de la cuenta de Twitter con un mayor PR.

A mi desde pequeño me habían enseñado que ante dos páginas webs con el mismo contenido posiciona primero la que tiene el PageRank más alto, pues no. Queda claro que al menos en este experimento no es así y que quién hizo y defiende esta afirmación se equivoca, un poco, al menos.

Que no se le escape a nadie que en esta investigación Google posiciona a Twitter por delante de FaceBook y que el Picnik en Facebook sólo tiene un PR6 cuando al Twitter de Picnik le cascan un PR9.

Fíjate que Picnik en Twitter tiene 62.000 seguidores contra los más de 1.000.000 que tiene FaceBook hoy, de hecho son exactamente 1.086.000 y subiendo, es decir el pico, la calderilla es más que Twitter. Esta diferencia es grande, tanto como el plumero de Google, que de un plumazo parece querer intentar atar muy en corto a la red social, que se lo está comiendo, poco a poco.

Así que en resumen, el PR es importante, pero cada vez nos queda menos clara su utilidad real. Como segunda conclusión útil deciros que ahora toca Twitter, hacerse un hueco en Twitter como sea, pues el buscador Google continúa hoy presente como página home de la mayoría de hogares y empresas así que conocidas o intuidas estas nuevas reglas, comencemos la partida.

Páginas relacionadas con este artículo:

El mejor icono de papelera

dedavid — Thu, 11 Nov 2010 07:52:44 +0000

Este micropost es para mostraros el que para mí es a día de hoy el icono de papelera más bonito que he encontrado. Hay muchos, muchísimos pero este tiene un algo nuevo, más techie pero sin pasarse, de aspecto gomoso y suave en formas y degradado.

Pertenece a la colección Goblal Warming y es de libre uso personal, no comercial no obstante tanto la cole a la que pertenece que no llega ni a 10 iconos como la información sobre la licencia es escasa o inexistente en internet por lo que amigo, common sense please!

Páginas relacionadas con este artículo:

Instalar archivos .bin en Ubuntu

dedavid — Wed, 10 Nov 2010 07:49:29 +0000

En alguna ocasión te encontrarás archivos en internet para Linux bajo la extensión .bin por ejemplo nosotros hoy nos lo hemos encontrado en el Sencha Animator, un programa para crear animaciones bajo CSS.

Tras descargarlo no te servirá el doble click sobre el icono del archivo ni tampoco lo encontrarás en el gestor de paquetes así que deberás instalarlo por línea de comando.

¿Qué son los archivos .bin?

Los archivos.bin son archivos binarios que contienen tan sólo el programa principal, sin librerías ni otros subprogramas.

Instalar archivos .deb en Ubuntu

Para ello lo primero es identificarte como superusuario:

sudo -s

Introduces tu clave y después debes cambiarte al directorio donde tengas descargado el archivo .bin:

cd /home//Descargas

Ahora vamos a darle permisos de ejecución:

sudo chmod +x .bin

Y ahora vamos a instarlarlo:

sudo ./.bin

Ya lo tienes instalado, puedes borrar el .bin para ahorrar algo de espacio en tu disco duro y ahora tan sólo deberás encontrar el icono, si no se te ha instalado en las categorías de aplicaciones prueba a buscarlo en el escritorio.

Páginas relacionadas con este artículo:

Tipografía para programación

dedavid — Sat, 23 Oct 2010 07:06:30 +0000

Anonymous Pro es una tipografía o fuente de letra especialmente diseñada para programadores, así que si tú, de verdad lo eres, a que esperar para downladear esta maravillosa tipografía que hará que tus ojos estén siempre algo más descansados aunque te pases del tirón 10 horas delante del código… ejém, todavía no la hemos probado pero prometemos hacerlo en breve, para los más valiente, para los que les gusta ir de trans convertidos en conejillas del sudoeste de asia, es decir, los conejillas de indias, aquí la teneis: Tipografía para programadores (99)

Páginas relacionadas con este artículo:

Woz backs to Mac

dedavid — Tue, 19 Oct 2010 17:21:32 +0000

Si te preguntase, sin ánimo de ofender al gran y circular Steve Wozniak:

¿A qué animal te recuerda Woz?

Tu respuesta no sería… ¿a un Lion?

Señores… ¿no lo han captado? Woz Backs to Mac!

Es una conjetura… primero pensé que Apple me la dedicaba a mi, a sabiendas que desde enero de este año me vendí el último Mac que andaba por casa y ahora tan sólo tengo dos pececitos, y ambos con Linux Ubuntu pero siendo franco, creo que Jobs pasa algo de mi y esto del Back to Mac va por otros lares.

Así que tras darle más de una vuelta, tengo que decir que yo no me conformo con que Apple va anunciar el nuevo Mac OSX 10.7 y un par de MacBook Airs… tras recibir información intraplanetaria me doy cuenta de que mañana día 20 de Octubre de este año 2010 Steve Wozniak, el amigo Woz vuelve a Mac.

La verdad a Apple le hace falta, Steve Jobs, el dios Jobs, está ya gastadillo y cascao para aguantar el tipo durante todas y cada una de las keynotes, en una de estas con un estornudo de alguien sentando en primera fila se nos va volando, además cuando Jobs no ha podido estar en la palestra, al mando de las keynotes, estas pierden mucho, pero que mucho, aunque ese tipo orondo de marketing Phill Schiller no lo hace del todo mal aunque parece que a cada paso que da saca la lengua, además de su molestosas berrugas que a cada keynote son más, no se, creo que Woz le daría otra marcha a las keynotes y con ellas a las acciones de Apple.

Mírenlo que de que buena guisa viste para las mejores ocasiones, ¡si es que se parece al león de la metro!:

Mañana se desvelará el secreto, recordad, a las 19.00H hora peninsular comenzará la keynote “Back to Mac“

Páginas relacionadas con este artículo:

Recursos en HTML5 y CSS3

dedavid — Sun, 17 Oct 2010 18:18:17 +0000

Al rico recurso en HTML5 y CSS3:

HTML5 & CSS3 Resources for Designers
Updated: 2010-10-14 (new items highlighted below)
CSS3 Examples (including Media Queries)

http://thebox.maxvoltar.com/

http://hardboiledwebdesign.com

http://lostworldsfairs.com

http://www.informationarchitects.jp/

http://colly.com

http://hicksdesign.co.uk

http://jordandobson.com/better_rounded_border_demo/

http://www.designmadeingermany.de/magazin/5/

http://neography.com/experiment/circles/solarsystem/

http://neography.com/experiment/type1/

http://newadventuresconf.com/

http://maxvoltar.com/temp/nowplaying/

http://maxvoltar.com/sandbox/flipclock/

http://prandall.com/experimental/css3-backgrounds/

http://lab.simurai.com/css/umbrui/

http://trentwalton.com/css3/type/

HTML5 Examples (including Canvas)

http://www.chromeexperiments.com/

http://www.apple.com/html5/

http://www.apple.com/ipad/ready-for-ipad/

http://desandro.com/articles/close-with-canvas/

http://mezzoblue.github.com/PaintbrushJS/demo/

http://mugtug.com/sketchpad/

http://www.nihilogic.dk/labs/canvas2image/

http://www.rgraph.net/

http://videojs.com/

http://sublimevideo.net/

Tools, et al.

http://www.colorzilla.com/gradient-editor/

http://westciv.com/tools/

http://css3generator.com/

http://border-radius.com/

http://mothereffingtextshadow.com

http://modernizr.com/

http://selectivizr.com/

http://code.google.com/p/css3-mediaqueries-js/

http://code.google.com/p/ie7-js/

http://code.google.com/p/universal-ie6-css/

http://lessframework.com/

http://www.happyworm.com/jquery/jplayer/

http://macrabbit.com/cssedit/

http://html5reset.org/

http://html5boilerplate.com/

Representar teclas del teclado

dedavid — Wed, 06 Oct 2010 06:45:48 +0000

Hoy os traemos un CSS de un tal Michael Hüneburg que os permite displayar cómodamente combos de teclados, idóneas para manuales o instrucciones en formato HTML, típicas de “Presione CTRL + S para grabar…”

Este CSS convertirá esos textos en auténticas teclas de teclado estilo Apple Mac con teclado de aluminio, un CSS que ocupa na y menos y que por tanto podrás incorporar en tu propio CSS.

A continuación el código del CSS:

/**
 * KEYS.css
 *
 * A simple stylesheet for rendering beautiful keyboard-style elements.
 *
 * Author:  Michael Hüneburg
 * Website: http://michaelhue.com/keyscss
 * License: MIT License (see LICENSE.txt)
 */

/* Base style, essential for every key. */
kbd, .key {
	display: inline;
	display: inline-block;
	min-width: 1em;
	padding: .2em .3em;
	font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	border: none;
	cursor: default;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
kbd[title], .key[title] {
	cursor: help;
}

/* Dark style for display on light background. This is the default style. */
kbd, kbd.dark, .dark-keys kbd, .key, .key.dark, .dark-keys .key {
	background: rgb(80, 80, 80);
	background: -moz-linear-gradient(top, rgb(60, 60, 60), rgb(80, 80, 80));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(60, 60, 60)), to(rgb(80, 80, 80)));
	color: rgb(250, 250, 250);
	text-shadow: -1px -1px 0 rgb(70, 70, 70);
	-moz-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
}

/* Light style for display on dark background. */
kbd.light, .light-keys kbd, .key.light, .light-keys .key {
	background: rgb(250, 250, 250);
	background: -moz-linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));
	color:  rgb(50, 50, 50);
	text-shadow: 0 0 2px rgb(255, 255, 255);
	-moz-box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
	-webkit-box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
	box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
}

Te dejamos el enlace para la descarga: CSS teclas de teclado (75)

Páginas relacionadas con este artículo:

Generador de PDFs online

dedavid — Mon, 27 Sep 2010 07:41:59 +0000

Hoy necesitaba un PDF de cualquier cosa, aunque lo necesitaba totalmente neutro para no desviar la atención de mi cliente, se trata de una formación sobre la aplicación de tiendas online ecOOmmerce.com, concretamente debía formar a su equipo sobre la parte de la herramienta donde podemos añadir documentos en formato PDF a la ficha de un producto.

Esta particularidad del programa de tiendas online ecOOmmerce.com permite añadir hasta 10 documentos en cualquiera de los siguientes formatos, PDF, doc, zip a la ficha completa de producto, muy útil para productos técnicos que requieran de manuales, documentación técnica adicional o planos.

Así que en un momento previo a esta formación y tras no encontrar ningún PDF más o menos o neutro en mi ordenador portátil, me he preguntado, bueno lo reconozco, directamente se lo he preguntado a la todopoderosa Google, ¿Existe algún online pdf creator? Y la respuesta ha sido: anything2pdf, y eso literalmente significa:

Cualquier cosa a PDF

Y lo cumple, es una aplicación online sencilla y de esas que te saca de un apurillo en un plis.

El sistema, de muy fácil uso, permite crear un PDF desde un documento de Word o cualquier documento bajo extensión .DOC, desde un documento de texto o .TXT, desde una imagen o desde un fichero HTML. Lo subes, un par de clics, y tachán, PDF creado.

Previo a generarlo te permite elegir entre sus dos formas de conversión, la descarga del documento PDF o la grabación en internet del archivo para lo que te proporciona un enlace directo. Y todo eso te lo crea en un par de segundos.

No es en absoluto ningún alarde de tecnología, programación o buen hacer, pero se agradece mucho que alguien, no sólo piense sino que lleve acabo estas pequeñas herramientas que te sacan de un apuro, así, que amigo de anything2pdf… hoy en agradecimiento te llevas un click en tus adSense, cuesta tan poco ser agradecido. Gracias!

Enlace: http://www.anything2pdf.com/

El enlace a nuestro Quijote pedefedeado es: http://api.danielprocter.com/permalink/pdf/15035

Páginas relacionadas con este artículo:

Tecla mayor que menor que teclado Apple

dedavid — Mon, 20 Sep 2010 06:50:32 +0000

Bueno, este post es un tip, para aquellos locos que teniendo un Mac prefieran Ubuntu, y cada día son más, o para aquellos que teniendo un Mac, se venden todo los Mac y se pasan a Ubuntu, territorio de libertad, y cada día somos más, pero que se quedan ese bonito teclado de aluminio con teclas ultrabajas que te hace volar… y que ocupa poco, poquito en tu mesa de trabajo.

Ese teclado de aluminio, que en su día compré por unos 60 euros, ya ves como se las gastan los de la manzana, no funciona del todo bien bajo sistema operativo Ubuntu, intercambia las teclas “><” de al lado del Shift temporal por “\” la de al lado del “uno”, cosa que en principio puede no resultar preocupante, pero que si eres programador te proporciona demasiados momentos de sulfuro, y ganas de tirar el eso sí, bonito teclado, por la ventana.

Pues bien, tras tres largos segundos intentándom acostumbrar a ir a buscar esos signos, tan propios de mis sentencias IF bajo PHP, lejos, por allá arriba de mi teclado Eipel, me desesperé y comencé a buscar la solución por la red, un minuto después… <>>< toma! toma y toma!

Si quieres compatibilizar tu teclado Apple con tu Ubuntu Para empezar ves a Sistema > Preferencias > Teclado y seleeciona Apple Aluminium Ansi, luego te vas a un terminal y como superusuario:

sudo -s

Crea el archivo: “.Xmodmap” sin las comillas en tu directorio Home

sudo nano .Xmodmap

Añade estas líneas:

keycode 49=less greater

keycode 94=backslash bar

Reinicia sesión, y prueba.

Si no quieres reiniciar sesión también puedes hacer un:

xmodmap -e “keycode 49=less greater” && xmodmap -e “keycode 94=backslash bar”

Lo que este último es un cambio sólo temporal, es decir, en cuanto reinicies lo pierdes.

Páginas relacionadas con este artículo:

Motor para videojuegos bajo HTML5 y JavaScript

dedavid — Thu, 16 Sep 2010 07:49:26 +0000

Impact HTML5 Game Engine es un motor de videojuegos desarrollado por Dominic Szablewski de PhobosLab denominado http://impactjs.org/ que todavía, durante este mes de septiembre, aún no está disponible para la descarga, pero promete y mucho.

Permite animación, audio, sincronización de eventos, marcadores, editor de niveles y compatibilidad, mucha compatibilidad pues no precisa Flash utiliza tecnologías HTML5 y JavaScript. Lo primero que se viene a la cabeza es si funcionará con iPhone, iPod e iPad, y Android, debería, pero según cuenta Dominic, bajo iPhone 3G sólo da unos tristes 12 fps además de que tiene problemas con el audio, bajo Android o los nuevos iPhones e iPads todavía no lo ha probado, así que de momento no lo podemos afirmar.

Puedes dejarles tu email en su página web para que te avisen cuando esté disponible. y lo mejor de todo, durante la espera puedes echarte unas partidas al videojuego Biolab Disaster, una demo realizada enteramente por el creador de este game engine.

Biolab Disaster es un videojuego de plataformas con mucho sabor a pixel y una excelente jugabilidad.

Lo más interesante de este post es que te traemos un vídeo realizado por su autor con el “¿Cómo se hizo?”, no te lo pierdas empieza flojo, pero luego nos muestra parte del código, ideal para tomar buena nota.

Páginas relacionadas con este artículo: