CSS Grid Layout: Criando layouts CSS profissionais

A criação de Layout CSS sempre foi uma tarefa trabalhosa, mas agora os profissionais têm uma ferramenta poderosa ao seu alcance, o CSS Grid Layout, uma nova especificação do W3C, que veio para resolver praticamente todos os problemas de posicionamento na tela. Utilizando um novo método de layout CSS, bidimensional, com linhas e colunas, mais simples e muito mais fácil de usar, permite controlar o tamanho e a posição dos componentes da interface e seus conteúdos. Não será mais necessário inflar a marcação HTML com elementos desnecessários para a criação de layouts CSS.

Por: R$ 50,00

Preço a vista: R$ 50,00

+-
Comprar
Opções de Parcelamento:
  • à vista R$ 50,00
Outras formas de pagamento

Quem viu este produto , comprou

  • Criando Sites com HTML - Sites de Alta Qualidade com HTML e CSS

    Este livro descreve de forma detalhada cada um dos elementos do HTML, dando ênfase a sua finalidade. Um capítulo é dedicado exclusivamente às folhas de estilo em cascata (CSS), que forma uma dupla inseparável com HTML. ... Ler mais +

    QUERO VER
  • Teste de desempenho com JMeter 3: Melhore o desempenho de sua aplicação web

    O JMeter é uma aplicação Java projetado para carregar e testar o desempenho de aplicações web. Este livro é um ótimo ponto de partida para conhecê-lo. Ele aborda os novos recursos introduzidos com o JMeter3 e permite conhecer a fundo as novas técnicas necessárias para a avaliação do desempenho de um site. ... Ler mais +

    QUERO VER
  • Fundamentos de Sass e Compass - CSS com superpoderes

    Este livro lhe ensinará a criar folhas de estilo CSS com Sass, o mais consagrado pré-processador CSS, que permite escrever Cascading Style Sheets usando sua sintaxe tradicional acrescida de funcionalidades típicas de linguagens de programação, como condicionais, loops, variáveis, funções, mixins e includes, ausentes na linguagem CSS nativa.
    Você conhecerá os fundamentos de Compass, que adiciona funcionalidades extras a Sass, e aprenderá a utilizá-los para criar folhas de estilo reduzidas, de carregamento rápido e bem organizadas. ... Ler mais +

    QUERO VER
  • CANVAS HTML 5 – Composição gráfica e interatividade na web

    A quantidade de recursos, possibilidades e novos conceitos envolvidos no desenvolvimento de aplicativos e conteúdo web nos leva a perceber que os sites existentes, sem exceção, já ficaram ultrapassados. Estamos em uma era do desenvolvimento para internet, a era HTML5, da web semântica.
    A tecnologia CANVAS é consequência desta nova era, sendo a mais indicada para projetos multimídia, jogos, objetos digitais e animações, por possuir o mais novo recurso de aceleração gráfica em browsers que diminui processos na CPU do usuário.
    O livro descreve métodos e propriedades do JavaScript que permitem criar e manipular objetos na interface 2D do CANVAS, resultando na melhoria do desempenho. ... Ler mais +

    QUERO VER
  • Construção de Jogos Educacionais Digitais e Objetos de Aprendizagem: Um estudo de caso empregando Flash, HTML 5, CSS, JavaScript e Ardora

    Este livro apresenta conceitos de OAs (Objetos de Aprendizagem) e Jogos Educacionais Digitais, além de estimular o desenvolvimento, na prática, destes jogos, utilizando-se de algumas tecnologias que estão entre as mais empregadas atualmente, que são o Adobe Flash e o HTML 5 (HyperText Markup Language). Os exemplos desenvolvidos envolvem conceitos básicos de programação de computadores. Entretanto, algumas ferramentas podem ser empregadas por usuários que não possuem conhecimento de programação (tais como os Snippets de código do Adobe Flash e a utilização da ferramenta Ardora). Sendo assim, este livro pode ser aplicado por usuários com conhecimento em nível intermediário de Informática. ... Ler mais +

    QUERO VER
  • Introdução à HTML e PHP

    Esta obra é dedicada aos estudantes e curiosos de Computação que se interessam, a princípio, em construir páginas na Internet. Neste sentido, nosso objetivo é introduzir o leitor às linguagens HTML e PHP mostrando, na prática, como funciona a cooperação de códigos estáticos e dinâmicos. Para a realização deste objetivo, dividimos este livro em onze capítulos e dois apêndices. O estudo de todos os capítulos e do primeiro apêndice fornece o conhecimento básico e suficiente para você implementar a sua própria página. O último apêndice fornece material necessário para a instalação do PHP e de um servidor de páginas para Internet. ... Ler mais +

    QUERO VER
  • Desenvolvendo para Wap com WML

    Tendo por objetivo orientar o leitor a respeito da linguagem WML, especialmente na construção de decks(sites WAP), Desenvolvendo para WAP com WML é recomendado àqueles que desejam conhecer e desenvolver documentos para WAP, desde os leigos na Ciência da Computação até os usuários iniciantes em WAP/WML. Os leitores que já possuem sólidos conhecimentos sobre HTML, ou qualquer outra linguagem de programação, também obterão grande proveito do livro. Acompanha CD-Rom contendo diversos programas freeware e figuras para WAP, além de documentos oficiais do WAPForum. ... Ler mais +

    QUERO VER
  • XHTML 1.0 - Guia de Referencia para Desenvolvimento na Web

    O autor mostra os fundamentos do programa, traz dicas de uso passo a passo, exemplos de como criar páginas na Web e todas as sua aplicações na Internet. ... Ler mais +

    QUERO VER

