O documento discute frameworks front-end para design responsivo, comparando Twitter Bootstrap e Material Design Lite. O Twitter Bootstrap facilita o desenvolvimento de layouts de forma rápida e responsiva através de sua grade de colunas e documentação detalhada. Já o Material Design Lite aplica os padrões de design do Google para dispositivos móveis de forma leve e responsiva.
3. Quem sou eu?
Airton Zanon
Programador PHP
Daltônico
Evangelista PHPNP
www.airtonzanon.com
airtonzanon@gmail.com
twitter.com/airtonzanon
Airton Zanon
4.
5. Linha do Tempo da Web
1969 – Arpanet
1974 – TCP/IP
1983 – DNS
1990 – Tim Berners-Lee (www)
1991 – HTML
1996 – CSS + JavaScript
2001 – Media Query (CSS3)
2009 – HTML5
6. Responsive Web Design
(...)Responsive Web Design é acima de tudo um
conceito. Nós nos responsabilizamos a
apresentar a informação de forma acessível e
confortável para diversos meios de acesso.
Muitos websites restringem o conceito a
aparelhos com telas de diversos tamanhos, mas o
conceito é muito mais abrangente.(...)
(Tableless, 2011)
16. O Material Design Lite
Site + Documentação – getmdl.io
Versão atual: 1.0.6
Benefícios
#1 – Google Design Mobile
#2 – Responsivo
#3 – Tamanho
Gratuito