Pues eso, lo que muestro aquí arriba ayer a las tantas recibo este correo del Google Team donde dicen que me regalan un Chrome notebook para que testee y esas cosas, qué bien!, qué ilusión!, un nuevo portátil y gratis con el trastear, ahora bien, te piden entre otras cosas rellenar un megaformulario donde pones de todo menos el nivel de colesterol en sangre.

A cambio te piden que lo utilices durante algún tiempo como ordenador principal, que le dejes chafardear en tus estadísticas de uso del mismo, anónimamente of course y que les vayas reportando cositas.

La pena es que en el formulario de alta te piden que seas un US resident, y eso amigos es un gran fallo, no por nada, si no porque ellos, la todopoderosa sabelotodo con sus mil narices ya deberían “más que saber” de donde es cada uno de los desarrolladores y más cuando te has escrito previamente a recibir noticias sobre el sistema operativo Chrome, aquí apunto que curiosamente esta es la primera noticia sobre este OS desde tiempos lejanos, buena ella si se consolida.

Pues eso, yo de todas formas ni corto ni perezoso y con perspectivas a probar algo nuevo, ya que eso nos gusta a todos, frikifriends, me he suscrito con mi dirección normal, haber si se dan cuenta estos timoratos o no. Ya os contaré! y si vosotros habéis recibido este jugoso email de la todopoderosa, animaros y dejad algún comentario e impresiones (no de pantalla) al respecto.

Páginas relacionadas con este artículo:

1. Google Native Client
2. Sistema operativo para portátiles: Moblin
3. Google al cuadrado = problema de seguridad

A nivel de efectos es sencillito pero muy efectivo, meter más efectos es meter más ruido y perder elegancia, puede modificarse prácticamente del todo via CSS.  No obstante estos efectos son totalmente ampliables mediante la configuración de diferentes easeIn y easeOut, puedes ver los efectos disponibles en:

http://gsgd.co.uk/sandbox/jquery/easing/

Además este slider permite que se desplace su contenido interior a través de la rueda de scroll del mouse, genera la paginación automática y permite cualquier tipo de contenido, todo en 2,2Kb. (Sin contar las librerías jQuery).

A nivel de compatibilidad hemos encontrado algún problema menor con Google Chrome, donde el indicador de paginación está sobre el contenido y la capa flotante pisa algo el contenido, bajo FireFox funciona perfectamente, quizá en una nueva versión corrijan estos problemas.

La licencia de este slider es totalmente free, es decir puedes incorporarla en tus propias aplicaciones sean comerciales o no.

Enlace: http://mgoys.com/lab/hashslider

Páginas relacionadas con este artículo:

1. Visor de imágenes con efectos y jQuery
2. Otro slider o accordion pero este gratis
3. El mejor slider que he visto

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/

More reading

http://www.quirksmode.org/css/contents.html

http://reference.sitepoint.com/css/css3attributeselectors

http://diveintohtml5.org/

http://neutroncreations.com/blog/building-a-custom-html5-audio-player-with-jquery/

http://html5doctor.com/native-audio-in-the-browser/

http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

http://24ways.org/2009/working-with-rgba-colour

http://24ways.org/2009/css-animations

http://24ways.org/2009/going-nuts-with-css-transitions

http://24ways.org/2009/cleaner-code-with-css3-selectors

http://zomigi.com/blog/deal-breaker-problems-with-css3-multi-columns/

http://realworldcss3.com/resources/

Páginas relacionadas con este artículo:

1. Motor para videojuegos bajo HTML5 y JavaScript
2. Plantillas de páginas web con HTML5
3. El aporte que HTML5 representa a los desarrolladores web

Esto es un post rápido o apunte para tenerlo a mano pues tras darme de cabezazos durante un par de horas con una hoja de estilo y la compatibilidad entre diversos navegadores.

En especial esta compatiblidad afecta a Internet Explorer 8, el navegador que tristemente usa la mayor parte del planeta, y que hoy Microsoft pretende jubilar con su nueva versión, si bien es cierto que Internet Explorer 9 tiene buena pinta lamentablemente no es compatible con Windows XP, es decir, sólo funciona bajo Vista y Windows 7.

El Internet Explorer versión 8 o IE8 tiene un bug, y van fosfocientos mil, en fin, aunque quizá no sea tan bug sino una excentricidad o exceso de compatibilidad.

