Nos últimos anos, tenho trabalhado em uma biblioteca de front-end que fornece uma configuração altamente extensível sobre a abordagem de convenção em comparação com outras bibliotecas populares. O projeto originalmente começou como uma MooTools equivalente ao Twitter Bootstrap, mas se tornou uma biblioteca robusta que inclui jQuery junto com MooTools. O kit de ferramentas também é desenvolvido com Sass, Compass e Grunt.
- GitHub: https://github.com/titon/toolkit
- Site: http://titon.io/en/toolkit
- Documentos: http://titon.io/en/toolkit/1.2.1/
- Demonstrações: http://demo.titon.io/
Não quero entrar em muitos detalhes, já que essas informações podem ser encontradas no site oficial, mas as seguintes filosofias foram levadas em consideração durante o desenvolvimento do Toolkit.
- Mobile-first
- Responsivo
- Fluido
- HTML5
- CSS3
- Semântica
- Transições e animações
- Escala em & rem
Mas por que usar o Toolkit em vez do Foundation ou Bootstrap? Os slides a seguir ajudam a responder a isso: http://titon.io/slides/what-is-toolkit.pdf (com base na v1.1). Ou simplesmente olhe para a seguinte lista:
- CSS sem estilo – apenas estilos básicos de estruturação são definidos, sem estética.
- JS configurável – mais opções de componentes personalizáveis do que os concorrentes.
- Marcação extensível.
- Sistema robusto de componentes JS.
- Esquema de nomenclatura BEM CSS.
- Arquitetura modular com suporte de construção personalizada.
- Personalização e integração mais fáceis.
- Suporte a namespacing e resolução de conflitos.
- Mais componentes.
- Tamanhos de arquivo CSS e JS menores.
- Aprimoramento progressivo e degradação elegante.
Temos usado o Toolkit em meu empregador no último mês com grande sucesso. Achei que era o momento certo para finalmente divulgar isso ao público, então quaisquer perguntas, comentários ou feedback seriam muito apreciados!
