Conoce a Minianimalista

Se trata de nuestro tema para Wordpress que hemos bautizado minianimalista y que cuenta con algunas características que creemos pueden resultar interesantesy novedosas (pues no las hemos visto en otras plantillas, no porque no existan). A continuación un breve resumen de las más importantes:

• Basado en el Framework Blueprint CSS
• Diseño sencillo y sobrio.
• Escrito desde cero logrando código XHTML y CSS limpio.
• Fácilmente internacionalizable y localizable.
• Soporte para Gravatars

Diseño y desarrollo basado en Blueprint CSS Framework

La utilización de este framework CSS como base para el planteo del diseño y el desarrollo permitió que de manera sencilla hayamos podido utilizar una grilla organizativa e implementar la técnica de ritmo vertical en la composición tipográfica. Bueno, este último punto no fue muy fácil de lograr pero con un poco de práctica se aprende a dominar la técnica.

Estas dos características comunmente utilizadas en el diseño tradicional, pero que no son sencillas de trasladar al diseño web, contribuyen a lograr un resultado equilibrado, ordenado y armonioso.Ver este post con la grilla de base activa.

Si bien el diseño no es netamente minimalista, se han mantenido al mínimo los elementos decorativos en el tema. Pero como podrán ver en ‘web al plato’ se puede extender y modificar para adaptarlo al gusto personal de cada uno.

Código escrito desde cero

Utilizando un template vacío para Wordpress se construyó desde el principio para que cumpla con los estándares XHTML y CSS.

Sin embargo, por motivos que casi todos los desarrolladores conocemos y sufrimos a diario existe la excepción de tener que servir una plantilla adicional con ‘tweaks’ para Internet Explorer 6 y 7 (mueran ya por favor!).

Se han reducido casi al mínimo los archivos que utiliza Wordpress para mostrar su contenido por lo cual puede servir como base para extenderlo a temas más complejos.

Fácil de internacionalizar y localizar (o traducir)

Todos los textos y otros elementos (como las fechas) que utiliza el tema han sido implementados de manera que puedan ser fácilmente adaptados a otros idiomas y costumbres.

A continuación algunos consejos para que puedan utilizar y sacar provecho de estas características.

Cómo internacionalizarlo y localizarlo

Por defecto el tema contiene todos los textos en inglés. Se eligió este idioma por resultar el más universal y que cualquier desarrollador pueda utilizarlo como base y crear su propia traducción.

Para traducir el tema a otros idiomas hay que seguir los siguientes pasos. Vamos a suponer que queremos traducir el tema al catalán.

1. Configurar WP para el idioma específico al que vamos a traducirlo.

En el archivo wp-config.php de Wordpress descomentar y cambiar la siguiente línea:

define ('WPLANG', 'en_EN');

por

define ('WPLANG', 'ca_CA');

Por ahora no veremos ningún cambio hasta que completemos el segundo paso.

Enlace útil: Listas de códigos para los idiomas.

2. Traducción del archivo que contiene los textos

Las traducciones a cada idioma se encuentran en los archivos .po y .mo que están la carpeta del tema.

Nota: los archivos .po contienen los textos a traducir. Los archivos .mo son versiones compiladas de los anteriores que, generalmente, los programas de edición  crean automáticamente cada vez que guardamos el .po. Por esto asumiremos de aquí en adelante que trabajaremos sólamente con los archivos .po.

Como punto de partida deberemos hacer una copia del archivo es_ES.po y guardarlo como ca_CA.po.

Luego, con algún programa de edición como Poedit abrimos este nuevo archivo y vamos traduciendo las cadenas de texto original al idioma elegido.

Enlace: Más info para trabajar con archivos .po.

3. Configuración del formato de la fecha

En el panel de Administración de Wordpress seleccionar:

Opciones > General > Formato de fecha

y configurar lo de acuerdo a sus preferencias o al uso común en el idioma. Por ej.

d de F de Y

Enlace: Documentación para los formatos de fecha.

Con esto ya deberíamos poder disfrutar del tema en nuestro idioma favorito.

Consejos de uso

Trabajando con imágenes