El bug es que Internet Explorer 8 no soporta los estilos max-width, min-width, max-height, min-height propiedades de estilo que como ya sabrás o habrás deducido con tu prodigiosa mente ceceseada sirven para definir el máximo ancho, mínimo ancho y altos de por ejemplo una caja de texto aka DIV.

Esta propiedad funciona perfectamente bajo FireFox, Chrome, Safari etc.

Fíjate en este trozo de código, donde ya te aviso que no funcionará bajo IE8.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<style>
.width {
    width:50%;
    min-width:200px;
    max-width:400px;
    background:#eee;
}

Y ahora en este otro, que es el que funciona bajo IE8, la diferencia, es que defines el tipo de documento html sin especificación alguna con el tag DOCTYPE, es decir, no lo haces estricto tal y como se hace en documentos bajo HTML5, y por tanto, max-width funciona bajo IE8

<!DOCTYPE html>
<head>
<style>
.width {
    width:50%;
    min-width:200px;
    max-width:400px;
    background:#eee;
}

Páginas relacionadas con este artículo:

1. ¡Abajo explorer!
2. Rotación de una imagen con CSS3
3. Estilos CSS del cursor

No he podido probar mucho más a fondo, está testado bajo FireFox y bajo Chrome, me han dejado el blog cojo cojo cojo.

Vamos chicos! arreglenlo!

Páginas relacionadas con este artículo:

1. WordPress y migración de servidores
2. Portfolio para WordPress
3. Sacar WordPress del Maintenance Mode

Hace mucho que no posteo!, Esto no puede ser!!!

Bueno, para enmendar la falta de posteo hoy os traigo algo chachi piruli juan pelotillas, se trata de un componente JavaScript para realizar interficies de arrastrar y soltar, de esas que se llevan tanto gracias a “eipel”

Este conjunto de funciones es compatible con Firefox, Chrome, Safari, Internet Explorer e incluso, atention plis, con dispositivos móviles basados en interficies touch, tales como iPhones, HTC bajo Android y el nuevo famoso y que mola montón iPad de Apple.

Aplicaciones que le podemos dar… pues para temas de zoom progresivo en las tipos de la página, movimiento de imágenes, copia de archivos, carritos de la compra etc.

Enlace: http://code.ovidiu.ch/dragdealer/

Descarga del componente: Arrastrar y soltar en Javascrip (78)

Páginas relacionadas con este artículo:

1. Motor para videojuegos bajo HTML5 y JavaScript
2. Tienda de aplicaciones web
3. Recursos en HTML5 y CSS3

Una de cal y otra de arena, eso es lo que nos trae Google en su evento Googe I/O 2010, par amí esto es un notición como pocos no tanto por su novedad sino porque por fin un grande está detrás. Vamos por partes.

Si hace poco comentábamos la rocambolesca idea de Google de llevar el lenguaje C directamente al navegador con la descarga e instalación de aplicaciones via web luego nos trae lo que nosotros creemos que será un exitazo, una Store de aplicaciones web donde podrás vender tus aplicaciones web con la confianza que Google puede transmitir al usuario.

Una tienda de aplicaciones web con la confianza de Google

Por fin, alguien se decide a intentar unificar en un catálogo o tienda las aplicaciones diseñadas por todos nosotros. Sin lugar a dudas, con el tiempo, triunfarán.

Apple y su appStore para iPhone e iPad

En el otro lao Apple no debe estar en exceso tranquila con lo bien que parece irle todo, pues esta Store es lo mismo que su AppStore pero para todos los dispositivos que posean un navegador moderno, incluso podrás llegar a los iPhone, a menos que Apple ya en un exceso de recelo y ambición prohíba determinadas webs en el navegador Safari que incorporan tanto os iPhone como iPad iPod y futuros.

La webStore de Google potenciará HTML5

La Store de Google incluye programas desarrollados bajo HTML y Flash, si bien según rezan y repiten pretenden que sea HTML5 invitando a migrar a todos nuestras aplicaciones hacia este nuevo estándard que parece que va a ser empujado, y de que manera por la todopoderosa.

La webStore de Google es aún un proyecto, en marcha pero no accesible por el momento, hemos investigado a ver que podíamos encontrar pero no hemos sacado mucha info al respecto si bien os copiamos una URL con la siguiente docu sobre como crear una aplicación web compatible con la tienda, o al menos eso es lo que entendemos:

http://code.google.com/chrome/apps/docs/developers_guide.html

El nombre de la webStore de Apple

Ahora bien el nombre que han elegido para su webStore es muy feo: chromewebstore

