Recursos

SublimeVideo, el futuro del vídeo online pasa por el HTML5

Comments
publicado el 3 de February del 2010 bajo , , , , , .

SublimeVideo es una demostración de lo que es capaz el HTML5. Ultimamente, cada vez más, Flash está poniendose en entre dicho y grandes webs como Youtube o Vimeo están comenzando a experimentar con reproductores de vídeo basados en HTML5. Aún es pronto para decir a ciencia cierta si Flash dejará de usarse pero lo cierto es que HTML5 es capaz de sustituirlo y además evitaremos el consumo excesivo de Flash y sus malditos cuelgues.

SublimeVideo además de contar con una interfaz muy agradable, además nos permite saltar directamente a cualquier momento del vídeo sin esperar a que cargue y aunque no permite usarlo a pantalla completa si nos permite maximizar el tamaño del vídeo aprovechando al máximo la ventana del navegador con un efecto muy bonito.

El único problema por ahora, la compatibilidad. Aunque esto es más culpa del navegador que de el código en si, por ahora SublimeVideo solo es compatible con Safari (v4.0.4+), Chrome (V4+) o Internet Explorer con Chrome Frame instalado.

Tutoriales

Creando un Plugin para Wordpress

Comments
publicado el 15 de January del 2010 bajo , , , , , , , , , , , , , , , , , , , , , .

Yo ya he creado alguna vez un plugin para Wordpress, pero nunca he hecho una entrada sobre como crearlo. En esta entrada vamos a crear un plugin para Wordpress sencillo para empezar con algo básico facil de entender.

Nuestro plugin será sencillo. Simplemente sustituirá [abbr="Descripción"]Palabra[/abbr] por <abbr title="Descripción">Palabra</abbr>. Además añadirá unas pocas lineas de CSS a la página para que se vea todo correctamente.

Esto no es más que una pequeña implementación de BBCode. Siguiendo este ejemplo literalmente podremos añadir más elementos a nuestros post fácilmente. Si le echamos más imaginación podremos crear cualquier plugin. Continuar »

Recursos

Ejecuta, colorea y comparte código en distintos lenguajes de programación

Comments
publicado el 12 de January del 2010 bajo , , , , , , , , .

ideone.com te permite ejecutar, colorear y compartir fragmentos de códigos en casi 40 lenguajes de programación distitos.

Wordpress

Prepara tu theme para Wordpress 2.9

Comments
publicado el 17 de December del 2009 bajo , , , , , , , , , , , , , , .

Wordpress 2.9 está apunto de salir y tenemos que estar listo para que nuestro theme y por lo tanto nuestro blog haga uso de las últimas opciones que nos da.

Algunas de las novedades son: la papelera, el editor de imágenes o los thumbnails (miniaturas) por noticia. Esto último tendremos que activarlo modificando nuestro theme para que se active en Wordpress.

Para hacer uso de las miniaturas debemos de escribir en el archivo functions.php el siguiente fragmento:

Código PHP (Copiar):
  1. add_theme_support('post-thumbnails');

Luego en el theme, dentro del loop solo deberemos de incluir la imagen de la siguiente forma.

Código PHP (Copiar):
  1. <?php the_post_thumbnail( ‘medium’); ?> // Imagen mediana
  2. <?php the_post_thumbnail(’large’); ?>  // Imagen grande
  3. <?php the_post_thumbnail(’full’); ?>// Imagen a tamaño completo

Sin duda se trata de una buena opción que nos ahorrar muchas lineas de código al desarrollar un theme ya que esto antes se tenia que hacer casi manualmente usando los archivos aderidos a las noticias. Ahora es mucho más cómodo.

Organizar el código muchas veces es algo tedioso aúnque muy necesario e importante. Francisco nos recomienda 3 herramientas para organizar nuestro HTML, CSS y PHP de forma sencilla.
Navegadores Web

Dejando bonito Firefox en Mac

Comments
publicado el 26 de November del 2009 bajo , , , , , , , , , , , , , , , , , , , , , , .

Nunca me ha llegado a convencer del todo Firefox en Mac, simplemente no me gusta su interfaz, no me convence no termino de verla integrada con el resto del sistema. Por ello me he proponido solucionarlo a base de themes, plugins, etc.

El resultado:

Captura de pantalla 2009-11-25 a las 22.01.13

Continuar »

Plugins

Fecha relativa en los comentarios y noticias de Wordpress

Comments
publicado el 4 de October del 2009 bajo , , , , , , , , , , , , .

La fecha relativa al día de hoy es mucho más visual y útil que la fecha tradicional. Es más fácil darse cuenta de que una noticia ha sido escrita hace poco si en vez de 04/Oct/09 a las 21:30 nos encontramos con un fecha relativa como hace 1 hora.

Por desgracia Wordpress no nos da esta opción por defecto, pero usando WP-RelativeDate podemos mostrarlas sin mayor problema. El plugin automáticamente remplaza la fecha tradicional de Wordpress por el formato relativo.

El único problema es que el plugin está en ingles pero podremos traducirlo modificando el archivo wp-relativedate.php del plugin. Yo ya lo he traducido para el blog así que dejo el código para ahorrar molestias.

CSS

Página de prueba HTML para testear nuestro CSS

Comments
publicado el 24 de June del 2009 bajo , , , , , , , , , , , .

En Snipplr podemos ver los fragmentos de código que usan otros diseñadores. Algunos de ellos son realmente buenos como este que he encontrado hoy.

Es sencillo. Simplemente es una página HTML en la que encontraremos aquellos elementos más comunes y asi podremos probar nuestra hoja de estilo CSS y comprobar que elementos hemos definido, cuales no y cuales están bien y cuales no. Todo ello desde una solo página de un solo viztazo.

A continuación os dejo el código aunque también podeís verlo en snipplr. Continuar »