ac107592/domiti.la

Código fonte do hotsite do disco Domitila da banda Lítera

Documentação

Estes são os códigos fontes do front-end do hotsite http://domiti.la/ da banda http://litera.mus.br/. Uma landpage de página estática responsiva escrita em HTML5 e CSS3 com estilos compilados em SASS Compass.

A folha de estilos está organizada para não onerar uma pessoa que esteja vendo o site em seu celular.

Os breakpoints escolhidos para este projeto foram:

• Mobile
• Mobile Landscape
• Tablet
• Tablet Landscape
• Desktop

Compilação

Verifique o arquivo BASH publica.sh ajustando-o conforme seu webserver. Este pequeno script irá compactar os arquivos CSS. É necessário ter os programas uglify-js e compass instalados usando o npm.

sudo npm install uglify-js compass -g

Depois basta rodar o seguinte código abaixo:

chmod u+x publica.sh
./publica.sh

Ficha técnica

RECOMENDAÇÕES

developers.google.com/+/web/snippet/
schema.org/Event

FERRAMENTAS ON-LINE EMPREGADAS

fontsquirrel.com/tools/webfont-generator
validator.w3.org
colorschemedesigner.com
kraken.io
tools.dynamicdrive.com/favicon
petercollingridge.appspot.com/svg-optimiser

MÉTODOS

Mobile first
Microformats
Safari Web Content Guide
HTML Outline
Data URI scheme
CSS Sprites
Websafefonts
Graceful degradation
Unobtrusive Javascript

FERRAMENTAS

OptiPNG:        Otimizar imagens PNG
jpegoptim:      Otimizar imagens e suavizar o JPEG
Gimp:           Pra realizar ajustes finos na arte
InkScape:       Edição de SVG
Pinta:          Edição rápidas de imagens
freemind:       Organizar e estruturar o conteúdo
SASS-compass:   Limpar, organizar e compactar o CSS
BASH, uglifyjs: Compilar e compactar o JS
Web Developer:  Extensão do firefox de auxílio ao desenvolvimento
Outliner:       Extensão do chrome de auxílio ao SEO