html [Download] - Ebook Html5 e Css3 domine a web do futuro

[Bakali 30]

[CENTER][B][SIZE=7][COLOR=#b30000]Html5 e Css3 domine a web do futuro [IMG]https://i.imgur.com/bMylrRy.png[/IMG][/COLOR][/SIZE][/B] [B][COLOR=rgb(179, 0, 0)][SPOILER="Sumário"][/SPOILER][/COLOR][SPOILER="Sumário"][/spoiler][/B][SPOILER="Sumário"][SIZE=4][COLOR=#000000]O desenvolvimento web hoje 1 1.1 Por quê você deve aprender HTML e CSS . . . . . . . . . . . . . . . . 2 1.2 O estado dos navegadores . . . . . . . . . . . . . . . . . . . . . . . . . 2 1.3 A complicação dos prexos proprietários . . . . . . . . . . . . . . . . 3 1.4 A longa e sinuosa estrada deste livro . . . . . . . . . . . . . . . . . . . 4 2 Os primeiros passos com o nosso site 7 2.1 Escrevendo HTML, de dentro para fora . . . . . . . . . . . . . . . . . 8 2.2 Adicionando formatações básicas . . . . . . . . . . . . . . . . . . . . . 10 2.3 Bordas e margens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 2.4 Um pouco de cor sempre é bom . . . . . . . . . . . . . . . . . . . . . . 14 2.5 Primeiro contato com imagens . . . . . . . . . . . . . . . . . . . . . . . 18 2.6 Adicionando elementos secundários . . . . . . . . . . . . . . . . . . . 22 2.7 Faça para sua cidade também! . . . . . . . . . . . . . . . . . . . . . . . 25 3 HTML5: o que mudou? 27 3.1 Escrevendo menos e fazendo mais . . . . . . . . . . . . . . . . . . . . . 27 3.2 Atributos personalizados . . . . . . . . . . . . . . . . . . . . . . . . . . 29 3.3 Tags novas para elementos antigos . . . . . . . . . . . . . . . . . . . . 29 3.4 Refatoração da página de São Paulo . . . . . . . . . . . . . . . . . . . . 31 3.5 Seja pragmático . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34 4 O que todo desenvolvedor precisa saber sobre CSS 35 4.1 A incompatibilidade dos browsers e a razão dos resets de CSS . . . . 35 4.2 Compreendendo o Box model . . . . . . . . . . . . . . . . . . . . . . . 38 4.3 Utilizando pseudo elementos . . . . . . . . . . . . . . . . . . . . . . . . 41 4.4 Desenhando uma faixa com “before” e “aer” . . . . . . . . . . . . . . 41 4.5 Decorando mensagens . . . . . . . . . . . . . . . . . . . . . . . . . . . 45 Sumário Casa do Código 4.6 Criando conteúdo através de CSS . . . . . . . . . . . . . . . . . . . . . 47 4.7 Arquitete o seu CSS para o futuro . . . . . . . . . . . . . . . . . . . . . 49 4.8 Gere relatórios inteligentes e simples com os estilos de impressão . . 52 5 O que você consegue fazer com CSS 3 61 5.1 A regra @Font-face . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62 5.2 Como utilizar serviços de distribuição de fontes . . . . . . . . . . . . . 63 5.3 Substituição de ícones por fontes . . . . . . . . . . . . . . . . . . . . . 64 5.4 Explore novas possibilidades com bordas . . . . . . . . . . . . . . . . 67 5.5 Manipulação de cores com rgba e gradientes . . . . . . . . . . . . . . . 71 5.6 Trabalhe com sombras e crie menus elegantes . . . . . . . . . . . . . . 79 5.7 Combinando tudo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86 6 Tomando controle da estrutura visual 95 6.1 A propriedade ‘display’ . . . . . . . . . . . . . . . . . . . . . . . . . . . 96 6.2 Flutue elementos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97 6.3 O clearx, uma classe obrigatória em seus projetos . . . . . . . . . . . 106 6.4 Compreenda o uso de position . . . . . . . . . . . . . . . . . . . . . . . 107 6.5 Crie a sua própria janela modal . . . . . . . . . . . . . . . . . . . . . . 110 6.6 Como escolher os métodos para posicionar os seus elementos . . . . 116 6.7 Grids - um padrão de estrutura para as suas páginas . . . . . . . . . . 117 6.8 Posicionando elementos com CSS 3 . . . . . . . . . . . . . . . . . . . . 118 7 Melhorando os seus formulários 123 7.1 O que temos no HTML 5 . . . . . . . . . . . . . . . . . . . . . . . . . . 123 7.2 Formulários HTML 5 nos dispositivos móveis . . . . . . . . . . . . . . 124 7.3 Criação do primeiro formulário . . . . . . . . . . . . . . . . . . . . . . 125 7.4 Alinhamento e estilos visuais nos campos e formulários . . . . . . . . 127 7.5 Exibição de mensagens de ajuda . . . . . . . . . . . . . . . . . . . . . . 129 7.6 Mostre mensagens de erro . . . . . . . . . . . . . . . . . . . . . . . . . 132 7.7 Levando o usuário direto ao que importa com o autofocus . . . . . . 134 7.8 A exibilidade do atributo placeholder . . . . . . . . . . . . . . . . . . 134 7.9 Aplicando CSS3 em botões . . . . . . . . . . . . . . . . . . . . . . . . . 140 iv Casa do Código Sumário 8 Efeitos 101: Trabalhando com animações e transições 149 8.1 Transformando elementos . . . . . . . . . . . . . . . . . . . . . . . . . 150 8.2 Os efeitos rotate, scale, skew e translate em uma galeria de fotos . . . 150 8.3 Transições de estilos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 155 8.4 Transições na galeria de fotos . . . . . . . . . . . . . . . . . . . . . . . 156 8.5 Um detalhe importante sobre transições e JavaScript . . . . . . . . . . 160 8.6 Transformações em 3D . . . . . . . . . . . . . . . . . . . . . . . . . . . 161 8.7 Girar formulários com apenas um clique . . . . . . . . . . . . . . . . . 161 8.8 Utilizando animações . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170 8.9 Começando com keyframes . . . . . . . . . . . . . . . . . . . . . . . . 170 9 O universo fora dos desktops e notebooks 175 9.1 O que é “Responsive Web Design” e porquê você deve se preocupar . 176 9.2 O funcionamento dos media queries . . . . . . . . . . . . . . . . . . . 177 9.3 Não é uma questão de aparelhos . . . . . . . . . . . . . . . . . . . . . . 178 9.4 Por um futuro melhor . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179 10 Ferramentas - Frameworks, Plugins e Pré-processadores 181 10.1 Twitter Bootstrap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182 10.2 HTML5 Boilerplate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183 10.3 Plugins em JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184 10.4 Modernizr . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184 10.5 Polylls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185 10.6 Pré-processadores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186 10.7 É tudo CSS e HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189[/COLOR][/SIZE][/SPOILER] [B] [COLOR=#ff0000][URL='https://drive.google.com/open?id=0B261fFT0ts-Jc2V1MUd4c3dHclU']Download Gdrive[/URL][/COLOR] [COLOR=rgb(179, 0, 0)] [/COLOR][/B][/CENTER]

[viniott 180]

Eu pretendia estuda isso ae e de cara quando entro pc Encontro teu post kks , vlw ae bro .

[Bakali 30]

hahaha bons estudos ai meu bom to na mesma pegada aqui <3