Boas dicas / ferramentas para projetar no navegador. Ou desenvolvimento rápido de aplicativos, na minha opinião também
Vídeo no YouTube por Divya Manian
Por quê
- Muitos dispositivos (resolução, etc.), diferenças de navegador e recursos, etc.
- Dinâmico
- Impossível buscar a perfeição de pixel
- Às vezes não é fácil converter designs em realidade (HTML, CSS3)
Como
- Geradores de sites estáticos: Jekyll (usado em páginas GitHub ) e DocPad
- Padrões sensíveis: HTML5 Boilerplate
- Pré-processadores de estilo: SASS , Stylus , LESS
- Linguagem de modelagem : Mustache , Eco, HAML, Jade , DustJS
- “Dados realmente falsos”: FakerJS
- Estrutura de design: Twitter Bootstrap, Zurb Foundation
- Atualizar ao salvar: LiveReload
- Documentação: Docco , StyleDocco