Pues seguramente un servidor…si es que estaba cantado!!.

Dejando a un lado toda la locura de rumores que hay en torno al *posible* nuevo aparatito de Apple, creo que es posible que el nuevo gadget de la gente de Cupertino sea todo un éxito, un nuevo punto de vista totalmente innovador a algo ya existente, como sucedió en su día con el iPhone.

Le he preguntado a mucha gente si se compraría el tablet y casi todo el mundo me responde los mismo: "sí y no".

Razones del SI:

- Si no vale más de 1000$

- Si no se trata de un simple iPhone tuneado el doble de grande

- Si puede usarse tanto para trabajar, como para leer o disfrutar de vídeo/audio etc.

- Si se le puede conectar un teclado y ratón externo.

 Razones del NO

- Las razones del no son justamente las contrarias a las listadas arriba, hay una posibilidad real de que Apple saque un iPhone de 10 pulgadas con menos potencia que un Atom de segunda.

 Yo me compraré el Tablet si el miércoles en la presentación cuando lo anuncien (esperemos), se me queda la misma cara que cuando presentaron el iPhone (y siempre que no valga más de 900€).

¿Y vosotros?

Grooveshark no es una novedad, ya lleva algún tiempo funcionando, pero es ahora cuando se está haciendo realmente popular (seguramente debido a la insatisfacción de los usuarios de Spotify).

Sus mayores virtudes son la amplitud de su catálogo (tiene muchas más canciones que Spotify de lejos) y sobre todo, no te mete publicidad de manera intrusiva, simplemente tiene banners que puedes quitar por 3$ al mes…no hay comparación

Lo que menos de Grooveshark es que es una web, y a mucha gente no le gusta tener abierta siempre una pestaña con el site o simplementele gusta más tener una app independiente para su musiquita.

Para solucionar eso vamos a usar Fluid, un estupendo programa que convierte tu site en una webapp en cocoa totalmente independiente del navegador, una gozada. Fluid tiene cientos de usos, pero hoy vamos a usarlo para convertir Grooveshark en nuestra app más molona.

Hay otras alternativas a Fluid, como pueden ser Mozilla Prism, todas hacen los mismo, así que os quedáis con la que más os guste

- Lo primero que hacemos es bajarnos Fluid, e instalarlo como cualquier aplicación.

- Una vez abierto, indicamos el site que queremos convertir en app, en nuestro caso http://listen.grooveshark.com 

- Ya, tenemos nuestra aplicación independiente para escuchar música…y que le dén a Spotify! 

Me considero un fan total de los ratones de Apple, de hecho he usado el Mighty Mouse™ desde que salió, (he tenido tres) , y siempre lo he defendido como el mejor ratón de todos los tiempos.

Cuando salió el Magic Mouse tenía clarísimo que iba a ser mío (es lo que tiene ser un fanboy) y tras de un par de días usándolo sin parar creo que es momento para dar mi opinión sobre el pequeño ratón:

  – El Magic Mouse™ es, sin ningún género de dudas, el mejor ratón de la historia. Si opinas lo contrario puede ser por dos razones: 1.- No lo has probado. 2.- Eres manco

  – El diseño es simplemente perfecto, es pequeño, mucho más ergonómico que su viejo hermano y mil veces más preci(o)so.

  – Los gestos se hacen totalmente naturales, sobre todo si vienes de un iPhone, toda la superficie del ratón es sensible a los gestos (+1000) , el scroll es 100% natural, incluso el movimiento de dos dedos se hace sin problema y el sistema lo detecta perfectamente.

  – Si vienes del Mighty Mouse echarás en falta el click del botón clitoriano, y si eras de esos que tenía hiperconfigurado los botones es posible que también eches en falta los botones laterales.

…creo ha quedado el post un poco "fanboy loca", así que tengo que hacer algo para compensarlo…

  – Es una vergüenza la distribución que Apple hace de sus productos, todavía hay listas de esperas para el iPhone 3GS y no hay manera de encontrar en ninguna tienda el Magic Mouse, una empresa que cuida tanto la imagen de sus productos no puede permitirse ese tipo de ridículos.

Ahora sí, mucho mejor

El caso es que pretendo que este espacio me sirva también para tener ordenado todos aquellos tutoriales, demos, prácticas varias o curiosidades con los que me he ido encontrado en estos tiempos, si de paso le sirve a alguien más, mejor que mejor.

Problemas con esquinas redondeadas, sean de la complejidad que sean:

Nifty Corners Cube: Los de toda la vida, los de la abuela, para hacer redondeos más o menos típicos

