Últimos Artículos

Un pattern o estampado en diseño web se refiere a una imagen utilizada generalmente como fondo y que se repite tanto horizontal como verticalmente para dar la ilusión de una imagen continua… como un papel mural, si quieren. Por ejemplo:

Y ahora, lo importante: dónde encontrar “estampados”.

  • Squidfingers es probablemente el sitio más tradicional para encontrar estampados. Actualmente tienen 158, en general son muy sencillos, son gratis, sin condiciones, aunque “un enlace sería muy apreciado”.
  • DinPattern es una colección mantenida por evaneckard.com. Se pueden utilizar en proyectos personales o comerciales, dejando un enlace al sitio (”se apreciaría” la atribución correspondiente). Hay algo así como 50 estampados y la colección sigue creciendo. En general, son más trabajados que los de Squidfingers.

Tags: , ,

He estado trabajando en la actualización de un sitio web de un cliente, para el que necesitaba agregar algo de javascript…

Como siempre, durante todo el proceso ocupé mi perfil de firefox cargado de mis selección de extensiones para el desarrollo de sitios web.

Como siempre, al cabo de un rato todo funcionó bien en Firefox… y como siempre, en Explorer no todo funcionó… es que hay cosas que no cambian.

Busqué y busqué qué podía estar mal… revisaba los ejemplos del script que estaba usando, las dependencias, el HTML, las CSS… y seguía estando mal… hasta que pensé que mi única opción era simplemente pedir ayuda a través del foro de mootools, no sin antes buscar si había algo que pudiera hacer antes de publicar mi duda…

Y finalmente, lo encontré: todo se debía a una coma.

Lo publico acá para que no se me olvide ni les pase a ustedes: en javascript, la última opción agregada a una clase no debe llevar coma al final.

Odio al Explorer… y javascript no me cae tan bien.
Por suerte, para mañana sólo me queda la parte con PHP.

Tags: ,

Han pasado casi 3 semanas desde el lanzamiento de WordPress 2.5, y tras haberle dado algunas vueltas finalmente he actualizado este blog a esta nueva versión… como siempre he encontrado poco sentido a los post de “he actualizado”, aprovecharé para plantear una o dos cosas sobre esta nueva versión del que hoy por hoy es el software para weblogs más popular.

Sabemos que hubo problemas previos a su lanzamiento: en primer lugar, su desarrollo demoró “algo” más de lo presupuestado en el ciclo de desarrollo de cuatro meses planteado en enero del 2007 (lo que incluso llevó a que pasáramos directamente desde la versión 2.3 a la 2.5, saltando la 2.4). Además, creo que muchos recordarán los primeros comentarios que levantó el rediseño del panel de administración cuando se “filtraron” sus primeras imágenes

Dejaré eso en el pasado; ahora comentaré cómo me ha resultado este “nuevo” WordPress, ya que al poner en la balanza lo bueno y lo malo… bueno, ya verán.

Este artículo continúa, sigue leyéndolo →

Tags: , , , ,

wordTube es un excelente plugin para reproducir y administrar archivos multimedia (video, audio) en WordPress. Hace tiempo había contribuido con la traducción al español del mismo, pero dado que su desarrollo sigue avanzando, habían varios textos sin traducir… hasta ahora.

Descargar: Traducción de wordTube al español

La instalación, como siempre, es sencillísima: basta con extraer los archivos en el directorio languages del plugin (wp-content/plugins/wordtube/languages).

Esta traducción está hecha para la presente versión del plugin (1.6), pero es probable que también funcione con versiones venideras.

Tags: , , , ,

Como ponía hace un par de días atrás al presentar PHPSpeedy, una de las medidas que podemos tomar para mejorar el tiempo de carga de un sitio web es agregar cabeceras de expiración muy lejanas en el futuro.

Primero expondré cómo lograrlo y más adelante algunas explicaciones que podrían ser útiles si andas medio perdido.

Cómo hacerlo

Primero que nada, debes en cuenta que esto sólo funcionará si estás trabajando con Apache como servidor web. Ahora, pondré como ejemplo que queremos controlar la expiración de los archivos como imágenes, etc. que hemos subido en nuestro directorio wp-content/uploads de una instalación de WordPress.

El primer paso será, por supuesto, ir al susodicho directorio. Una vez allí, debes crear un archivo .htaccess o editar el que ya tengas allí y agregar lo siguiente:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 6 months"
</IfModule>

Con ello, todos los archivos que estén bajo wp-content/uploads (y sus subdirectorios) informarán que expiran en 6 meses tras la fecha en que el usuario ha accedido a ellos.

Si usas Firefox y tienes instalada la extensión Web Developer, puedes revisar si está funcionando si te diriges a Information → View Response Headers. En la página que presenta la información deberías ver entre las respuestas una que diga Expires:

