Estudiantes aprendiendo y creando con TrummerWork

Framework CSS educativo

Construye sitios web mientras aprendes.

Un framework ligero, con clases descriptivas y ejemplos guiados para quienes comienzan en desarrollo web. Úsalo directamente en tu HTML, sin Node.js ni proceso de compilación.

Empieza a aprender
Estudiantes trabajando juntos en un proyecto

Aprende paso a paso

De tu primer estilo a una interfaz completa.

Explora componentes reutilizables, modifica los ejemplos y practica HTML y CSS a tu ritmo. TrummerWork acompaña tu aprendizaje; no reemplaza los fundamentos web.

Consulta la documentación


Añade TrummerWork a tu Proyecto

Visita Instalación para ver instrucciones más detalladas.

Copia este link en tu seccion head de tu html

index.html
<link rel="stylesheet" href="https://trummerwork-project.web.app/style.css">

Copia este link ANTES DE terminar el body de tu html

index.html
<script src="https://trummerwork-project.web.app/script.js"></script>

Descarga los archivos de TrummerWork

Ver versión 2.0.0

Con este botón podrás descargar TrummerWork y trabajar de manera local

Sí tienes problemas con la descarga, contactanos

¿Por qué elegir TrummerWork?

La mayoría de frameworks modernos están hechos para expertos. TrummerWork se diferencia porque nace en las aulas, creado por y para estudiantes y nuevos desarrolladores. No necesitas saber todo desde el inicio, te damos una base intuitiva para que construyas tus ideas sin frustraciones.

Nuestros objetivos

TrummerWork nace con el objetivo de simplificar el desarrollo web para todos. Busca ser una herramienta accesible, clara y eficiente que permita crear sitios modernos y dinámicos sin complicaciones, acompañándote desde tus primeros pasos en el código hasta interfaces profesionales.

Esta es una tarjeta

Esta tarjeta fue creada utilizando únicamente las clases nativas de TrummerWork. Sin necesidad de escribir CSS personalizado ni complicadas configuraciones de compiladores...

index.html
<div class="tarjetas borde-redondo-mediano">
  <h2 class="titulo-pequeño">Tarjeta</h2>
  <p class="texto-mediano">
    contenido..
  </p>
</div>

¡Hey! Esta herramienta está en constantes actualizaciones

Lo sentimos, si encuentras algún error, por favor comunicate con nosotros

Si deseas colaborar con el proyecto o tienes alguna duda o pregunta, puedes comunicarte con nosotros por medio de: trummerwork@maxtrummer.edu.co o mediante 316 (601)5580