Para incluir imágenes en nuestros post sin que perdamos el ritmo vertical en el resto de la página solamente debemos asegurarnos de que la altura de la misma sea múltiplo de 18px.

Por ej. 18px, 36px, 54px, 72px, 90xp, 108px, etc.

Activar la grilla para verificar el ritmo vertical

En todo momento podemos activar la grilla de fondo agregando a la URL de las páginas el parámetro ’showGrid=1′.

Por ej.: https://envero.org/blog/2009/06/12/minianimalista-v02-para-wordpress-libre-al-fin/?showGrid=1 (ver este post con la grilla activa).

Compatibilidad

Este tema ha sido probado con las versiones de Worpress 2.6.x y 2.7.x. Sin embargo, es probable que funcione sin problemas en versiones anteriores o más modernas.

Problemas conocidos

• Al momento de plantear el diseño se utilizó como alto de línea 18px y 12px para el cuerpo que son las medidas que utiliza por defecto Blueprint CSS. Sin embargo, para lograr óptima legibilidad este interlineado es insuficiente. Está previsto que sea corregido en la próxima versión de minianimalista.
• En Internet Explorer 6 aparece un ‘misterioso’ espacio en la parte inferior del formulario que no hemos podido de momento eliminar. No afecta en nada la funcionalidad del tema.

Descarga

Enlace: Descargar minianimalista_v02.zip.

Licencia

minianimalista v0.2 Wordpress theme by envero.org está licenciado bajo GNU General Public License (GPL) version 3 sólo nos gustaría que, por cortesía, se conservara el link hacia nuestro blog en el pie del tema.

Ahora al plato

Comenzamos por cambiarle el nombre. “envero blog” resultaba un tanto inexpresivo y no transmitía la razón esencial  por el que tenemos este blog: expresar nuestros puntos de vista sobre este vasto mundo del desarrollo y el diseño web, internet, las tecnologías directamente e indirectamente relacionadas y su impacto en la sociedad.

Poniendo al plato estas ideas buscamos servirle contenidos y opiniones que creemos pueden resultar interesantes a nuestros lectores.

Nueva cara

Hemos implementado la nueva versión de nuestro tema para Wordpress llamado minianimalista v0.2. El mismo tiene algunas características interesantes que podemos destacar:

• Basado en el framework CSS Blueprint.
  El nuevo diseño está diagramado en base a una grilla y aplicando la técnica del ritmo vertical para la composición tipográfica (ver este post con la grilla de fondo). Fue un trabajo enorme llevar a cabo el tema respetando completamente estos preceptos pero valió la pena ya que ganamos mucha experiencia en el uso del framework y en la técnica de ritmo vertical.
• Cumple con la especificación de los estándares XHTML y CSS.
  Con excepción, por supuesto, de Internet Explorer que requiere de algunos ‘tweaks’ especiales para domarlo.
• Fácilmente localizable e internacionalizable.
  Todos los textos del tema son traducibles modificando un archivo .po y cambiando una línea en la configuración de WP.

En los próximos días estaremos liberando la versión básica del tema (sin algunos retoques estéticos para este blog) a la comunidad para su descarga y uso gratuito.

Ahora 50% más vivo

Esta es la razón más importante que nos movió a actualizar el blog. En los últimos tiempos hemos podido aumentar la frecuencia de publicación lo cual siempre fue un tema pendiente para nosotros. No queríamos que ‘envero blog’ fuera uno más de los millones de blogs abandonados. En el futuro esperamos poder continuar con este ritmo de publicación.

Los invitamos, si gustan, a dejar su crítica, comentario, reporte de bugs, etc. en los comentarios del post.

El equipo de envero espera que estos cambios sean de su agrado y resulten en una mejor experiencia de uso para nuestros visitantes.

Los ponemos a libre disposición de todos los que lo necesiten de manera gratuita. No crean que es gran cosa pero esperamos que alguien los pueda aprovechar.

Descarga: anteojos_3d.ai

Por estos días estamos diseñando un pequeño set de iconos para el diseño de una interface del sistema de un cliente. Como algunos me resultaron simpáticos me dieron ganas de mostrar algo.

Cabe aclarar que están en proceso y les hacen falta ajustes y correcciones, sobre todo en lo cromático.