El tiempo se puede especificar desde la fecha de acceso (access, como en este caso) o desde la fecha de modificación del archivo (modification), y el lapso de tiempo se puede determinar como years, months, weeks, days, hours, minutes, seconds. Por supuesto, las equivalencias de tiempo se mantienen (o sea, 1 month = 30 days = 2592000 seconds). También se pueden especificar algo como 1 year 6 months 15 days.

Ahora, otro ejemplo, esta vez con los archivos de nuestro tema. Lo mismo que en el caso anterior, nos dirigimos al directorio donde está y creamos el archivo .htaccess, pero en este caso agregaremos algo nuevo: ya que de vez en cuando damos algunos retoques a nuestras hojas de estilo o al javascript, fijaremos una expiración menor en estos casos:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 6 months"
ExpiresByType text/css "access plus 2 weeks"
ExpiresByType text/javascript "access plus 4 weeks"
</IfModule>

Como puedes ver, ExpiresByType debe ir seguido del tipo de archivo para el que queremos ajustar con mayor precisión la expiración y luego la cantidad de tiempo que le queremos dar.

Existe otra forma de fijar el tiempo: en vez de modification y access se utilizan simplemente las letras M o A y luego el tiempo en segundos: ExpiresDefault A86400 = un día después del acceso.

Este artículo continúa, sigue leyéndolo →

Tags: , , ,

Mar 19 2008

pichaus

Hace sólo un par de días comentaba sobre vi.sualize.us, un servicio para marcar imágenes que encuentras por internet a-la del.icio.us, y poco después me pillé con este otro servicio bastante similar: pichaus

Ciertamente, existen varias diferencias entre ambos: pichaus se trata básicamente de un servicio para guardar imágenes, ya sea que estén en tu computador (puedes subir imágenes) o en internet (puedes agregarla con un bookmarklet/favelet). A diferencia de vi.sualize.us, en pichaus quedará una copia de la imagen en su tamaño original.

Puedes agregar amigos y descripciones a las imágenes pero no tags y sólo existe un feed por usuario. El servicio es muy sencillo, pero resulta ideal para ir guardando un recorrido visual.

Tags: , , , ,

Hace tiempo escribía sobre las nuevas fuentes distribuídas por Microsoft en Office 2007 y Windows Vista —que, sin llegar a ser el parámetro de toda belleza, son ciertamente una mejora significativa sobre el típico set Arial, Tahoma, Verdana… y son “gratis”.

Sin embargo, al poco me topé con un problema: Calibri se veía horrible en Ubuntu. Sólo Calibri, y solamente entre los 10 a 14 píxeles, se mostraba sin anti-aliasing… algo así:

Calibri sin anti-aliasing

Afortunadamente, hace poco encontré la solución a este problema a través de los foros de soporte de Ubuntu: existen (al menos) dos versiones de esta fuente. La versión que viene en Office 2007 es la 1.02, y es la que presenta los problemas en Linux. La versión 1.0 de la fuente, por su parte, funciona bien.

Es posible acceder a la versión 1.0 de Calibri descargando el Microsoft Office Compatibility Pack for Word, Excel, and PowerPoint 2007 File Formats (Beta 2 Technical Refresh), que en pocas palabras es parche para que versiones anteriores (2000, XP, 2003) de Office puedan trabajar con los nuevos formatos de Office 2007 (sí, el polémico Office OpenXML)… y, por supuesto, lo que nos interesa: trae las fuentes.

Entonces:

  1. Primero, debemos bajar el armatoste de Microsoft, por ejemplo, a un directorio temporal que llamaremos ottf.
  2. Si no lo tienes instalado, sudo apt-get install cabextract.
  3. Desde la línea de comandos (terminal): accedemos al directorio donde guardamos la descarga y desarmamos el paquete con cabextract O2007Cnv.exe
  4. Seguimos desarmando, ahora el paquete que contiene los archivos de la instalación: cabextract O12Conv.cab
  5. Creamos un nuevo directorio, donde almacenaremos temporalmente las fuentes: mkd msfonts y las movemos allí: mv *.ttf msfonts y mv *.ttc msfonts.
  6. Ahora, a copiar el directorio con las fuentes: sudo cp msfonts /usr/share/fonts/truetype.
  7. Y a refrescar el cache de fuentes: sudo fc-cache -f –v.

¡Listo! (Hat tip para hackand)

Tags: , , ,

Acerca de yukei.net

yukei.net es un weblog escrito por Felipe Hernán Lavín Zumaeta desde
Viña del Mar (Chile)
sobre Wordpress, Open Source, tecnologías de internet y herramientas para weblogs y otras cuestiones.