UIFundamentos
Color, tipografía, espaciado, radio, elevación e iconos.
Código abierto · GPL-3.0
Un solo aspecto para cada plugin de Moodle
La referencia para crear plugins de Moodle que se ven y se comportan igual en cada versión compatible. Cada componente, con todas sus variantes, se dibuja con el CSS real de cada LTS de Moodle y se mide sobre él.
Pruébalo ahora
Todo este sitio responde a estos tres controles. Cámbialos y los ejemplos cambian con ellos.
Versión de MoodleLos ejemplos se dibujan con el CSS de esa versión.
Tema de DidactikaDibuja cada ejemplo con la paleta de Didactika.
InspeccionarHaz clic en un elemento de cualquier página de componente para medirlo y leer su HTML y su CSS.
Guardado: el perfil se activó.
primarysuccess
3Versiones de Moodle
400Iconos de Moodle mapeados
666Tokens de diseño leídos
2Idiomas
71Páginas
Explora el sistema
Cada sección, desde los fundamentos hasta páginas completas.
Componentes de Bootstrap
Todos los componentes de Bootstrap con todas sus variantes y estados.
Componentes de Moodle
Formularios, modales, navegación y el resto de lo que dibuja Moodle.
Componentes de Didactika
Lo que añaden nuestros plugins: listas, filtros, pasos, comparar versiones.
Patrones
Páginas completas montadas con los componentes.
Guías
Adaptar un plugin, escribir un tema, revisar una pantalla.
Cómo construimos en Didactika
Seis reglas que deciden cada pantalla de cada plugin.
Moodle dibuja, el tema decide
Botones, campos, formularios y diálogos son componentes de Bootstrap y de Moodle. Un plugin nunca los redibuja, así que un tema reestiliza todos los plugins a la vez.
Una capa fina encima
Solo añadimos lo que Moodle no tiene como componente: el marco de una lista, badges teñidos, pasos, tarjetas de elección y estados vacíos.
Un marcado, todas las versiones
Las mismas clases funcionan en Bootstrap 4 (Moodle 4.x) y en Bootstrap 5 (Moodle 5.x). Cada página muestra dónde cambia un nombre.
Medido, no descrito
Tamaños, espaciado, radio, tipografía y colores se leen del CSS real de la versión que elijas, así que no se pueden separar del código.
Accesible por defecto
Contraste, foco, teclado y etiquetas forman parte de cada componente, no son un añadido final.
Abierto y bilingüe
Documentado en español e inglés, versionado por LTS de Moodle y publicado como código abierto.