Que pesaitos con esto del “Chrome” para esto “Chrome” para lo otro, en lugar de potenciar algo que ya funciona bastante bien y que posee un nombre de los más cool como es Android no se porque se empeñan en desdoblar esfuerzos para algo que en sí es lo mismo.

Enlace: https://chrome.google.com/webstore

Páginas relacionadas con este artículo:

1. Google Native Client
2. Dándole vueltas a una tienda de aplicaciones web
3. Self-service de aplicaciones

Buenooo, ahora quieren que los webmaster nos pasemos al lenguaje C???

¡Qué miedo! a mi ahora mismo no me apetece volver a C en absoluto, adoro mi php mysql javascript css y html, además si todo avanza hacia una capa web carente de plugins y descargas, donde tan sólo debes URLear y listos, carece de sentido que el cliente deba descargar un archivo e instalarlo en su sistema, muchos no saben hacer eso.

Correr código nativo a través del navegador es muy muy peligroso, en manos de mucha gente eso es una auténtica bomba de relojería, no quiero ser negativo pero este movimiento de la todopoderosa no me gusta ni un pelo.

Además los recursos de proceso con código nativo corriendo en nuestros navegadores van a ser enteramente nuestros, suponemos que eso es lo que pretende los señores de Google que deben ir algo cortos de rendimiento en sus servidores actuales donde corren las aplicaciones. No se han dado cuenta de que la gente navega con netbooks que van escasísimos de CPU, o iPads, iPhone y sucedáneos que tienen procesadores que rondan el 1Ghz. y que deben soportar resoluciones muy altas.

Los de Google pretenden presentarnos esto como la nueva panacea del desarrollo, nos prometen que vamos a poder desarrollar juegos en 3D y editores de vídeo, pero el usuario debe descargar esa aplicación, de momento sólo es soportada por su propio navegador, Chrome, nada de Firefox ni de Safari, y ni mucho de Explorer. Esto es como un plugin de Flash pero ya a lo bestia y sin contemplaciones.

Eso sí de momento está disponible tanto para Windows como Mac, y Linux, un gran paso pero que también nos da una visión sobre sus limitaciones ya que cada dia que pasa navegamos con más cosas, pronto el teletexo de los TV será un navegador, además de los ya siempre presentes iPhones y Androids para los que de momento correr aplicaciones en C desde navegador no es posible.

No se, esto parece una estrategia a largo plazo pero creo que se van a darse de morros a menos que esté yo muy equivocado, mira el caso de Adobe AIR que es el mismo cuento pero que partió de la gran base ya instalada Flash y no ha obtenido el éxito esperado. Huele a que es la antesala de su sistema operativo Chrome o al deseo de Google de canibalizar a la AppStore donde se venden aplicaciones a millones.

¿Vosotros, qué opináis?

Eblace: http://code.google.com/p/nativeclient-sdk/

Páginas relacionadas con este artículo:

1. Tienda de aplicaciones web
2. Los lenguajes de programación más conocidos
3. Programas gratis alternativos

Peticiones a parte y volviendo al tema de este post, estos estilizados iconos muestran un acabado metalizado y ambient blu a medio camino entre los controles vistos en el sistema operativo del iPhone y los de algunas tablas de mezcla modernas.

Los iconos please (pulsa para ampliar y grábate la imagen):

Páginas relacionadas con este artículo:

1. Iconos para páginas web
2. Mini iconos para aplicaciones
3. Buscador de iconos

Alternativas a iTunes en Linux

Existen otras alternativas para ordenadores Linux que permiten realizar prácticamente las mismas tareas, estas son Amarok, Banshee, Rythmbox si bien nosotros no hemos encontrado ninguna lo suficientemente buena gestionando nuestros podcast favoritos, probablemente porque estos se encuentren tan sólo bajo iTunes.

Instalar iTunes en Ubuntu

Descarga de iTunes desde la web de Apple

Antes de comenzar a preparar nuestro Wine para albergar iTunes en nuestro Ubuntu vamos a proceder a ir descargando iTunes desde la web de Apple pues ocupa nada más y nada menos que 93Mb. así que esto te llevará un ratito a menos que tengas una buena ADSL mientras podremos ir configurando Wine.

Descarga con tu navegador el instalador de iTunes desde la web de Apple: http://www.apple.com/itunes/download/

Instalar Wine

Para instalar Wine lo puedes realizar desde la aplicación Synaptics para instalar programas. Busca Wine e instala todos los paquetes

Configura Wine

