/* SITE */

Atualização: 21 / 10 / 15 (Back to the Future)
Local:       Porto Alegre, RS - Brasil
Língua:      Gaudéria
Doctype:     HTML5
Charset:     UTF-8 (sem BOM)
IDE:         Firebug, Sublime Text 3,
             FileZilla
Ferramentas: InkSpace, SVGO, OptiPNG,
             Sass/Compass
Dados:       PHP/PDO + SQLite3 e YAML
Standards:   HTML5 + CSS3 + Microformats


/* Requerimentos */

chrome  +26.0 (abril de 2013)
firefox +16.0 (outubro de 2012)
opera   +12.1 (junho de 2011)
android +2.2  (maio de 2010)




/* EQUIPE */

Este sítio foi consagrado para o deus Hermes, protetor do comércio e mensageiro de Zeus...

Jornalistas: Aline, Simone, Renata, Jousi,
             Déia, Ligi e Gabriella
Fotógrafas:  Dai e Cintia
Lacaio:      Régis (https://about.me/regis_araujo)




/* DOCUMENTAÇÃO DO PROJETO */

http://gecko.sindec.org.br/pimp-my-site.html




/* GUIA DOS ESTILOS VISUAIS */

http://estilos.sindec.org.br




/* DOCUMENTAÇÃO DOS WEBSERVICES */

http://bubo.sindec.org.br




/* MÉTODOS E TÉCNICAS EMPREGADOS */

Content-First
Mobile-First
Flat Design
RDFa Microformats
WAI-ARIA
CSS Sprites
Lazy Load CSS
Graceful degradation
Unobtrusive javascript


/* Inspirações */

html5 boilerplate
mobile boilerplate
normalize.css (v3.0.1)
SMACSS
Ruby Asset Pipeline




/* RECOMENDAÇÕES DE ACESSIBILIDADE */

http://dasilva.org.br
http://www.acessibilidade.gov.pt/accessmonitor
http://acessodigital.net/index.html
http://www.checkmycolours.com


/* Convenções e orientações */

http://rdfa.info
https://github.com/necolas/idiomatic-css/tree/master/translations/pt-BR
http://stackoverflow.com/questions/12279113/recommended-wai-aria-implementation-for-navigation-bar-menu




/* ILUSTRAÇÕES */

http://iconmonstr.com
http://www.flaticon.com
http://openclipart.org
http://www.w3.org/html/logo


/* Paleta de cores */

http://flatuicolors.com




/* SCRIPTS AUXILIARES */

https://github.com/svg/svgo


/* Frontend */

https://github.com/scottjehl/picturefill


/* Backend */

https://github.com/hamlphp/HamlPHP
https://github.com/mustangostang/spyc
http://michelf.com/projects/php-markdown
https://github.com/PHPMailer/PHPMailer
http://www.fmwconcepts.com/imagemagick/aspectcrop/index.php




/* FERRAMENTAS ON-LINE */

http://tools.dynamicdrive.com/favicon
http://kraken.io
http://validator.w3.org
http://linter.structured-data.org
http://html-tables.com
http://developers.facebook.com/tools/debug
http://webpagetest.org
http://www.xml-sitemaps.com/validate-xml-sitemap.html




/* FERRAMENTAS */

Empregou-se apenas software livre!


/* Imagens */

InkSpace:  Editor vetorial SVG
SVGO:      Otimizar imagens SVG
OptiPNG:   Otimizar imagens PNG


/* Código estático */

YAML:     Notação de dados
Haml:     Template HTML
Markdown: Conteúdo editável


/* Pré-processador */

Sass & Compass: Organizar o CSS


/* Código dinâmico */

PHP:       Requisições HTTP




              !         !
             ! !       ! !
            ! . !     ! . !
               ^^^^^^^^^ ^
             ^             ^
           ^  (0)       (0)  ^
          ^        ""         ^
         ^   ***************    ^
       ^   *                 *   ^
      ^   *   /\   /\   /\    *    ^
     ^   *                     *    ^
    ^   *   /\   /\   /\   /\   *    ^
   ^   *                         *    ^
   ^  *                           *   ^
   ^  *                           *   ^
    ^ *                           *  ^
     ^*                           * ^
      ^ *                        * ^
      ^  *                      *  ^
        ^  *       ) (         * ^
            ^^^^^^^^ ^^^^^^^^^
             Tonari no Totoro