Quem viu este produto , também se interessou

  • CANVAS HTML 5 – Composição gráfica e interatividade na web

    A quantidade de recursos, possibilidades e novos conceitos envolvidos no desenvolvimento de aplicativos e conteúdo web nos leva a perceber que os sites existentes, sem exceção, já ficaram ultrapassados. Estamos em uma era do desenvolvimento para internet, a era HTML5, da web semântica.
    A tecnologia CANVAS é consequência desta nova era, sendo a mais indicada para projetos multimídia, jogos, objetos digitais e animações, por possuir o mais novo recurso de aceleração gráfica em browsers que diminui processos na CPU do usuário.
    O livro descreve métodos e propriedades do JavaScript que permitem criar e manipular objetos na interface 2D do CANVAS, resultando na melhoria do desempenho. ... Ler mais +

    QUERO VER
  • Fundamentos de Sass e Compass - CSS com superpoderes

    Este livro lhe ensinará a criar folhas de estilo CSS com Sass, o mais consagrado pré-processador CSS, que permite escrever Cascading Style Sheets usando sua sintaxe tradicional acrescida de funcionalidades típicas de linguagens de programação, como condicionais, loops, variáveis, funções, mixins e includes, ausentes na linguagem CSS nativa.
    Você conhecerá os fundamentos de Compass, que adiciona funcionalidades extras a Sass, e aprenderá a utilizá-los para criar folhas de estilo reduzidas, de carregamento rápido e bem organizadas. ... Ler mais +

    QUERO VER
  • Desenvolvendo para Wap com WML

    Tendo por objetivo orientar o leitor a respeito da linguagem WML, especialmente na construção de decks(sites WAP), Desenvolvendo para WAP com WML é recomendado àqueles que desejam conhecer e desenvolver documentos para WAP, desde os leigos na Ciência da Computação até os usuários iniciantes em WAP/WML. Os leitores que já possuem sólidos conhecimentos sobre HTML, ou qualquer outra linguagem de programação, também obterão grande proveito do livro. Acompanha CD-Rom contendo diversos programas freeware e figuras para WAP, além de documentos oficiais do WAPForum. ... Ler mais +

    QUERO VER
  • XHTML 1.0 - Guia de Referencia para Desenvolvimento na Web

    O autor mostra os fundamentos do programa, traz dicas de uso passo a passo, exemplos de como criar páginas na Web e todas as sua aplicações na Internet. ... Ler mais +

    QUERO VER
  • Teste de desempenho com JMeter 3: Melhore o desempenho de sua aplicação web

    O JMeter é uma aplicação Java projetado para carregar e testar o desempenho de aplicações web. Este livro é um ótimo ponto de partida para conhecê-lo. Ele aborda os novos recursos introduzidos com o JMeter3 e permite conhecer a fundo as novas técnicas necessárias para a avaliação do desempenho de um site. ... Ler mais +

    QUERO VER
  • Criando Sites com HTML - Sites de Alta Qualidade com HTML e CSS

    Este livro descreve de forma detalhada cada um dos elementos do HTML, dando ênfase a sua finalidade. Um capítulo é dedicado exclusivamente às folhas de estilo em cascata (CSS), que forma uma dupla inseparável com HTML. ... Ler mais +

    QUERO VER
  • Introdução à Programação Web com HTML, XHTML e CSS - 2ª Edição Americana

    Oferecendo uma nova abordagem a um tópico familiar, este livro lhe ensina a criar páginas para a Web como ela existe hoje – e como será em um futuro previsível. O tempo de usar apenas codificação HTML para escrever uma página já passou. À medida em que a Web avança, também o fazem as tecnologias que você precisa aprender para criar páginas eficazes e atraentes. Este guia inicial revisa HTML e também lhe apresenta o uso de XHTML para a estrutura de uma página Web e Cascading Style Sheets (CSS) para controlar como um documento deve aparecer em uma página. Atualizado com exemplos modernos, o livro explora a evolução dos navegadores e como eles refletem o modo pelo qual as páginas são desenvolvidas. Você aprenderá a tirar vantagem dos recursos mais recentes dos navegadores ao mesmo tempo em que assegura que suas páginas ainda funcionem em navegadores mais antigos, porém populares. Além disso, descobrirá como programar para os muitos dispositivos que são capazes de acessar a Internet, incorporando usabilidade e acessibilidade. ... Ler mais +

    QUERO VER
  • Introdução à HTML e PHP

    Esta obra é dedicada aos estudantes e curiosos de Computação que se interessam, a princípio, em construir páginas na Internet. Neste sentido, nosso objetivo é introduzir o leitor às linguagens HTML e PHP mostrando, na prática, como funciona a cooperação de códigos estáticos e dinâmicos. Para a realização deste objetivo, dividimos este livro em onze capítulos e dois apêndices. O estudo de todos os capítulos e do primeiro apêndice fornece o conhecimento básico e suficiente para você implementar a sua própria página. O último apêndice fornece material necessário para a instalação do PHP e de um servidor de páginas para Internet. ... Ler mais +

    QUERO VER
  • Construção de Jogos Educacionais Digitais e Objetos de Aprendizagem: Um estudo de caso empregando Flash, HTML 5, CSS, JavaScript e Ardora

    Este livro apresenta conceitos de OAs (Objetos de Aprendizagem) e Jogos Educacionais Digitais, além de estimular o desenvolvimento, na prática, destes jogos, utilizando-se de algumas tecnologias que estão entre as mais empregadas atualmente, que são o Adobe Flash e o HTML 5 (HyperText Markup Language). Os exemplos desenvolvidos envolvem conceitos básicos de programação de computadores. Entretanto, algumas ferramentas podem ser empregadas por usuários que não possuem conhecimento de programação (tais como os Snippets de código do Adobe Flash e a utilização da ferramenta Ardora). Sendo assim, este livro pode ser aplicado por usuários com conhecimento em nível intermediário de Informática. ... Ler mais +

    QUERO VER
  • Descrição
    CSS Grid Layout: Criando layouts CSS profissionais

    A criação de Layout CSS sempre foi uma tarefa trabalhosa, mas agora os profissionais têm uma ferramenta poderosa ao seu alcance, o CSS Grid Layout, uma nova especificação do W3C, que veio para resolver praticamente todos os problemas de posicionamento na tela. Utilizando um novo método de layout CSS, bidimensional, com linhas e colunas, mais simples e muito mais fácil de usar, permite controlar o tamanho e a posição dos componentes da interface e seus conteúdos. Não será mais necessário inflar a marcação HTML com elementos desnecessários para a criação de layouts CSS.

    Explicações teóricas são abordadas em linguagem didática, dispensando, sempre que possível, o jargão técnico avançado, além de serem acompanhadas de exemplos práticos explicados passo a passo e complementados por arquivos HTML, disponíveis online para consulta e download.

    Neste livro, Maujor, o dinossauro das CSS, mostra de forma didática os recursos e as funcionalidades dessa nova ferramenta. Com auxílio de exercícios práticos, você aprenderá todas as potencialidades dessa nova tecnologia para criar layouts extremamente profissionais, que antes somente eram possíveis com a utilização de frameworks.

    Este livro é indicado para desenvolvedores front-end, web designers e estudantes com alguma experiência em CSS.
  • Sobre o Autor
  • Especificação

    Características

    AssuntosCSS 3
    Tipo de LivroLivro Físico

    Especificações

    Sobre o AutorMaurício Samy Silva

    Maurício Samy Silva é graduado em Engenharia Civil pelo Instituto Militar de Engenharia (IME). É um obstinado divulgador dos Padrões Web e desenvolve o site do Maujor (maujor.com) e o Blog do Maujor (maujor.com/blog). Em 2011, lançou o site maujorsvg.com.br, destinado à divulgação da emergente tecnologia SVG. Maujor, como é conhecido na Internet, escreve para revistas de desenvolvimento web, é palestrante em eventos de TI e autor dos livros Construindo sites com CSS e (X)HTML, Criando sites com HTML, AJAX com jQuery, JavaScript, HTML5, CSS3, JQuery Mobile, JQuery UI, Fundamentos da SVG, Web Design Responsivo, Foundation for Sites, Fundamentos de HTML5 e CSS3 e Fundamentos de Sass e Compass; todos publicados pela Novatec Editora.
    Informações TécnicasSumário

    Agradecimentos.................................................................................................................. 11
    Isenção de responsabilidade................................................................................................ 12
    Sobre o autor ...................................................................................................................... 13
    Introdução.......................................................................................................................... 14

    Capítulo 1 ¦ Introdução e terminologia................................................................................ 19
    1.1 Introdução...................................................................................................19
    1.2 Terminologia.............................................................................................. 20
    1.2.1 CSS Grid Layout.................................................................................. 20
    1.2.2 Terminologia do Grid Layout ............................................................... 21

    Capítulo 2 ¦ Criando o grid e posicionando os grid items....................................................... 27
    2.1 Marcação HTML........................................................................................ 28
    2.2 Propriedades para o grid container ............................................................. 29
    2.3 Propriedades para posicionamento dos grid items ........................................35
    2.3.1 Quantidade de valores para definir as grid lines.....................................39
    2.4 Dica de posicionamento numérico .............................................................. 42
    2.5 Grid explícito............................................................................................. 44
    2.6 Grid implícito .............................................................................................45
    2.6.1 Dimensionamento do grid implícito......................................................47
    2.7 Posicionamento automático no grid .............................................................49
    2.7.1 Alterando o posicionamento automático................................................ 51

    Capítulo 3 ¦ Sintaxes para posicionamento no grid............................................................... 53
    3.1 Marcação HTML .........................................................................................53
    3.2 Posicionamento com grid lines nomeadas ....................................................55
    3.3 Posicionamento com uso da palavra-chave span........................................... 60
    8 CSS Grid Layout
    3.4 Posicionamento com áreas nomeadas...........................................................62
    3.4.1 Valores para a propriedade grid-template-areas ..................................... 66
    3.5 Posicionamento numérico combinado com linhas nomeadas....................... 68
    3.6 Palavra-chave auto ...................................................................................... 71
    3.7 Palavra-chave dense para posicionamento ....................................................72

    Capítulo 4 ¦ Dimensionamento do grid ................................................................................ 75
    4.1 Valores CSS para dimensionamento do grid ..................................................75
    4.1.1 Unidades relativas de medida CSS .........................................................76
    4.1.2 Unidades absolutas de medida CSS...................................................... 77
    4.2 Função repeat().......................................................................................... 77
    4.3 Unidade de medida CSS fr...........................................................................79
    4.4 Função minmax()........................................................................................ 81
    4.5 auto-fill e auto-fit ...................................................................................... 83
    4.6 min-content e max-content......................................................................... 86

    Capítulo 5 ¦ Grid items ........................................................................................................ 90
    5.1 Elementos-filhos do grid container.............................................................. 90
    5.1.1 Contexto de formatação em modo grid ................................................ 90
    5.1.2 Reordenamento dos grid items .............................................................92
    5.1.3 Margens e padding dos grid items ....................................................... 95
    5.1.4 Propriedade z-index para grid items ..................................................... 96
    5.2 Alinhamentos ............................................................................................ 99
    5.2.1 Alinhamento do grid ........................................................................... 99
    5.2.2 Alinhamento dos grid items ................................................................101

    Capítulo 6 ¦ Detalhando o grid .......................................................................................... 102
    6.1 Subgrid ..................................................................................................... 102
    6.2 Grid aninhado .......................................................................................... 102
    6.3 A função minmax e o grid responsivo.........................................................105
    6.4 Grid gaps com colunas e linhas..................................................................106
    6.5 Grid gaps com larguras diferentes..............................................................108
    6.6 Propriedade CSS position para grid items...................................................109
    6.7 Propriedade grid-template ..........................................................................112
    6.8 Nome implícito para as linhas do grid ....................................................... 115
    6.9 Propriedade grid ........................................................................................117
    6.10 Grid para cards........................................................................................120

    Capítulo 7 ¦ Layouts.......................................................................................................... 124
    7.1 Exemplo 1 – Layout de duas colunas........................................................... 124
    7.2 Exemplo 2 – Layout de duas colunas..........................................................126
    7.3 Exemplo 3 – Layout de duas colunas ......................................................... 127
    7.4 Exemplo 4 - Layout de três colunas ............................................................128
    7.5 Exemplo 5 – Layout Novatec .....................................................................130
    7.5.1 Primeiro passo – marcação HTML....................................................... 132
    7.5.2 Segundo passo – Mobile First ............................................................. 133
    7.5.3 Terceiro passo – Primeiro breakpoint................................................... 134
    7.5.4 Quarto passo – Segundo breakpoint....................................................136
    7.5.5 Layout da Home Page da Novatec ....................................................... 137

    Apêndice A ¦ Grid developer tool ....................................................................................... 139
    A.1 Firefox Nightly.......................................................................................... 139
    A.2 Inspetor do grid ....................................................................................... 140
    A.2.1 Nota importante ............................................................................... 145

    Apêndice B ¦ Flexbox......................................................................................................... 146
    B.1 Introdução ................................................................................................146
    B.2 Terminologia ........................................................................................... 147
    B.2.1 Flex container.................................................................................... 147
    B.2.2 Flex item ........................................................................................... 148
    B.2.3 Eixos................................................................................................. 149
    B.3 Propriedades CSS para o flex container ...................................................... 149
    B.4 Propriedades CSS para os flex items........................................................... 155
    B.5 Cards com flexbox ....................................................................................164

    Referências bibliográficas.................................................................................................. 168
    Índice remissivo ................................................................................................................ 169

    Informações Técnicas

    Nº de páginas:176
    Origem:Nacional
    Editora:Editora Novatec
    Idioma:Português
    Edição:1ª Edição
    Ano:2017
    ISBN:9788575226322
    Encadernação:Brochura
    Autor:Maurício Samy Silva
  • Informações

Avaliação técnica sobre o livro

Olá! Seja Bem Vindo (a)!

Eu sou o Moderninho , o Mascote da Ciência Moderna Online!
Além de bonito, o novo site tem Minhas Dicas :) #ficaadica

A 1ª Dica é -> Deixe aqui seu contato para receber nossas
NOVIDADES, PROMOÇÕES E CUPONS DE DESCONTOS ;)

Navegue SEM Moderação!