Ya está aquí, ya ha salido la primera versión del framework javascript más famoso en su versión destinada al desarrollo de aplicaciones y diseño de páginas web para smartphones y tablets, jQuery Mobile.

Esta librería que ocupa 12Kb. en su versión comprimido es compatible con gadgets que funcionan bajo los siguientes sistemas operativos: Android, iOS, BlackBerry, WebOS, bada, symbian, Meego Windows Phone.

En jQuery Mobile, como es lógico destacan las funciones touch para sacarle mayor partido a las capacidades táctiles de estos dispositivos y las funcionalidades para que la interficie se adapte a las pequeñas y diferentes entre ellos pantallas que suelen incorporar estos dispositivos.

Enlace: http://jquerymobile.com/

Páginas relacionadas con este artículo:

1. Estructuras redimensionables para iPhone
2. Clase PHP para móviles
3. Slider con hashtag bajo jQuery

Bueno… esto va en serio, menudo slider multidimensional que han construido bajo jQuery… quita el hipo! Viene preparado para sistemas touch o taćtiles, aka iPad, iPhones y tablets y teléfonos Androideados, tiene unos efectitos muy elegantes y discretos y un montón de abalorios para decorar este fantástico slider accordion o acordeon de contenidos que puede hacer las veces de portfolio o de menú de prácticamente cualquier web, a nivel de usabilidad es muy correcto, le doy un 7 sobre 10 va… que no se diga.

Disponen de una licencia comercial, sin su marca, y una licencia Freeware con la marca pero totalmente preparada para integrar en WordPress. Haber si venden cantidades brutales y se nos demuestra que de esto, podemos vivir todos, amigos manitas del javascript!

Dadle un vistazo: http://www.slidedeck.com/wordpress/

Páginas relacionadas con este artículo:

1. Otro slider o accordion pero este gratis
2. Slider con hashtag bajo jQuery
3. Motor para videojuegos bajo HTML5 y JavaScript

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:

1. Recursos en HTML5 y CSS3
2. Google Native Client
3. jQuery para móviles

Hay de todo y muchas de ellas son excelentes, incluso un juego de ajedrez y un juego de plataformas estilo Mario, entrañable personaje videojuegil que ayer cumplió 25 años, todas estas demos están metidas en tan sólo 1Kb. de memoria.

Parece increíble, aunque amigos… no quisiera yo contar la historia de cuando antes de jugar me cascaba ochenta y pico líneas de código Basic a pelo, porque no existían pendrives ni discos duros ni siquiera disquettes o unidades de cassete en aquel venerable Sinclair ZX81 de exactamente 1Kb. de memoria y eso sin contar que la teclas que tenía eran duras, duras, planas con un sistema de membrana con sonido de rana… que tiempos!

¿Así que, a qué esperas para alucinar? http://js1k.com/demos

Por si fuera poco la visita de ese enlace os copypasteamos a continuación el código del juego de plataformas que hemos comentado, eso sí, para un mayor entendimiento os lo mosstramos sin comprimir y comentado, es decir ocupa más de una KA, es una long version ideal para aquellos que ven en el JavaScript el lenguaje de las videoconsolas del futuro, es decir, de las PlayStation 4 parriba… :

canvas=document.body.children[0];
screen_height=time=150;
last_height=screen_width=canvas.width=800;
unit=dead=50;
heights=[];

// The abbreviation loop, initializing the variabled needed by the key-handlers on the side.
for(prop in context=canvas.getContext('2d'))
  context[prop[jump=speed_x=speed_y=0]+(prop[6]||'')]=context[prop];

