Tres tutoriales para diseñar layouts con Photoshop qué hacen un uso intensivo del color azul

Esta es una minirecopilación de tutoriales para crear interfaces con Photoshop qué hacen un uso especial del color azul.

DHX quick tables y como mostrar / actualizar información en una base de datos

Vamos a ver como poder trabajar con la información de una base de datos MySQL mediante el componente DHX quick tables. Esta extensión está especialmente indicada para todos aquellos que desconocen como escribir código para realizar las funciones de editar o actualizar en bases de datos pero necesitan alguna forma sencilla de hacerlo.

Lo primero (y único) que necesitas es descargar el archivo de instalación y subirlo a una carpeta de tu servidor (se requiere soporte PHP por supuesto).
Leer más

Traducción al castellano del plugin WPTouch para versiones móviles de wordpress

Recientemente he instalado el plugin WPTouch para optimizar la navegación desde dispositivos móviles y trás unos ligeros retoques de personalización he decidido traducirlo al castellano para completar la instalación.

El plugin no dispone de un sistema de traducciones, tal vez en sucesivas versiones lo implementen pero en tanto la única manera es editar los archivos de los temas ‘a la brava’.
Leer más

Jugando con @font-face (HTML5)

Durante años, los desarrolladores hemos estado tipográficamente limitados a las pocas fuentes disponibles para todos los navegadores. Cierto es que con el tiempo han ido apareciendo multitud de recursos para poder hacer uso de cualquier tipo de fuente de texto como puede ser Cufon o sIFR pero todas ellas requieren de la utilización de javascript, php e incluso flash. Aunque aún es pronto principalmente debido a la cuota de uso de Internet Explorer, ya los demás navegadores aprovechan o están a punto de aprovechar las nuevas características implementadas en HTML5.

Estos días atrás estuve jugando un poco con @font-face, ello permite cargar cualquier tipo de fuente para ser utilizada en tu web. En concreto he cambiado la fuente de los títulos de los posts de este blog que utiliza un atributo ‘h2′ quedando de la siguiente manera:

Su utilización es muy sencilla:

@font-face {
font-family: breipfont;
src: url(images/breipfont.otf) format("opentype");
}

Con esto cargamos la fuente (en mi caso breipfont) haciendo la declaración con la regla ‘font-face‘ y le asignamos un nombre.

.post-content h2 {
font-family: 'breipfont', 'Georgia';
font-size: 26px;
line-height: 30px;
padding-left: 18px;
}

Se la aplicamos a ‘h2‘ haciendo la llamada con ‘font-family‘. Si el navegador es compatible aplicará la fuente ‘briepfont‘ y en caso contrario utilizará ‘georgia‘. Sencillo verdad?

Aquí tienes un listado de fuentes disponibles para descarga.

Notas: Observo que Chrome y Opera no renderizan aún las fuentes, es extraño ya que anuncian su compatibilidad en sus últimas versiones. No he investigado demasiado el tema pero parece que en el caso de Chrome es debido a algún bug. Firefox 3.5 y Safari desde su versión 3.1 lo hacen a la perfección.

Permisos de directorio y archivos para wordpress

En relación con la seguridad en nuestras instalaciones de wordpress vamos a hacer un listado con los permisos de directorio y archivos en nuestro servidor. Fijaremos con CHMOD para ello los más importantes, los valores con los que jugaremos son 755 y 644.

Explicación de los comandos:

755 – Permiso de lectura y acceso de ejecución para cualquiera y también acceso de escritura para el propietario del archivo.
644 – Permiso de escritura para ti pero solo de lectura para el resto.
Leer más