QLAB - Questionnaire Laboratory Research Group

Technology: 
ImpressCMS
Project website: 
www.qlabgroup.com
Collaboration: 
No

QLAB group website is another work for one of my best customers. This time the task was building a tiny website for his small research group. This customer needed something very small but very easy to use and maintain.

Simple and user friendly? Who can I trust?

Enter ImpressCMS. The default content module and imBlogging module, both them hacked to allow image uploading, and the integrated FCKeditor (with some quirks I fixed and reported at our bug tracker) did the trick. To process the images, and resize them automatically, I used my own magic bullet, the Smarty "resized_image" plugin.

The template is written from scratch using "Barebones". It just have 200 lines of CSS code, and it uses some CSS3 properties such as box-shadow and font-face, which I discovered is quite safe to use. It also uses a small jQuery script to automatically distribute links horizontally in the menu area, as its impossible to spread elements horizontally to fill an specified area using just CSS.

Besides that, this site has been tested in Android. And it works great!

QLAB group es un nuevo encargo de uno de mis mejores clientes. Esta vez el trabajo consistía en construir un pequeño sitio web para su grupo de investigación, adscrito a la Universidad de Granada. El cliente necesitaba algo muy pequeño y muy fácil de usar y de mantener.

Para mí, fácil de usar y de mantener significa ImpressCMS.

Los módulos Content e imBlogging, ambos modificados por mí para que pudieran anexar imágenes, y el editor FCKeditor me daban la funcionalidad que necesitaba. Para procesar las imágenes y redimensionarlas automáticamente, usé un plugin de Smarty que yo mismo desarrollé, Smarty "resized_image" plugin.

La plantilla fue construida desde cero partiendo de mi propio wireframe "Barebones". El sitio terminado tiene sólo 200 líneas de CSS, y usa un par de propiedades CSS3, box-shadow and font-face, que puede usarsa con toda confianza. También usa un script de jQuery para distribuir enlaces horizontalmente en un áreade forma automática, puesto que es imposible hacer eso usando sólo CSS.

Además, el sitio ha sido probado en un Smartphone Android, y funciona muy bien.