Una vez instalado Wine deberemos configurar los aspectos referentes a la configuración del sonido.

Lanza la configuración de Wine, para ello deberías tener un nuevo grupo en el menú de Aplicaciones. En nuestro caso el grupo se llama Wine y el icono es una copa de vino, presiona sobre él y selecciona Configura Wine, te emergerá una nueva ventana.

Dirígete a: Pestaña Aplicaciones > Windows XP > Drivers > Autodetect

Si no figura esta pestaña ve directamente a:

Pestaña Audio

En ella marca la pestaña ALSA y desmarca OSS Driver, si no hay ninguna marcada n te preocupes esto puede ser normal.

En este punto Ubuntu, o mejor dicho Wine nos tira un error en pantalla como el que te mostramos a continuación:

Presiona sobre el botón “Aceptar”, ahora ya podemos ir nuevamente a la pestaña de Audio donde nos debería quedar algo así como lo que te mostramos a continuación:

Es decir dejamos marcado el “Manejador Alsa”

Ya puedes pulsar el botón “Aplicar” del configurador de Wine de forma que se cierre la aplicación Wine, ahora vamos a instalar iTunes, asegúrate que se ha descargado completamente y que lo tenemos en la carpeta de Descargas.

Instalando que es gerundio

Abre un terminal de línea de comando y desde allí ejecuta el siguiente comando:

wine iTunesSetup.exe

NOTA: El instalador de Wine necesita ser ejecutado desde el usuario que descargó la aplicación, no desde un usuario root, por raro que esto parezca. El error que te tirarará Ubuntu si no estás con el usuario correcto será algo así como:

directorio_de_descarga/.wine is not owned by you

Así que si recibes este error, abre un nuevo terminal y esta vez sin cambiar el usuario ni anteponer el modificador de usuario sudo vuelve a ejecutar el iTuneSetup.exe

Ahora Wine comenzará la instalación de iTunes, quizá veas algunos errores o rarezas en la ventana del terminal, no te preocupes, pronto te aparecerá una ventana como la que te mostramos a continuación:

Presiona sobre Next y continuará la instalación hasta que te aparezca en escasos segundos un nuevo diálogo como el que te mostramos a continuación y en el que por motivos de compatibilidad deberías desactivar todas las opciones

Presiona sobre “Install” y en la nueva ventana que te aparecerá responde que no se autoejecute al introducir un CD pulsando No.

Ahora comenzará el proceso de instalación de verdad, en nuestro caso ha tardado poco más de 20 segundos eso sí nos ha corrompido la pantalla un par de veces dejando de redibujar numerosas áreas, todo muy al estilo “Hola soy Windows y no se lo que es la multitarea”, cosa que hemos solucionado moviendo el mouse por la pantalla o al utilizar alguno de los efectos Compiz que tenemos instalados en nuestro Ubuntu.

Aquí lo tenemos: Tachán!!!

Ahora podrás lanzar tu iTunes desde Aplicaciones > Wine > Programas > iTunes.

En la primera ejecución deberás aceptar los términos de la licencia y posiblemente recibas una advertencia como la que te mostramos a continuación, eso es normal, pues le habíamos dicho que no importara los CD .

Si pulsas sobre Finish, comenzará el proceso de importación de música hacia la biblioteca, dependiendo del número de canciones que tengas esta tarea puede tardar bastante.

A nosotros nos ha recuperado absolutamente toda la música, podcast e incluso las aplicaciones que teníamos instaladas en el iPhone, ha tardado más de media hora pero he aquí el resultado.

Funciona prácticamente perfecto a excepción del iPhone que no ha sido reconocido y del acceso a la iTunes Store que cuelga la aplicación, podemos actualizar los podcast incluídos nuestros favoritos, acceder a toda nuestra biblioteca musical etc.

Consumo de recursos de iTunes

Si bien todo nos ha ido como la seda  parece que el consumo de recursos del conjunto Wine  + iTunes parece alto según el monitor de sistema de la captura anterior,y el detalle de la siguiente gráfica de sistema. Además de iTunes tenemos corriendo simultáneamente Chrome, FireFox, la plataforma de desarrollo NetBeans, un Transmission activo, doble pantalla una 4:3 a 1280 x 1024 píxeles y la otra a 1680 x 1050 píxeles. Todo en un Core i5 2,66Ghz. con 4Gb de Ram.

Páginas relacionadas con este artículo:

1. Google Native Client
2. Recuperar archivos borrados en Ubuntu
3. Instalar archivos .bin en Ubuntu