Foundation for Sites
Aprenda a criar páginas web com uso do framework responsivo mais avançado do mundo
Descrição do livro
Foundation é um framework front-end moderno, completo e responsivo destinado à criação de sites e aplicações web de alta qualidade, que ganha cada dia mais espaço no mercado.
Fornece templates prontos, com uso de HTML5 e CSS, para tipografia, formulários, botões, tabelas, listas, navegação, e também componentes de interface com base em plugins JavaScript que se destinam a criar interações úteis e fáceis de implementar e adaptar a diferentes resoluções de tela.
O framework Foundation é a ferramenta ideal para designers e desenvolvedores web que queiram criar sites modernos e funcionais para serem visualizados em qualquer tamanho de tela, em dispositivos, desde smartphones a desktops.
Neste livro você aprenderá o essencial para obter o máximo proveito dos recursos deste incrível framework e será capaz de criar sites com qualidade profissional.
Ver menos ▲Sumário
- Apresentação do autor
- Agradecimentos
- Isenção de responsabilidade
- Sobre o autor
- Introdução
- Capítulo 1 ■ Framework Foundation
- 1.1 Introdução
- 1.2 O que é Foundation?
- 1.3 Instalando Foundation
- 1.4 Marcação HTML
- 1.5 JavaScript do framework
- Capítulo 2 ■ Tipografia
- 2.1 Cabeçalhos – h1 a h6
- 2.2 Parágrafo, blockquote, cite, links, strong, em, vcard
- 2.3 Listas
- 2.4 Rótulos
- 2.5 Keystrokes
- Capítulo 3 ■ Botões
- 3.1 Botões básico e avançado
- 3.2 Grupo de botões básico e avançado
- 3.3 Botões split e dropdown básico e avançado
- 3.4 Acessibilidade
- Capítulo 4 ■ Callouts & Prompts
- 4.1 Caixas de alerta
- 4.1.1 Acessibilidade
- 4.2 Tooltip
- 4.3 Joyride
- 4.4 Panel
- 4.5 Reveal
- Capítulo 5 ■ Conteúdos
- 5.1 Equalizer
- 5.2 Progress Bars
- 5.3 Tables
- 5.4 Pricing tables
- 5.5 Accordions
- 5.6 Tabs
- 5.7 Dropdowns
- Capítulo 6 ■ Navegação
- 6.1 Side Nav
- 6.2 Sub Nav
- 6.3 Breadcrumbs
- 6.4 Pagination
- 6.5 Magellan
- 6.6 Top Bar
- 6.6.1 Dropdown e link ativo
- 6.6.2 Barra de topo fixa
- 6.6.3 Barra de topo sticky
- 6.6.4 Barra de topo com caixa de busca
- 6.6.5 Barra de topo com botão e divisores
- 6.7 Offcanvas
- 6.7.1 Offcanvas estilizado
- 6.8 Barra de ícones
- 6.8.1 Acessibilidade
- Capítulo 7 ■ Estrutura
- 7.1 Media queries
- 7.2 Visibilidade
- 7.2.1 Largura
- 7.2.2 Orientação
- 7.2.3 Touch
- 7.2.4 Acessibilidade
- 7.3 Classes utilitárias
- 7.3.1 Floats
- 7.3.2 Radius e round
- 7.3.3 Text align
- 7.3.4 Classe hide
- 7.4 Interchange
- 7.4.1 Interchange HTML
- 7.4.2 Interchange imagens
- 7.4.3 Interchange media queries
- 7.5 Grid
- 7.5.1 Fundamentos dos grids CSS
- 7.5.2 Grid large-*
- 7.5.3 Grid medium-*
- 7.5.4 Grid small-*
- 7.5.5 Grid multiclasses
- 7.5.6 Grid aninhado
- 7.5.7 Grid offset
- 7.5.8 Grid com linha incompleta
- 7.5.9 Grid com coluna centrada
- 7.5.10 Grid classes push e pull
- 7.6 Block grid
- Capítulo 8 ■ Formulários
- 8.1 Conceitos básicos
- 8.1.1 Formulário básico
- 8.1.2 Alinhamento de rótulos
- 8.1.3 Rótulos prefix e postfix
- 8.1.4 Fieldset e legend
- 8.1.5 Mensagem de erro
- 8.2 Slider
- 8.2.1 Acessibilidade
- 8.3 Chave on/off
- 8.4 Abide – validação de formulários
- 8.4.1 Patterns nativas de abide e tipos de campos
- 8.1 Conceitos básicos
- Capítulo 9 ■ Mídia
- 9.1 Carrossel
- 9.2 Thumbnail
- 9.3 Clearing lightbox
- 9.4 Flex video
- Capítulo 10 ■ Criando um layout com Foundation
- 10.1 Introdução
- 10.2 Layout iMasters
- 10.2.1 Primeira etapa: Navegação superior
- 10.2.2 Segunda etapa: Personalização da barra de topo
- 10.2.3 Terceira etapa: Barra do logotipo e caixa de busca
- 10.2.4 Quarta etapa
- 10.2.5 Quinta etapa: Destaques da semana
- 10.2.6 Sexta etapa: Barra de notícias
- Índice remissivo
Sobre o autor
Maurício Samy Silva é graduado em Engenharia Civil pelo Instituto Militar de Engenharia (IME). Exerceu o magistério paralelamente à Engenharia e foi professor de Geometria Descritiva e Matemática. Sua experiência com desenvolvimento iniciou-se em 1999. Em 2003 lançou o site https://maujor.com, que se tornou referência nacional em CSS, com a… Ver perfil completo ▶
Livros relacionados
Opinião dos leitores
Josivan P de S
O livro é simples e objetivo. Fala praticamente de todo o framework. Uma coisa que para alguns é bom mas para outros pode não ser é que o livro depende totalmente do website produzido para o livro (http://livrosdomaujor.com.br/foundation/). Outra coisa interessante do livro é o formato. O livro é pequeno, o que na minha opinião facilita o transporte. Por fim, se o autor adicionasse mais imagens talvez ajudaria, porém encareceria o livro. De qualquer forma o website auxilia e muito. Ah, e tem um índice no final. Nota 5 por isso =)
Jose E G B
Abrangente, prática, linguagem clara e concisa. Excelente!!!
Gabriela M
Um ótimo livro, com exemplos e referências da documentação original da framework. Recomendo!
Renato S
O livro é fantástico.