Contenido

jPlayer el reproductor de MP3 personalizable por CSS

7 may

+ 21

jPlayer es un plugin para jQuery que nos permite crear un reproductor de MP3 que irá incrustado en nuestra página web, la gracia de este reproductor es que mediante CSS podemos personalizarlo y hacer que se integre perfectamente en nuestra aplicación web.

jplayer
(Ver Imagen)

Podeis ver una serie de demos aquí y descargar el plugin desde aqui.

Desarrollando para el HTC Magic (Android)

6 may

+ 20

Llevo unos días echándole un vistazo al tema de Android. He de decir que todo está muy bien parido y que poco a poco es muy sencillo ir haciendo tus cositas. Tengo el Java muy oxidado y esto pues casi que me viene de nuevo, lo que me ha hecho recuperar esa sensación de inquietud por hacer cositas e investigar.

Después de mucho buscar y rebuscar, creo que he encontrado una buena serie de artículos y tutoriales que pueden hacer que cualquiera haga alguna cosilla que se pueda usar con Android. Así que este post es únicamente una recopilación de enlaces interesantes que he encontrado.

Castellano

Enlaces interesantes

Espero que os sirva, y si conoceis alguno que me haya dejado, dejarme un comentario y lo añadiré.

Técnicas WCAG 2.0 por Olga Carreras

6 may

+ 1

Olga Carreras responde a 10 de las dudas más habituales sobre accesibilidad. Y es que este año Olga se ha volcado en hacernos mejores desarrolladores web, a las pruebas me remito.

jLinq, simulándo SQL para buscar en JSON

6 may

+ 4

Hace unas semanas vimos los problemas de carga de grandes cantidades de datos mediante Ajax. El mayor problema que nos encontrabamos con las técnicas actuales era el tiempo que eval() utiliza para procesar JSON y permitir usas esos datos una vez cargados.

Esto se solventará con la llegada del JSON nativo en los navegadores más modernos (Firefox 3.5, Internet Explorer 8, WebKit,…) cuando esto sea una realidad herramientas como jLinq serán muy interesantes ya que nos permitirán manejar estos datos de una forma cómoda.

jLinq

Se trata de un script que nos permite sumular una implementación SQL para filtrar objetos JSON. Mediante una sucesión de métodos este script nos permite buscar cualquier elementos y valor que podamos tener en el objeto JSON.

var records = [
   {
     firstname: "John",
     lastname: "Smith",
     age: 25,
     admin: false,
     locationId: 4,
     permissions:["read", "WRITE", "Delete"],
     lastlogin:new Date("2/24/2008")
   },
   //... muchos más ...
 ];

Con el objeto definido podemos proceder a hacer búsquedas sobre él.

var results = jLinq.from(records)
  .startsWith("firstname", "a")
  .or("b")
  .orderBy("age")
  .select();

Este código no devolverá todos los registros de records cuyo firstname comienze por a o b ordenándolo por age.

Demo y descargar

Simulando la gravedad con jQuery

5 may

+ 2

Impresionante tutorial para consegir simular el efecto de la gravedad en nuestros elementos HTML usando jQuery. [Demo][Descargar]

Multilíneas en Javascript

5 may

+ 5

Siempre que intentamos escribir un script en Javascript que requiere un string de varias líneas conseguimos un error de que el código está mal formado. Eso es un problema para estos scripts que generar contenido HTML, ya que al tenerlo en una línea perdemos claridad y no vemos exactamente lo que estamos pintado.

Hoy en Snook.ca, nos muestra un sistema para conseguir Strings en Javascript con saltos de línea, lo que nos permite hacer cosas así:

$('#ID').append(
   '<div id="page"> \
      <p class="texto">bla bla bla</p> \
    </div>'
);

La clave está en usa (\) para indicar el salto de línea, esto, misteriosamente, hace que el navegador detecte que se trata de una sola línea, haciendo el trabajo de unirlas por nosotros.

Una curiosidad más de esta lenguaje que nos ayuda a hacer las cosas más fáciles y sobretodo claras.

ComentaWP, haz que tus comentarios lleguen a twitter

5 may

+ 8

Anoche Oscar Barber me  muestra comentaWP. Un plugin para WordPress, desarrollado por Miquel Laboria y Oriol Farré que nos permitirá informar en Twitter de los comentarios que se realizan en tu blog.

Instalación

La instalación es igual a la de todos los plugins de WordPress, únicamente tendremos que realizar estos 3 pasos y podemos empezar a configurarlo.

  1. Descargamos el plugin
  2. Descomprimimos el ficheros y lo subimos a nuestro wordpress en la carpeta wp-content/plugins/
  3. Activamos directamente desde el panel administrador.

Configuración

Para personalizar la apariencia que nuestros comentarios tendrán en Twitter, debemos conocer unos parámetros que podemos modificar y que indicarán los datos del usuario que está comentando.

screenshot-1
(Ver Imagen)

Descargar

Podemos descargarlo directamente desde el directorio de WordPress.

Coloreando el código de nuestros posts

4 may

+ 9

Una de las tareas pendientes que tengo en el blog es usar un script de coloreado de código para los artículos. Pues ya no tengo excusa con estos 11 scripts más fácil no me lo pueden poner.

El navegador del HTC Magic

4 may

+ 22

Hace dos días que tengo el HTC Magic y ya puedo decir que es el mejor móvil que he tenido nunca. Cumple con todo lo que tenía en mente que podría conseguir con él. Incluso el navegador es una sorprendente versión actual de WebKit que nos permite visualizar un 93/100 en el Acid3 Test.

myTinyTodoList, completa y sencilla todolist en PHP

3 may

+ 4

Max Pozdeev publica este pequeño script que nos permite montar una TODO list (Lista de tareas) en PHP y jQuery. Se trata de una lista bastante completa y sencilla de usar que a más de uno nos ayudaría a tener administradas las tareas pendientes.[Demo][Descargar]