Modesto CSS 1.1.1

Um framework CSS simples (fortemente inspirado pelo visual do CodyFrame), para estilizar minimamente um conteúdo tipo "texto" sem precisar adicionar nenhuma classe (ou o mínimo) aos elementos nativos.

👉 Projeto disponível no Github: https://github.com/nalmeida/modesto

modesto: dotado de modéstia; isento de vaidade; simples, despretensioso.

Princípios

1. 📖 Semântico
2. 👋 Independente de qualquer conteúdo externo
3. ♿️ Acessível
4. 🤓 ClassLess: evitar ao máximo a necessidade colocar class nos elementos
5. ⚡️ Leve, MUITO leve para se "embedado" direto na página 👉 modesto.min.css ()

Utilização

Versão com o CSS aberto:

<link rel="stylesheet" href="https://unpkg.com/modesto@latest/modesto.css">

Versão com o CSS minificado:

<link rel="stylesheet" href="https://unpkg.com/modesto@latest/modesto.min.css">

Documentação

Escreva um HTML semântico.

→ Página de exemplo com elementos HTML

Ferramentas

• 📘 Ferramenta para criação de layouts e solução de problemas comuns com CSS: https://csslayout.io/patterns
• Inconmonstr: https://iconmonstr.com/
• 🖼 Otimizador de SVG online: https://jakearchibald.github.io/svgomg/
• 🎨 Encycolorpedia - ferramenta para análise e sugestão de cores: https://encycolorpedia.com/2b6ef3
• 🛠 Lista de ferramentas, snippets e coisas úteis de CSS: https://undesign.learn.uno/snippets/
• Favicon criado pelo Favicon.io usando a fonte Rubik e o otimizado usando as dicas do post do Jayden Seric

Outros frameworks

• CodyHouse: https://codyhouse.co/
• Código do CodyHouse no Github: https://github.com/CodyHouse/codyhouse-framework/
• Pure CSS Framework: https://purecss.io/start/
• Screen CSS: https://screencss.com
• MVP CSS: https://andybrewer.github.io/mvp/
• CSS simples, parecido com o Medium: http://markdowncss.github.io/splendor/
• Frameworks tipo ClassLess: https://github.com/dbohdan/classless-css

Gentilmente hospetado por: