Esta es una colección de temas CSS sin clases para usar como puntos de partida en el desarrollo web. Fuente detrás de este. ¿Cómo obtengo este tema? Pega este fragmento en el <head> de tu sitio web. ¿Encontraste un error? ¿Quieres agregar un tema a la lista? Consulta la fuente de cssbed en github.
Ve esta misma página en un tema sin clases diferente: HTML only, awsm.css, bahunya, bamboo, bootstrap, evenbettermotherfucking, holiday.css, kacit, marxy, meyer, minicss, mvp.css, no-class, pico.css, sakura, sakura-vader, simple.css, stylize.css, tacit, thebestmotherfucking, tufte, vanilla-css, w3c-chocolate, w3c-traditional, water.css-dark, water.css-light, wright, yorha.
¿Por qué usar temas sin clases? Responsivo. Buen soporte de navegadores. Hermoso. Tamaño pequeño (< unos pocos kb) - no desperdicias bytes en cada widget imaginable. Sin curva de aprendizaje - usa HTML como lo harías normalmente en lugar de ir a la documentación para aprender qué clase hace qué y tener que luchar contra el framework. Hilo original de Hacker News. ¿Es responsivo? ¡Claro que sí! No incluye estilos elegantes, por lo que es fácilmente responsivo para móviles. ¡Solo agrega la famosa etiqueta de viewport responsivo y estarás listo! De hecho, intenta redimensionar esta página. Todo fluye súper bien como verás.
Demostraciones de elementos: ¡Se supone que esta es una página de demostración, así que necesitamos más elementos! Elementos de formulario. Código: A continuación hay algo de código, puedes copiarlo con Ctrl-C. ¿Sabías que alert(1) puede mostrar una alerta en JavaScript! // Esto registra un mensaje en la consola console.log('Hello, world!'). Otros: Aquí hay una regla horizontal y una imagen porque no sé dónde más ponerlas. Esto es un o un más formal. Esto es un blockquote. Buen texto preformateado antiguo, sin código en absoluto. ¡Y aquí hay una tabla bien marcada! Nombre: Godzilla, Cantidad: 2, Precio: $299.99; Nombre: Mozilla, Cantidad: 10, Precio: $100,000.00; Nombre: Quesadilla, Cantidad: 1, Precio: $2.22. Tipografía: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dictum hendrerit velit, quis ullamcorper sem congue ac. Quisque id magna rhoncus, sodales massa vel, vestibulum elit. Duis ornare accumsan egestas. Proin maximus lacus interdum leo molestie convallis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut iaculis risus eu felis feugiat, eu mollis neque elementum. Donec interdum, nisl id dignissim iaculis, felis dui aliquet dui, non fermentum velit lectus ac quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Esto es fuerte, esto es normal, esto es solo negrita, ¡y esto está enfatizado! Y vaya, aquí hay un enlace.
Fuente: Hacker News · Resumido por HeadlinesBriefing