General

Noticias más leídas del blog

Comments
publicado hace 2 días bajo .

Parece que observando las noticias más leídas en los últimos días del blog no se puede obtener ninguna conclusión clara.

En principio parece que a los lectores le atrae Mootools y jQuery (Top 1 y 2), Css e Inspiración y por supuesto Wordpress del que se habla en 3 de las 8 noticias del top. ¿Alguna conclusión más relevante?

  1. ¿Como hacer un Slide con Mootools? (62 Visitas)
  2. Menú superior desplegable con jQuery (51 Visitas)
  3. Typeface.js – Utiliza cualquier fuente en tus diseños. (26 Visitas)
  4. 50 Logos ideales para inspirarse (21 Visitas)
  5. CSS framework: 960 Grid System (17 Visitas)
  6. Convierte Wordpress en una tienda online (15 Visitas)
  7. Iconos con fecha y número de comentarios para los post en Wordpress (14 Visitas)
  8. Nube de tags en 3D gracias a Flash y a WP-Cumulus (14 Visitas)
Recursos

Dummy Image, generador de imágenes de cualquier tamaño

Comments
publicado hace 5 días bajo , .

A Dummy ImageMuchas veces, sobre todo a la hora de maquetar un diseño he tenido la necesidad de generar una imagen de un tamaño determinado sin nada en especial y he tenido que recurrir a editores de imágenes.

Dummy Image nos permite generar imágenes de cualquier tamaño de forma dinámica e instantánea.

El funcionamiento es sencillo simplemente incluimos una imagen como haríamos normalmente con la URL y las dimensiones al final de la siguiente forma:

Código HTML (Copiar):
  1. <img href="http://dummyimage.com/50x50" title="Imagen de 50x50" />
  2. <img href="http://dummyimage.com/150x50" title="Imagen de 150x50" />
  3. <img href="http://dummyimage.com/300x100" title="Imagen de 300x100" />
  4. <img href="http://dummyimage.com/600x300" title="Imagen de 600x300" />

Sencillo, ¿verdad?

Tutoriales

URL cortas con nuestro propio dominio

Comments
publicado bajo , , .

No cabe duda de que las URL cortas son algo muy útiles y en un blog se les puede sacar mucho rendimiento. Yo en este blog lo uso principalmente para permitir a los visitantes compartir una noticia en Twitter.

Para crear una URL tipo http://guiabreve.com/1234 tenemos que modificar el archivo .htaccess situado en el directorio raíz de nuestro blog añadiendo debajo de RewriteEngine On lo siguiente:

Código CODE (Copiar):
  1. RewriteRule ^([0-9]+)$ ?p=$1 [R=301,L]

Luego ya podremos generar la URL corta añadiéndola a cualquier parte de nuestro blog de la siguiente forma:

Código PHP (Copiar):
  1. <?php echo get_bloginfo('url').'/'.get_the_ID(); ?>

Recursos

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

Comments
publicado hace 6 días 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.

Recursos

50 Iconos de Redes Sociales para tu Web

Comments
publicado hace 2 semanas bajo , , .

En Icon Dock han liberado un set de 50 Iconos de Redes sociales ideales para colocar en nuestra web y permitir a los visitantes compartir o enviar las noticias a las distintas redes.

Cada uno de los 50 iconos están en 32px y 16px en formato vector, por lo que podremos redimensionarlo a cualquier tamaño y seguirá viendose correctamente. Además de en formato vector EPS también vienen en PNG, y GIF. Lo mejor de todo, son muy bonitos.

Página de autor - Descargar / Lista completa de iconos

JavaScript

Presentation Cycle: Presentaciones dinámicas con barra de progreso

Comments
publicado hace 3 semanas bajo , , , .

Presentation Cycle es un plugin de jQuery creado por Gaya Kessler que nos hará presentaciones o transiciones de imágenes con texto y una barra de progreso.

En el ejemplo podemos ver el funcionamiento de este plugin en 3 diferentes formas, la básica, una minimalista y otra aún mas minimalista.

Para implementarlo en una página debemos de incluir en el header las hojas de estilo y archivos del script y del jQuery: Continuar »

Navegadores Web

Firefox 3.6 llega y es más rápido

Comments
publicado hace 3 semanas bajo , , , .

Mozilla ha liberado Firefox 3.6 y la principal novedad, esta vez si, es su velocidad e rendimiento. Los de Mozilla llevan intentando hacer que su navegador pueda competir en velocidad y rendimiento con otros como Chrome o Safari. Con esta versión parece que lo han conseguido.

Además nos trae "Personas", una nueva herramienta para personalizar nuestro Firefox; Avisos de plug-ins desactualizados y las clásicas correcciones de errores. Lo mejor sin duda la velocidad.

Yo, personalmente, estoy tan acostumbrado a Chrome que volver a Firefox me es muy difícil. En Firefox hecho de menos la página de nueva pestaña con las páginas más visitadas, la barra de búsquedas integrada en la de dirección, etc.

Puedes descargarlo desde la página oficial.

Tutoriales

Creando un Plugin para Wordpress

Comments
publicado hace 4 semanas 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 »