Esta é uma coleção de temas CSS sem classes para usar como pontos de partida no desenvolvimento web. Fonte por trás deste. Como obter este tema? Cole este snippet no <head> do seu site. Encontrou um bug? Quer adicionar um tema à lista? Veja a fonte cssbed no github.
Veja esta mesma página em um tema sem classes 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 que usar temas sem classes? Responsivo. Bom suporte a navegadores. Bonito. Tamanho pequeno (< alguns kb) - você não desperdiça bytes em cada widget imaginável. Sem curva de aprendizado - use HTML como faria normalmente em vez de ir à documentação para aprender qual classe faz o quê e ter que lutar contra o framework. Tópico original do Hacker News. É responsivo? Com certeza! Não inclui estilos sofisticados, então é facilmente responsivo para dispositivos móveis. Basta adicionar a famosa tag de viewport responsiva e você estará pronto! Na verdade, tente redimensionar esta página. Tudo flui super bem como você verá.
Demonstrações de elementos: Esta página deveria ser uma página de demonstração, então precisamos de mais elementos! Elementos de formulário. Código: Abaixo está algum código, você pode copiá-lo com Ctrl-C. Você sabia que alert(1) pode mostrar um alerta em JavaScript! // Isso registra uma mensagem no console console.log('Hello, world!'). Outros: Aqui está uma régua horizontal e uma imagem porque não sei onde mais colocá-las. Isto é um ou um mais formal. Isto é um blockquote. Bom e velho texto pré-formatado, sem código algum. E aqui está uma tabela bem marcada! Nome: Godzilla, Quantidade: 2, Preço: $299.99; Nome: Mozilla, Quantidade: 10, Preço: $100,000.00; Nome: Quesadilla, Quantidade: 1, Preço: $2.22. Tipografia: 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. Isto é forte, isto é normal, isto é apenas negrito, e isto é enfatizado! E veja, aqui está um link.
Fonte: Hacker News · Resumido por HeadlinesBriefing