Shaded Border: Para los que buscan grandes emociones, con fondos degradados y demás historias.

Reemplazo de fuentes

Cufón: Mi nuevo muy mejor amigo, funciona generalmente bien (a veces se pega con otros niños-plugins) , es fácil de implementar y las librerias no ocupan demasiado

Sprites

CSS Sprite Generator: Reconozco que yo soy más de hacerlo a mano, pero una buena herramienta se agradece (no penséis mal leches)

Tooltips

Simpletip: Claro y consiso, para hacer tooltips, sin chorradas.

Beauty Tips: Todo lo contrario al anterio plugin, con todas las opciones y chorraditas varias que se puedan imaginar.

Lightboxs

Shadowbox: Muy chulo, con bastantes opciones 

Thickbox: El rey de la selva, básico fundamental en todos mis proyectos

Retícula

Jquery-reticulator: Basada en el reticulator de Ale Muñoz, una creación de Manuel Muñoz, básico para cualquier maquetación que tenga que estar al pixel.

Transparencias en IE6

IE Png Fix: Mi otro mejor amigo, este es el que te salva el culo siempre, especialmente cuando llegan diseños puteantes complejos.

Tablas Ordenadas:

Tablesorter: Salvador para aquellos proyectos llenos de tablas con datos de ordenados de usuarios y demás rollos

Bola extra: Google Buttons Style: Fáciles de implementar y quedan chulísimos en cualquier proyecto

La solución es fácil, con un simple plugin de jquery podemos darle el estilo que queramos, la forma es bastante sencilla:

Añadimos el plugin en el head de nuestro site, junto con el css básico al que luego podremos dar forma:

<script type="text/javascript" xsrc="jScrollPane.js"></script>

<link rel="stylesheet" type="text/css" media="all" xhref="styles/jScrollPane.css" /> 

Ahora solo tenemos que llamar al elemento de bloque, con overflow:auto, al que queramos dar estilo, si tenemos por ejemplo:

<ul class="lista_enlaces">

   <li><a xhref="link1.html">Enlace 1</a></li> 

   <li><a xhref="link2.html">Enlace 2</a></li> 

   <li><a xhref="link2.html">Enlace 3</a></li> 

</ul> 

La llamada será tal que así:

$(function(){	

    $('.lista_enlaces').jScrollPane();

}); 

¡Y eso es todo!

Más información: jScrollPane

Se trata de LibrosWeb.es, una web donde se puedes descargarte o leer online multitud de libros sobre XHTML, CSS, Javascript , Ajax etc etc.

Los libros se actualizan continuamente, están en castellano y te los puesdes descargar en PDF para leértelos por ahí, y lo mejor de todo, no están nada mal!

En SmileyCat nos enseñan que no hay trabajo imposible, si usted es capaz de probar todos los métodos y no encuentra la solución, no se preocupe, puede probar con esto, o quizás con esto otro ( ya nos contará que tal)

Más información | CSS Rounded Corners 'Roundup'

The 20 Most Practical and Creative Uses of jQuery

Una lista con los ejemplos más creativos de cosas que se pueden hacer con jquery

50+ Amazing Jquery Examples

El título lo dice todo, hasta 50 ejemplos prácticos de usos de jquery (Accordion, Slideshows, etc)

jQuery corners 

El eterno debate, si no te apetece hacer esquinas redondeadas con css, y no quieres usar las propiedades de css3, siempre puedes recurrir a jquery.

jQuery 1.2 Cheat Sheet

Una lista de atajos imprescindibles para trabajar día a día con jQuery (aunque acaba de salir jQuery 1.3)

No pretendo escribir sobre agradecimientos y buenos momentos (podría llenar varios posts solo hablando de eso), más bien me apetecía dejar plasmado en algún lugar mi experiencia y poder volver a leerla dentro de un año, al igual acabo de hacer ahora.

Me considero una persona afortunada en el terreno profesional, he tenido la suerte de conocer y trabajar día a día con lo mejor de cada casa, desde diseño a maquetación, pasando por programadores, diseñadores de interacción y jefes de proyecto.

A lo largo de este año he aprendido a trabajar en grupo, a formar parte de un equipo de desarrollo, a tomar decisiones y a ser independiente en mi trabajo, y entre otras cosas no menos interesante he formado parte de un equipo de fútbol, aprendido que son los Scrums, y el gran significado de sabias palabras como Twitteador® o Deployador®

Resumiendo, no quería llenar este post de agradecimientos…pero no lo puedo evitar, soy un romántico.