setInterval(function(){
  if(dead)
    // initialize the player position, score, and heightmap
    for(x=405,i=y=score=0;i<1e4;)
      // (screen_width is reused as the off-the-screen height of gap blocks)

      // a block can be a gap if its index is <9, or if the last block was no gap. after this test,
      // a random number is compared to .3 to determine whether an actual gap is generated, or a
      // regular random height.
      last_height=heights[i++]=
        i<9|last_height<screen_width&Math.random()<.3?screen_width:Math.random()*unit+80|0;

  // silly formula to create parabolic movement based on the time
  plant_pos=++time%99-unit;plant_pos=plant_pos*plant_pos/8+20;

  y+=speed_y;
  // only move horizontally if that doesn't take us deep underground (x/unit|0 fetches the index of
  // the block below an x coordinate)
  x+=y-heights[(x+speed_x)/unit|0]>9?0:speed_x;
  // compute final player height index, and ground level under it
  ground=heights[player_index=x/unit|0];
  // adjust y and speed_y based on whether we are on the ground or not
  speed_y=y<ground|speed_y<0?speed_y+1:(y=ground,jump?-10:0);

  // we'll need the context a lot
  with(context){
    A=function(color,x,y,radius){
      // a is the abbreviated form of arc
      radius&&a(x,y,radius,0,7,0);
      // if color is not a gradient object (we set a P property in gradient objects), it is an index
      // into a set of colors
      fillStyle=color.P?color:'#'+'ceff99ff78f86eeaaffffd45333'.substr(color*3,3);
      // f for fill, ba for beginPath
      f(); ba();
    };

    // now loop over visible, or close to visible, blocks, and draw them and their clouds
    for(dead=i=0;i<21;i++){
      // this loop is reused for drawing the background/rainbow, which consists of seven concentric
      // circles. there's no good reason why interleaving clearing the screen with drawing the
      // screen's contents should work, but in this case it does
      i<7&&A(i%6,screen_width/2,235,i?250-15*i:screen_width);

      // we start drawing 5 units in front of the player (first four will be off-screen, needed just
      // for clouds)
      height_index=player_index-5+i;

      scroll_pos=x-height_index*unit;
      // since player screen position is fixed, we can use scroll position for collision detection.
      // this variable indicates whether the player is in the 'middle' of the current block
      player_in_middle=scroll_pos>9&scroll_pos<41;

      // ta for translate. move to start of block to make other drawing commands shorter
      ta(unit-scroll_pos,0);
      // cL for createLinearGradient, for the ground/grass gradient
      gradient=cL(0,height=heights[height_index],0,height+9);
      // if height is divisible by 6, there's a coin here. draw it. if the player is standing on the
      // ground, in the middle of this unit, pick up the coin
      height%6||(A(2,25,height-7,5),y^ground||player_in_middle&&(heights[height_index]-=.1,score++));

      // abbreviate, since we need this twice (and use it again to test whether a value passed to A
      // is a gradient)
      gradient.P=gradient.addColorStop;
      // this implements sinky terrain---when the index is divisible by 7, we use a different color,
      // and do the sinking if the player is standing here
      gradient.P(0,height_index%7?'#5e1':(height_index^player_index||y^height||
                                          (y=heights[height_index]+=plant_pos/99),'#a59'));
      // brown earth color for the bottom of the gradient
      gradient.P(1,'#b93');

      // this draws the clouds
      height_index%4&&A(6,time/2%200,9,height_index%2?27:33);

      // draws the terrain block. m is moveTo, qt is quadraticCurveTo, l is lineTo
      m(-6,screen_height);qt(-6,height,3,height);l(47,height);qt(56,height,56,screen_height);A(gradient);

      // draw deco trees or piranha plant (height==screen_width for gap blocks), check for collision
      // with plant
      height_index%3?0:height<screen_width
        ?(A(gradient,33,height-15,10),fc(31,height-7,4,9))
         A(7,25,plant_pos,9),A(3,25,plant_pos,5),fc(24,plant_pos,2,screen_height),
          dead=player_in_middle&y>plant_pos-9?1:dead);

      // undo block-local translation
      ta(scroll_pos-unit,0)
    }

    // draws the player, using the speed to adjust the position of the iris
    A(6,unit,y-9,11);
    A(5,iris_x=unit+speed_x*.7,iris_y=y-9+speed_y/5,8);
    A(8,iris_x,iris_y,5);

    // color is already dark from eye pupil, draw score with this color
    fx(score+'¢',5,15)
  }

  // check whether the player has fallen off the screen
  dead=y>screen_height?1:dead
},unit);

onkeydown=onkeyup=function(e){
  // if this is a keydown event, new_val gets the value 4, otherwise 0
  new_val=e.type[5]?4:0;
  e=e.keyCode;

  // give jump a truthy value if up was pressed, falsy if up was released
  jump=e^38?jump:new_val;

  // similar for speed_x, inverting new_val if left is pressed
  speed_x=e^37?e^39?speed_x:new_val:-new_val
}

Páginas relacionadas con este artículo:

1. Motor para videojuegos bajo HTML5 y JavaScript
2. Recursos en HTML5 y CSS3
3. Conocer la URL con Javascript

Muy interesante para la visualización de datos estadísticos.

Enlace: http://www.humblesoftware.com/finance/source

Páginas relacionadas con este artículo:

1. Gráfica de datos en CSS
2. Base de datos Cassandra
3. Clase PHP para leer Google Analytics

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 (104)

Páginas relacionadas con este artículo:

1. Motor para videojuegos bajo HTML5 y JavaScript
2. Reproductor de vídeo en HTML5
3. Google Native Client

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

Sistema de publicidad In-Text advertising

