a2ad / ModularHTML

ModularHTML é um repositório de código para agilizar, aperfeiçoar e padronizar a produção de páginas web.
http://modularhtml.com.br/
MIT License
15 stars 8 forks source link

Atualizar código e reestruturar módulos #24

Closed ghost closed 11 years ago

ghost commented 11 years ago

Após selecionarmos os módulos que serão reestruturados, será necessário definir como serão atualizados e padronizar os códigos para facilitar a atualização do Modular.

raphaelfabeni commented 11 years ago

@Viapoli e @sansegato posso ajudar vocês a montar os primeiros módulos de exemplo

ghost commented 11 years ago

Bele Rapha, vamos fazer um estudo e escolher os módulos mais relevantes para essa nova fase do projeto e aí conversamos!

sansegato commented 11 years ago

Eu tô pensando em 5 módulos para começar... E diversificar entre mais simple (só html), html+css e html+css+js. Que acham? Algum outro critério para escolher esses módulos? Pode ser 'popularidade' tb... Os que mais usaríamos.

raphaelfabeni commented 11 years ago

Concordo @sansegato ! O único que tenho em mente que entraria certeza nessa primeira lista seria um formulário de contato.

ghost commented 11 years ago

Também concordo, e como o Rapha falou, além da popularidade também podemos usar como critério a funcionalidade, o formulário de contato seria um ótimo módulo a ser estudado. Vou começar uma lista lá na outra Issue pra definirmos quais são os melhores.

adriano commented 11 years ago

Duas ideias de integração para o ModularHTML:

Snippets do Sublime Text 2 https://tutsplus.com/lesson/your-first-snippet/

Emmet (antigo Zen Coding) http://tableless.com.br/bye-zen-coding-bem-vindo-emmet/

sansegato commented 11 years ago

Seguindo essa linha, também é possível integrar com o Gist:

Sexy Code Snippet Management With Gists http://net.tutsplus.com/tutorials/tools-and-tips/sexy-code-snippet-management-with-gists/

O inconveniente é que, até onde vi, não dá pra criar uma 'lista' de gists por repositório (uma lista de gists só para o modular, por exemplo). Ao contrário, cada gist é como se fosse um repositório.

adriano commented 11 years ago

@sansegato pelo que eu entendi, os repositório de snippets do Sublime são hospedados como um projeto no github. Você pode fazer a instalação manualmente ou enviá-lo para ser anexado ao Package Control (depende de aprovação).

Exemplo de repositório https://github.com/laravel/sublime-snippets

Como enviar para o Package Control http://wbond.net/sublime_packages/package_control/package_developers

PS: No nosso caso, não teria necessidade de fazer parte do Package Control.

adriano commented 11 years ago

Duas referências interessantes para modularização de código:

Palestra do Bernard de Luna - CSS modular: construindo front-ends flexíveis e escaláveis http://www.infoq.com/br/presentations/css-modular

Code smells in CSS http://csswizardry.com/2012/11/code-smells-in-css/

adriano commented 11 years ago

Nessa apresentação do Bernard Luna, vale assistir a partir do 23min 45s, onde ele conta a história de como criou um framework para uso interno da empresa (Petrobras) e isso acabou virando o Formee (http://formee.org/).

sansegato commented 11 years ago

Atualizadas as bibliotecas JQuery (para versão 1.9) e Modernizr (2.6.2). Assim como o @raphaelfabeni encontrou na pesquisa que fez para o Grid-A2 (https://github.com/a2comunicacao/Grid-A2/issues/7#issuecomment-13196618): embora já tenha a versão 1.9.1 + migrate, também verifiquei que a 1.9.0 continua sendo a mais usada (inclusive a 1.9.1 nem foi disponibilizada no Google CDN ainda).

ghost commented 11 years ago

Essa tarefa acabou abrangendo diversas discussões que estão ligadas à outras tarefas, acredito que todas já foram já resolvidas nas issues #23 e #25. As referências para outros frameworks serão documentados na Wiki como Benchmarking e essa issue será fechada.