Gracias a:

Alberto, Cristina, Macla, Jero, Jorge, Ale, Luis, Joaquín, Adriana, Ana, Keko, Damaris, Cristina, María, Bea, Antonio, Diego, Álvaro, Blat, Ricardo, Aitor, Fernando, Roberto, Guillermo, Luis, Dani, Pepe, Juan, Nando, Gaizka, Alfredo y Mari Carmen.

Millones de gracias a mi compañero de maquetación Iván ( por tener que aguantarme cada día ).

Y por encima de todos, gracias a Mamuso, por tantas cosas que no sería capaz de enumerar.

PD: Volver a leer dentro de un año

No suelo poner muchos vídeos de series o episodios online en el blog, pero no he tenido más remedio que hacer una excepción con los chicos de Malviviendo, me quito el sombrero señores.

Malviviendo es una serie que han creado un grupo de jóvenes de Sevilla de la nada, sin presupuesto de producción, con pocos medios técnicos y con mucha imaginación, y es UNA PUTA OBRA DE ARTE.

El montaje está a la altura de cualquier serie americana de calidad y tanto los diálogos como los actores son geniales.

Si os gusta la serie no podéis perderos la entrevista a David Sainz en Blogoff donde cuenta entre otras cosas, que los 40€ de presupuesto para el primer capítulo se los gastaron en gasolina, o que tienen pensado hacer otras intros como las de Dexter (¡Prison Break en las tres mil viviendas por favor!)

Por último y no menos importante, si os interesa donar algo (podéis dejar de darle pelas a los gorrillas para invertirlo en Malviviendo) en la misma web tenéis un enlace para hacer donaciones por Paypal.

Y ya no hay más, os dejo la serie para que la disfrute si es que hay alguien que no la ha visto aún

Con la crisis hemos tomado, como dice Javier Capitan, la cosa no pinta demasiado bien para Mobuzz, han fallado algunas campañas publicitarias y los inversores necesitan tiempo para pensar, por eso necesitan nuestra ayuda para que el estupendo equipo de 16 personas que trabajan a diario en Mobuzz pueda continuar día a día ofrenciendo contenidos de calidad.

Puedes colaborar via paypal@mobuzz.com

Mucha suerte a todos

Este jueves se celebra en la Escuela Técnica Superior de Ingenieros de Telecomunicación – Universidad
Politécnica de Madrid el tercer Barcamp de movilidad sobre las web 2.0 y todo lo relacionado con el mundo móvil.

La jornada estará compuesta por micro-ponencias donde distintos invitados expondrán su visión sobre estos temas y se abrirá un turno de preguntas, respuestas, aportaciones y seguro que de esto surge algún intercambio de código o ideas sobre las que seguir trabajando.

La asistencia es gratuita, solo tienes que registrarte en la web, yo estaré allí, así que si puedes y te apetece nos vemos el jueves (ah, y no olvides felicitarme por mi cumpleaños de paso )

90210

Una de las revelaciones de la temporada, remake de la famosa serie de Sensación de vivir, cuenta las historias que giran en torno a un grupo de jóvenes que viven en la lujosa Beverly Hills. Con una media de espectadores de 3 millones, ha logrado cerrar la temporada completa.

Fringe

El nuevo proyecto de J.J. Abrams, con Joshua Jackson a la cabeza. Gira en torno a un asesor científico del gobierno ,que junto a una joven agente del FBI, obligada a enfrentarse a fenómenos poderosos e inexplicables, y que debe trabajar con un científico cuya vida profesional puede ser el centro de una futura tormenta. Fenómenos paranormales, intriga y vísceras, 100% Abrams.

The Cleveland Show

Spin-off de Padre de Familia sobre el amigo negro de Peter Griffin, más borde y más bestia si cabe.

The Ex-List

Comedia sobre una mujer a la que le predice que ya ha salido con el hombre con el que debería casarse, así que se dedica a repasar todas sus relaciones anteriores en busca de su media naranja.

Worst Week

La favorita de Alexliam, Una comedia que cuenta la peor semana en la vida de Sam Briggs, que tiene que contarle a sus suegros no solo que se va a casar con la hija de ellos sino que ademas le ha dejado embarazada.

The Mentalist

Un poco más de lo mismo, la serie trata acerca de un detective privado que posee un don 'particular'. A su vez trabaja conjuntamente con la policía resolviendo crímenes.

