Código fonte do Site http://arquiteturajava.com.br disponível para estudo.
É um exemplo de Responsive Design usando media queries. Funciona em mobile e Desktop.
O build é feito pelo Grunt. Se não tiver instalado, faça:
npm install grunt -g
Em desenvolvimento, pra buildar o less, rode:
grunt watch
Pra buildar a versão final de deploy, faça:
./build/build.sh
Não suportamos IE6 e IE7 (esses usuários verão a página ie.html).
IE 8 é suportado minimamente e sem media queries através de CSS específico (ver ie8.less).
Testado em:
- Firefox 3.6+
- Chrome
- Safari 5
- Opera Desktop
- IE 9
- iOS 4.2+ (iPhone e iPad)
- Android 2.2+
- Amazon Silk
- Opera Mini (Java ME)
- Nokia S60 e S40
- Opera Mobile (android)
As técnicas de CSS/HTML/JS podem ser copiadas livremente para outros projetos e inspirar novos sites.
Design, textos e o site em si com copyright da Caelum exclusivo. Proibido deployar o site do livro como está aqui em um domínio próprio, ou copiar seu design.