Recursos
publicado el 3 de February del 2010 bajo código, compatibilidad, Flash, HTML5, SublimeVideo, Vídeo.
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
publicado el 15 de January del 2010 bajo Api, Ayuda, Blog, código, Comentarios, Crear, CSS, Guiabreve, HTML, Mac, Manual, Navegadores, PC, PHP, Plugin, Plugins, Problemas, Prueba, Theme, Themes, Wordpress, Wordpress.org.
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 »
Wordpress
publicado el 17 de December del 2009 bajo Blog, código, Imágen, Imágenes, Loop, Manual, Miniaturas, Novedades, Online, PC, PHP, Theme, Thumbnails, Wordpress, Wordpress 2.9.
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):
-
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):
-
<?php the_post_thumbnail( ‘medium’); ?> // Imagen mediana
-
<?php the_post_thumbnail(’large’); ?> // Imagen grande
-
<?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.
Navegadores Web
publicado el 26 de November del 2009 bajo Addons, Base, Carga, código, Firefox, GD, Google, Guiabreve, HTML, img, Mac, Modificación, Mozilla, PC, Pestañas, Plugin, Plugins, Safari, Solucion, Theme, Themes, Vfox 3, Windows.
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:

Continuar »
Plugins
publicado el 4 de October del 2009 bajo Blog, Carga, código, Comentarios, Descarga, Fecha, Guiabreve, HTML, PC, PHP, Plugin, Wordpress, WP-RelativeDate.
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
publicado el 24 de June del 2009 bajo Api, App, Ask, código, CSS, HTML, img, Plugin, Prueba, Snipplr, Template, Test.
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 »