UTUQU

Utuqu es una librería CSS para desarrollo web gratuita.

Esta librería parte de algunos prejuicios fuertemente enraizados en mi vida como desarrollador web:

• Solo uso clases, para reducir la aparición de poblemas de especificidad. ID = poblemas
• Sigo la nomenclatura BEM, que es descriptiva y facilota de adaptar
• Documentación en la propia hoja de estilos, a menudo de forma incompleta o inutil
• Los enlaces los subrallo para que parezcan enlaces. Toma, castaña
• Estoy un poquito saturadito de tanto freimgüorc JavaScript... hoy no juegas ECMA
• Solo viene con las las patatas, el bonito lo pones tú

Características

Desengañate, esa web tan chula que has diseñado solo la veran tu cliente, su pareja y la tuya. El resto de los mortales verán un churro pabajo en las pantallas de sus móviles. Utuqu genera ese churro pabajo de forma automática permitiendote, pequeño padawai, pasarte el desarrollo mobile-first y toda esa mandanga por donde te plazca.

Las clases en Utuqu están escritas en casteplano, la segunda lengua más hablada del mundo mundial. Y no es que nos importe mucho, pero con tal de bajarles los humos a los descendientes de la pérfida albión, lo que sea oiga. Y de paso cultivamos esa tan castiza costumbre de pensar lo justo.

Utuqu está construido sin pre-procesadores, herramientas de linea de comandos u otras chuminadas jipster que te mantienen la mitad del tiempo leyendo manuales e instalando paquetitos y la otra mitad averiguando porque a tí no te funciona. Copipaste del de toda la vida oiga.

Como Utuqu ha acabado teniendo muchos archivos ha habido que meterlos en carpetas porque si no era un lio tremendo:

• Base: contiene las características básicas; ajustes globales, cuadrícula, estilos básicos de texto, formularios y una biblioteca de utilidades.

• Componentes: aquí se encuentran componentes con funcionalidades completas, como los menús, la barra superior, las pestañas o los desplegables.

• Módulos: está carpeta está vacia por defecto, para que guardes las plantillicas que te vayas haciendo.

• Extensiones: contiene extras provenientes de otras librerías de código abierto; una biblioteca de filtros CSS para imágenes o Animate CSS entre otras.

Próximos capítulos

• Pestañas-acordeon como las de Foundation 6.3, en CSS
• Imagen de cabecera en pantalla completa
• Paneles deslizantes
• Clases para formularios