Infolinks es un sistema de publicidad que se basa en un javascript que debes incorporar a tu página web, este javascript buscará determinadas palabras y les añadirá un enlace y las destacará subrayando, si el usuario clicka sobre el enlace abandonará tu página dándote un click de publicidad.

El sistema parece que está creciendo en número de editores que lo utilizan así como en el número de empresas que lo utilizan en sus planes de medios.

Datos de la publicidad de infolinks

Con  infolinks instalado en varias páginas web durante un período de unos 5 meses hemos conseguido 50 euros poco más, o sease a unos 10 euros mensuales. Este sistema ha convivido

A nivel más profundo podemos destacar un eCPM de 0,49 USD un eCPM mucho más bajo que adSense y unas ganancias de medias de 0.65 USD al día. El volumen de visitantes durante este test es de algo más de 1000 visitantes diarios, el volumen de impresiones del sistema infolinks durante el período que hemos sometido a test es de 200.000 impresiones, el click throught conseguido es de un 3,54%.

Reflexiones sobre infolinks

Algunas de las reflexiones que extraemos de este test es que el CTR es considerablemente más alto que la fórmula tradicional adSense si bien infolinks paga muy muy poco por cada click.

El pago tras reclamar en dos ocasiones ha sido recibido, no queda en exceso claro, eso sí deberás contar con una cuenta Paypal pues a diferencia de adSense con infolinks transferir a tu cuenta tiene un coste bastante alto y además elevas el listón del pago por acumulación a un mínimo ya demasiado alto.

Este sistema puede convivir con otros sistemas publicitarios simultáneamente, incluído el cacareado adSense.

Nosotros aún no hemos tomado la decisión de desactivar infolinks, vamos a reflexionarlo pues en épocas de crisis un ingreso por pequeño que sea ayuda a mantener nuestra pequeña red de medios.

Autofinanciación web

Para nosotros la autofinanciación es el principio de cualquier tipo de proyecto que emprendemos, de lo contrario con la cantidad de ideas y proyectos que nos rondan la cabeza probablemente estaríamos de créditos hasta algo más allá de las cejas. A partir de aquí si se consigue esta primera meta ya se abren ante nosotros diferentes posibilidades.

Por ello vamos a tratar la incorporación de este sistema de In-Text advertising de infolink como tal.

Como ya habrás supuesto si eres un webmaster con unos 10 euros mensuales de ganancias a duras penas te permiten agenciarte con un servidor dedicado de bajo, bajísimo coste, donde alojar cuatro o cinco webs donde te expresarás a la parte que te nutrirás de algunos dólares, más bien pocos.

Retomando el tema del hosting o servidor privado en OVH nosotros tenemos uno por unos 10 euros pero son tantos los problemas que hemos tenidos con el debido a su escasísimo rendimiento que no lo recomendamos en absoluto a menos que puedas prescindir de mysql y sepas bastante de administración de servidores linux remotos bajo ssh, si prefieres otras soluciones ya de mayor envergadura se van a unos 40 euros mes por lo que la autofinanciación de una web o blog basándose en el uso exclusivo de Infolinks obviamente es imposible.

Enlace: http://www.infolinks.com/

Páginas relacionadas con este artículo:

1. Ganarse la vida con publicidad 1
2. Monetización de redes sociales
3. Pon tu publicidad en Pixmanía

Menudo descubrimiento, con este buscador podrás encontrar libros electrónicos en formato PDF de prácticamente cualquier materia, muchos son totalmente gratuitos otros no lo sabrás y si decides descargarlos estarás infringiendo la ley, lo difícil es saber si estos tienen o no copyright pues por ejemplo, hemos podido descargar la trilogía de Stieg Larsson, La chica que soñaba con una cerilla y un bidón de gasolina así sin más.

Así pues sin una política clara será tu sentido común el que te diga si lo que te bajas es legal o no, menudo tema después que el gobierno decida poder cerrar páginas así sin más, en fin. Esta página está fuera de nuestras fronteras y seguro que no la cerrarán. En ella encontrarás libros tanto en lengua castellana como en otras lenguas, otro uso es el de conseguir manuales técnicos o libros sobre programación, hemos buscado “php” y “javascript” y hemos conseguido excelentes resultados.

Así que toma buena nota: http://mega-pdf.com/

Páginas relacionadas con este artículo:

1. Otro slider o accordion pero este gratis
2. Buscador de iconos
3. Antivirus gratis para PC

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 (69)

Enlace: http://lessframework.com/

Páginas relacionadas con este artículo:

1. jQuery para móviles
2. Boceto de aplicación para iPhone
3. Programas gratis alternativos