Hoje em dia, é praticamente impossível encontrar algum desenvolvedor web que não use ou que nunca usou um framework para o front-end, eu já utilizei vários, o famigerado Bootstrap, Foundation, Pure, Ui Kit. Particularmente de todos o que mais gostei foi o Pure Css, da Yahoo, simples, leve e robusto. Além, claro que responsivo. ;D
Entretanto, como todo desenvolvedor que se preza, sou incansável quando se trata de praticar o que eu amo: desenvolver! Pensando nisso decidi criar um framework css apenas para melhorar minhas skills.
Comecei pelo nome (dããã), pensei em work-less, mas soou muito como um plágio de “write less” do slogan do jquery então abandonei, foi então que num dia, quase como uma epifania me surgiu o nome Doroteia, sabe Deus de onde isso surgiu, apenas sei que gostei e assim ficou.
As features
Pensando em qual seria a abrangência da Doroteia quanto a componentes decidi o seguinte, ela vai contar com:
- Grid responsivo;
- Menus responsivos;
- Buttons;
- Tables;
- Tipografia;
- Classes de ajuda;
O Grid
Para o grid pesquisei muito, varias formas e modelos de nomenclatura e do próprio grid, optei por um de 12 colunas, básico. A nomenclatura vai seguir o padrão:
- dg-12-12 – Para desktops e maiores que 960px.
- dm-12-12 – Para tablets entre 768px e 960px.
- ds-12-12 – Para celulares até 768px.
- des-12-12 – Para celulares menores que 480px.
Tenho ciência que não é o grid perfeito, mas já estou trabalhando em melhorias urgentes.
Container
O container foi escrito para ser full width, e ja conta com o hack do clearfix.
Row
Feito para envelopar o grid cada vez que ele completa o seu tamanho total.
A primeira parte desta série acaba aqui amigos, descrevi uma feature do framework, na verdade a única parte que esta pronta XD, mas ja estou escrevendo os menus de topo e laterais, ambos responsivos e com possibilidade de serem fixos.
Vocês podem acompanhar o desenvolvimento e ajudar a fazê-lo através do github, é só dar um fork lá e enviar sua pull request, issues ou me manda um email, uma mention no twitter ou até sinal de fumaça, não importa, fico grato e feliz em responder. 😀
Sem mais, abraços companheiros! Até a próxima.