cuducos / pwned-antifas

https://projeto7c0.com.br/pwned-antifas/
GNU General Public License v3.0
50 stars 7 forks source link

Mudanças nas semântica do HTML e alteração do FW CSS #14

Closed nalmeida closed 4 years ago

nalmeida commented 4 years ago

Fiz uma sugestão de alteração de mudança do framework CSS do Bootstrap para um que eu criei, chamado Modesto. Basicamente ele só normaliza os elementos nativos e parte do proncípio "classless" ou seja, é só criar um HTML semântico que a coisa funciona.

Além disso modesto gzipado pesa 2.18Kb equanto o Bootstrap na casa dos 24Kb.

Criei pra usar em uns projetos meus, que são basicamente uma página como o pwned-antifas. Se acharem boa ideia, ficarei feliz em contribuir.

cuducos commented 4 years ago

Oi @nalmeida, fico feliz com o PR, mas tenho dúvidas sobre o quanto ele realmente ajuda o projetinho aqui. Algumas dúvidas para a gente refletir:

Dúvidas

Pontos negativos

Pontos positivos

Para mim, essa conta ainda não fecha. O que acham?

nalmeida commented 4 years ago

Oi @cuducos, realmente utilizar o Bootstrap que tem ampla documentação facilita muito a utilização por outros contribuidores.

Uma coisa que acho uma vantagem do Modesto é o fato de nem precisar estilizar nada, mais escrever o HTML mesmo e o resultado já parecer "diagramado". Nesse caso, a documentação é basicamente a página de exemplo.

Para essas classes geradas pelo Elm, seria realmente necessário criar um "estilo" para cada uma delas. Criei uma classe genérica de alert que poderia ser usada para o caso específico do projeto.

Sinta-se à vontade para declinar o PR. De qualquer forma, ainda recusando o "CSS" achei que o HTML ficou melhor. Transformando pontos que eram <p> em listas, havia um <em> não fechado dentro de um h2. Se achar válido, abro um outro PR só com o HTML.

PS.: "Sigo" seu perfil no Twitter e acho um BAITA trabalho de ativismo digital o que você e outros contribuidores fazem! Esse projeto mesmo é muito importante para o momento que estamos vivendo. Já deixo aqui meus cumprimentos pela iniciativa! E pela velocidade em que foi efito!

nalmeida commented 4 years ago

Oi @cuducos,

Implementei as classes de alert, coloquei um link do gif animado para abrir ele mesmo em uma nova janela (para uma pessoa no mobile conseguir dar zoom, por exemplo) e o comentário sobre a documentação do FW.

Segue baixo um print de como as telas ficaram (forçando os alerts na tela para vocês conferirem).

Veja se faz sentido mudar para o Modesto ou se continuar com o Bootstrap vai manter a vida dos contribuidores mais fácil. O projeto é tão legal que se não tivesse CSS nenhum ainda seria purou ouro!!!


desktop


mobile