En esta nueva era de la web, parece que está de moda hacerlo todo mucho más "visualmente atractivo", los clientes se olvidan completamente del trabajo de los diseñadores y algunos diseñadores dejan fluir su imaginación y se olvidan completamente de los maquetadores, cuanto más dospuntocerista sea tu diseño mejor.

Ale Muñoz definió un nuevo tag XHTML para cuando nos encontráramos con alguna de estas locas propuestas de los clientes, el CWT (Client Want This) y expresa claramente el ejemplo del que voy a hablar en este post.

Las esquinas redondeadas en un diseño son ya algo normal, maquetarlas se puede hacer de forma sencilla usando alguna técnica como la Slinding Doors, de esta forma lograrás tener un contenedor elástico con bordes redondeados, perfecto!

Pero como esto no es lo suficientemente cool vamos a darle una vuelta de tuerca, las esquinas redondeadas pasan ahora a tener tres o cuatro niveles de sombreados grises tanto en sus bordes horizontales como en los verticales, es decir, más o menos esto:

Mamuso (al cual le tengo que agradecer este post que estoy escribiendo) me dice siempre: "No hay diseños imposibles sino maquetadores sin recursos" , así que vamos a ver como podríamos resolver esta pequeña putadita:

Necesitaremos 6 elementos HTML para definir la estructura, si la caja lleva título podemos usar uno de ellos como encabezado (h2 por ejemplo), de lo contrario necesitamos 6 DIVs, uno para cada esquina y dos para los bordes de los lados ( que deberán crecer a la misma velocidad que crezca el texto):

 El código HTML sería algo así como: 

Usaremos un div "header"  y un h2 para la parte de la cabecera (usando el método de Sliding Doors), dos divs uno dentro del otro,  "center_content" e "inner_content",  para representar los bordes sombreados de la caja y otros dos divs, "footer" y "footer_content"  para la parte del pie.

Ya tenemos la parte fácil, ahora vamos a la CSS:

Tanto la parte del header como la del footer están hechas con la técnica de Sliding Doors que mencionamos antes, es decir, dos imágenes, una muy larga que representa la esquina izquierda y el borde , y la otra que representa la esquina derecha:

Para la parte central utilizaremos dos imágenes, con el borde sombreado justo que usaremos de fondo posicionadas a izquierda y derecha con un repeat-y.

Para que los bordes queden superpuestos en los dos contenedores centrales, debemos de darle un margen negativo de 2px al contenedor interior, de lo contrario los bordes no encajarían ( esto NO habría que hacerlo para IE6).

El resultado es una estructura TOTALMENTE COMPATIBLE con todos los navegadores de uso cotidiano, ELÁSTICA y sobre la que se puede hacer ZOOM (ya que está maquetada con ems).

Y esto es todo amigos, no se si el resultado ha quedado muy claro (entre otras son las tantas de la mañana) pero todo es cuestión de probarlo y a ver que tal

Para cambiar esto necesitamos obtener la ID de nuestra librería iTunes y reemplazarla en el ordenador o en los ordenadores en los que queramos sincronizar nuestro iPhone/iPod, de tal forma que no importa el número de ordenadores que tengamos mientras todos compartan la misma ID en iTunes, ¿fácil no?

De esta forma NO PERDEREMOS nuestra música al sincronizar y podremos gestionarla donde queramos

IMPORTANTE: PARA PODER SINCRONIZAR LA MÚSICA TENEMOS QUE TENER MARCADA EN NUESTRO ITUNES ORIGINAL LA OPCION "SINCRONIZAR MANUALMENTE MÚSICA Y VÍDEOS"

Para hacerlo necesitaremos un editor hexadecimal UltraEdit para PC y una combinación de un editor de texto con HexEdit, los pasos son los siguientes:

1. Identificar la ID de nuestra librería de iTunes:

Si estamos en MAC dentro de la carpeta "Musica/iTunes" nos encontramos el archivo iTunes Music Library.xml, en Windows tendremos que buscar dentro de la carpeta "Música", o  "Mi Música" segun estemos en XP o Vista

2. Sustituir la ID de la nueva librería por la nuestra actual:

Una vez que tengamos localizado el archivo lo abrimos y buscamos la etiqueta donde se identifica la ID de nuestra biblioteca de iTunes, la biblioteca con la que actualmente tenemos sincronizado nuestro iPhone:

La ID de nuestra librería se encuentra entre las etiquetas <string></string> dentro de la cadena "Library Persistent ID"

Copiamos la ID de la librería y nos vamos al segundo ordenador, en el que queremos también poder sincronizar nuestra música y volvemos a realizar los mismos pasos, pero esta vez cuando tengamos abierto el archivo iTunes Music Library.xml sustituimos la ID que haya por la que tenemos copiada anteriormente, la perteneciente al Itunes donde actualmente tenemos sincronizada nuestra información.

Asegura de no cambiar nada más y que la extensión de la ID que estás pegando es de 16 caracteres.

Con esto hemos terminado el 50% del proceso, ya que iTunes guarda la información de la la librería en dos archivos, "iTunes Music Library.xml" "iTunes Library" (o también iTunes Music Library.itb en windows)

En el ordenador donde queremos poder sincronozar abrimos dicho archivo con nuestro editor hexadecimal y buscamos la ID de la librería (aseguraos de buscar en modo HEX).

Una vez encontrada la cadena con la ID de la librería la reemplazáis por la de vuestra biblioteca actual, y listo.

Con esto ya tendríais 2 bibliotecas exactamente con la misma ID con lo cual podéis sincronizar vuestra música sin ninguna limitación

NOTAS: Se recomienda hacer un backup de todos los archivos antes de tocar nada. También es posible que al intentar guardar el archivo hexadecimal "iTunes Library" os de error el editor, con lo cual solo tenéis que guardarlo en otra carpeta y luego pegarlo dentro de Music/iTunes, con eso debería funcionar sin problema.

Agradecimientos a Ale Muñoz

Artículo original: Andrew Grant (Actualmente caído)

Por si no estáis del todo convencidos de pasar a la versión 2.1, estas son las mejoras oficiales del nuevo firmware:

- Mejora en la duración de la batería
– Mejora en la calidad de las llamadas.
– Mas estabilidad al usar las aplicaciones, lo que significa menos cuelgues y cierres no deseados.
– Mas velocidad al cargar el listado de contactos.
– Copias de seguridad más rápidas.
– Función Genious para crear listas de reproducción inteligentes.
– Instalación de programas mas rápida.
– Mejor funcionamiento en la aplicación de mensajes y correo.
– Mejorada la precisión del indicador 3G.

Los pasos a seguir para actualizar a 2.1 son muy simples con la llegada de la nueva versión de QuickPwn que no necesita modificaciones en iTunes ni parches adicionales, pero solo es válida para iPhones que tengan la versión 2.0.X, por lo tanto tenemos las siguientes opciones:

iPhones con versión 2.0.X 

Simplemente descarga QuickPwn para Mac o para Windows y sigue los pasos que te irán indicando, que serán más o menos dependiendo de la versión en la que estés (en mi caso ya estaba en 2.1 así que solo tuvo que hacerme el jailbreak, pero si estáis en anteriores firms tendréis que descargaros el nuevo soft antes de continuar).

iPhones con versión 1.1.X

Hay que hacer uso de PwnageTool, que nos permite subir cualquier iPhone a la 2.1 ademas de elegir que opciones queremos instalar (cydia, installer, logos personalizados etc..), la versión para mac la podéis descargar aquí

Si os hace falta algún firmware los tenéis todos en el site de Esferaiphone

PD: No olvideis actualizar el iTunes a la versión 8

Lo realmente importante de un blog es su contenido, en teoría si hay contenido de calidad la participación de los lectores debería de surgir de forma natural y no habría ningun problema, no sirve de nada crear un sitio y llenarlo de mierda para conseguir un puñado de visitar y llenar así la cuenta de adsense cada mes.

¿Y todo esto por que viene?, pues muy fácil:

Hace cosa de un año tuve la suerte de coincidir con Andrés Nieto en el Congreso de Webmasters 2007 de Madrid, y entre conferencia y conferencia estuvimos hablando sobre la posibilidad de integrar los comentarios de un blog directamente desde el lector de feeds.

La idea es poder ir leyendo las diferentes noticias desde nuestro reader y poder comentar "on the fly" sin salir del lector, tantas noticias y tantas veces como nos apetezca, de tal forma no perderíamos tiempo en salir, cargar la página, autenticarnos y comentar el post.

La desventaja de esto es que los blogs disminuirían su volumen de visitas de forma considerable ya que se producirían menos entradas por la web, pero como he dicho, lo importante para mi es tener contenido de calidad y participación de los lectores, el resto es todo secundario.

Como Andrés es un crack, aunque esté hasta arriba de curro ha tenido tiempo de sacar CommentFeed, una versión para google reader que la verdad es que va estupendamente, si os interesa ver como lo ha hecho pasaros por aquí.

Anieto2K – CommentFeed

Un saludo a todos!