HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos dispositivos

•

1 gostou•1,856 visualizações

O documento apresenta os recursos HTML5, CSS3 e suporte multiplataforma, com demonstrações de elementos semânticos como header e article em HTML5, seletores e efeitos como sombra e transição em CSS3, e compatibilidade em múltiplos browsers, sistemas e dispositivos.

Tecnologia

em múltiplos browsers,
em múltiplas plataformas
e em múltiplos dispositivos
Rogério Moraes de Carvalho
VITA Informática
@rogeriom
rogeriomc.wordpress.com

Agenda
HTML5 (alguns recursos)
Demo - HTML5
CSS3 (alguns recursos)
Demo - CSS3
Suporte múltiplo
Demo - Suporte múltiplo

HTML5 (alguns recursos)
Uma Web mais semântica
Elemento header
Informações introdutórias ou
de navegação numa página ou
num artigo
Elemento footer
Informações finais numa
página ou num artigo
Elemento article
Composição autônoma

HTML5 (alguns recursos)
Uma Web mais semântica
Elemento section
Seção genérica de um
documento ou aplicação
Elemento nav
Seção da página com links
para navegação
Elemento aside
Seção separada do conteúdo
(comum em barras laterais)

CSS3 (alguns recursos)
Formatação mais poderosa
Seletor E:firstchild (CSS2)
De um elemento E, primeiro
filho do seu elemento pai
Seletor E:lastchild (CSS3)
De um elemento E, último filho
do seu elemento pai
Seletor E:nth-child(n) (CSS3)
De um elemento E, enésimo
filho do seu elemento pai

CSS3 (alguns recursos)
Formatação mais poderosa
Seletor E:nth-last-child(n)
(CSS3)
De um elemento E, o enésimo
filho do seu elemento pai,
contando a partir do último
Seletor E:checked (CSS3)
Um elemento E da interface
com o usuário que está
checado
Exemplo: checkbox ou radio-button

CSS3 (alguns recursos)
Formatação mais poderosa
Seletor E F (CSS1)
Um elemento F descendente
de um elemento E
Seletor E > F (CSS2)
Um elemento F filho de um
elemento E
Seletor E + F (CSS2)
Um elemento F imediatamente
precedido por um elemento E

CSS3 (alguns recursos)
Formatação mais poderosa
Seletor E ~ F (CSS3)
Um elemento F precedido por
um elemento E
Seletor E :: before (CSS2)
Conteúdo gerado antes do
elemento E
Seletor E :: after (CSS2)
Conteúdo gerado depois do
elemento E

CSS3 (alguns recursos)
Formatação mais poderosa
Propriedade border-radius
(CSS3)
Arredondamento de bordas
Função linear-gradient (CSS3)
Gradiente linear de cores
Função radial-gradient (CSS3)
Gradiente radial de cores

CSS3 (alguns recursos)
Formatação mais poderosa
Propriedade text-shadow
(CSS3)
Sombra num texto
Propriedade box-shadow
(CSS3)
Sombra numa caixa
Propriedade transition (CSS3)
Efeito de transição em algumas
propriedades

Suporte múltiplo
Múltiplos browsers
Google Chrome
Microsoft Internet Explorer
Mozilla Firefox
Apple Safari
Opera

Suporte múltiplo
Múltiplas plataformas (desktop e móveis)
Windows Android
Mac OS X
Linux
Chrome OS BackBerry OS
Firefox OS

Suporte múltiplo
Múltiplos dispositivos
Desktops Smartphones
Notebooks Tablets
Netbooks Phablets
Ultrabooks
Chromebooks

Documentação
HTML5 Specification
http://www.w3.org/TR/html5/
CSS3 (por estabilidade das especificações)
http://www.w3.org/TR/CSS/

Mais conteúdo relacionado

Semelhante a HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos dispositivos

jQuery na Prática!

José Alexandre Macedo

CSS

Fábio Nogueira de Lucena

Mini Curso de jQuery Lambda3/Globalcode

Victor Cavalcante

Palestra / Novidades No CSS3 / Instituto Infnet

hugodiasneto

Palestra sobre Novidades no CSS 3

ECDD Infnet

Programação Web com HTML e CSS

Victor Adriel Oliveira

Semelhante a HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos dispositivos (6)

jQuery na Prática!

CSS

Mini Curso de jQuery Lambda3/Globalcode

Palestra / Novidades No CSS3 / Instituto Infnet

Palestra sobre Novidades no CSS 3

Programação Web com HTML e CSS

Mais de Rogério Moraes de Carvalho

Docker com ASP.NET Core e Hospedagem no Azure

Rogério Moraes de Carvalho

Na minha palestra, eu apresentei as iniciativas da Microsoft para levar a plataforma de desenvolvimento Web ASP.NET para múltiplas plataformas, incluindo Linux e macOS, além do Windows. O novo .NET Core multiplataforma com suas ferramentas de linha de commando (.NET Core CLI), o novo padrão .NET Platform Standard e como funciona o .NET Core da codificação à execução. Eu abordei o ASP.NET Core, uma nova implementação da tecnologia de desenvolvimento Web ASP.NET para ser multiplataforma, muito mais rápida, leve e modular. Finalmente, eu apresentei uma série de Recursos para estudo.

TDC 2016 POA: O novo ASP.NET Core 1.0 multiplataforma

Rogério Moraes de Carvalho

A palestra tem como objetivo apresentar algumas tecnologias baseadas em XML e o suporte a XML no SQL Server 2016. São abordadas as seguintes tecnologias XML: XML, XPath, XQuery, XSLT, SVG, MathML, XML Schema. São abordados os seguintes assuntos relacionados com XML no SQL Server: tipo de dado xml, XML Schema Collections, métodos do tipo de dado xml, declaração de XML namespaces e extensões XML DML do XQuery.

Tecnologias XML eXML no SQL Server 2016

Rogério Moraes de Carvalho

A versão final (RTM) do novo framework .NET Core 1.0 foi lançada em 27 de junho de 2016. Veja os recursos do .NET Core 1.0 para desenvolver aplicações web com ASP.NET Core, aplicações Console e aplicações para Universal Windows Platform (UWP). Desenvolva no seu sistema operacional predileto: Windows, Mac OS X ou Linux. E veja qual a relação existe entre o novo framework .NET Core multiplataforma e o .NET Framework tradicional para Windows. A versão final (RTM) do ASP.NET Core 1.0 também foi lançada em 27 de junho de 2016. Veja os recursos do ASP.NET Core 1.0 para desenvolver aplicações web com ASP.NET Core MVC e serviços web com ASP.NET Core Web API no seu sistema operacional predileto: Windows, Mac OS X ou Linux. Além disso, veja aplicações web ASP.NET Core 1.0 executando em servidores Windows, Linux e contêineres Docker. E veja qual a relação existe entre as novas aplicações ASP.NET Core e as anteriores: aplicações ASP.NET tradicionais, incluindo: ASP.NET Web Forms, ASP.NET MVC e ASP.NET Web Pages.

Cebraspe 2016: .NET Core e ASP.NET Core

Rogério Moraes de Carvalho

dotnetConf 2016 Goiânia: .NET Core | ASP.NET Core

Rogério Moraes de Carvalho

Visual Studio Summit 2016: C# 7 - Olhando para o futuro

Rogério Moraes de Carvalho

Hoje, dia 21 de maio de 2016, eu apresentei a palestra: Um novo .NET multiplataforma: ASP.NET Core, .NET Core e Entity Framework Core. As informações foram atualizadas com informações dos recém-lançados: ASP.NET Core RC2, .NET Core RC2 e Entity Framework Core RC2. A tão esperada versão Release Candidate 2 (RC2) foi liberada há apenas 5 dias: no dia 16 de maio de 2016. A versão final (RTM) está planejada para ser liberada até o final de junho de 2016. Os anúncios do ASP.NET Core RC2, .NET Core RC2, Entity Framework Core RC2 e .NET Core SDK Preview 1 podem ser lidos em dois posts no blog do time de engenheiros .NET da Microsoft, em inglês: Announcing .NET Core RC2 and .NET Core SDK Preview 1 e Announcing Entity Framework Core RC2.

Um novo .NET multiplataforma:ASP.NET Core, .NET Core e Entity Framework Core

Rogério Moraes de Carvalho

Eu apresentarei a palestra “ASP.NET Core, .NET Core e EF Core: multiplataforma e otimizados para a nuvem” na edição de Brasília. Veja nesta palestra, as novidades mais recentes das novas plataformas de desenvolvimento multiplataforma da Microsoft: - ASP.NET Core 1.0 (anteriormente chamado de ASP.NET Core 5), que é o novo framework de desenvolvimento web multiplataforma da Microsoft que contém o ASP.NET Core MVC (anteriormente chamado de ASP.NET MVC 6) que, agora, está integrado com o ASP.NET Core Web API. - .NET Core 1.0 (anteriormente chamado de .NET Core 5), novo framework de uso geral que contém um subconjunto do .NET Framework e outras APIs únicas. - Entity Framework Core 1.0 (anteriormente chamado de Entity Framework 7), que é o novo framework de mapeamento objeto relacional da Microsoft e não somente isso, pois há extensões para suporta acesso a bancos de dados NoSQL, dentre outros paradigmas de acesso a dados.

ASP.NET Core, .NET Core e EF Core: multiplataforma e otimizados para a nuvem

Rogério Moraes de Carvalho

Em 2016 a Microsoft inicia uma nova fase para a plataforma .NET, com os frameworks ASP.NET Core, .NET Core e EF Core. O novo .NET Core é um ambiente de execução modular que inclui um subconjunto do .NET Framework 4.6.x, é multiplataforma (Windows, Mac, Linux), além de ser otimizado para a nuvem. O ASP.NET Core 1.0 inclui o MVC e o Web API; e o Entity Framework Core 1.0 é uma nova implementação do framework de mapeamento O/R. Nesta palestra, exploraremos o estágio atual dos novos frameworks Core, vendo na prática uma aplicação ASP.NET .NET Core 1.0 (MVC) com uso do Entity Framework Core 1.0 e baseada no .NET Core 1.0 sendo criada e executada em múltiplas plataformas. São discutidas também as principais limitações existentes nos três frameworks em sua versão inicial – e como as mudanças podem afetar o seu desenvolvimento no dia a dia.

Explorando o novo .NET multiplataforma:ASP.NET Core, .NET Core e EF Core

Rogério Moraes de Carvalho

Agenda: - Debate inicial - Suas experiências: XML e SQL Server - XML e tecnologias relacionadas - O que é XML? - XML bem-formado - XML Schema e XML válido - XPath e XQuery - Algumas aplicações de XML - Suporte XML no SQL Server - Tipo de dado XML nativo - XML Schema Collections - Métodos do tipo de dados XML - Cláusula FOR XML - Debate final - Minhas experiências: XML e SQL Server

Suporte XML nativo no SQL Server 2014/2016

Rogério Moraes de Carvalho

Agenda: - Plataforma de compiladores .NET & Visual Studio 2015 - Plataforma de compiladores .NET (“Roslyn”) - Evolução do projeto “Roslyn” - Linha de produtos comerciais do Visual Studio 2015 - Linha de produtos gratuitos do Visual Studio 2015 - Visual Studio Online e Visual Studio Code - Visual Studio 2015 RTM - Novidades da linguagem de programação C# 6 - Construtores primários (C# 7) - Avanços em propriedades automáticas - Atribuição de propriedades automáticas somente com get no construtor - using estático - await em blocos catch e finally - Filtros de exceção - Operadores nulos-condicionais - Expressões nameof - Expressões de declaração (C# 7) - Expressões de corpo em membros de função - Iniciadores de índice - Literais binários e separadores de dígitos (C# 7) - Interpolação de strings - Ferramentas e documentação - Recursos adicionais

Plataforma de compiladores .NET,Visual Studio 2015, C# 6 e futuro C# 7

Rogério Moraes de Carvalho

No dia 16 de maio de 2015, eu apresentei a minha palestra sobre a próxima versão do Entity Framework na trilha .NET com o título “O Entity Framework 7 na evolução da plataforma .NET 2015”. Devido ao tempo escasso de duração da palestra, apenas 25 min, eu fiz uma apresentação teórica mostrando a evolução do framework de mapeamento objeto-relacional (ORM) da Microsoft e o que esperar da próxima versão (EF7), que deve ter a sua primeira versão estável lançada ainda no ano de 2015. Eu apresentei os seguintes tópicos na minha palestra: - O que é o Entity Framework 7? - Evolução do Entity Framework - Plataformas - Fontes de dados - Provedores de fontes de dados - Novo núcleo - Novas características - Prioridades - Recursos adicionais

The Developer’s Conference (TDC) 2015 Florianópolis: O Entity Framework 7 na ...

Rogério Moraes de Carvalho

O MVP Virtual Conference (MVP V-Conf) é um novo evento virtual de dois dias apresentado por especialistas em tecnologia independentes que utilizam tecnologias da Microsoft diariamente. Conecte-se e veja o que a comunidade de usuários avançados está dizendo sobre o mundo de possibilidades mobile-first, cloud-first com tecnologias Microsoft reestruturadas. Seguem as 5 trilhas do evento: - IT Pro Track (English) - Developer Track (English) - Consumer Track (English) - LATAM Track (Spanish) - Brazil Track (Portuguese) Na minha palestra, eu apresentei informações sobre como executar ASP.NET MVC 6 no Mac OS X e no Linux. A ideia foi apresentar um passo a passo de como configurar os sistemas operacionais Mac OS X e Linux para desenvolvimento de aplicações ASP.NET MVC 6, e ASP.NET 5 em geral. Eu apresentei os seguintes tópicos na minha palestra: - .NET no Linux e no Mac OS X - ASP.NET 5 e ASP.NET MVC 6 - Visual Studio Code - Linha de produtos Visual Studio 2015 - Ambientes de desenvolvimento - Tecnologia de contêiner - Suporte atual em Linux e Mac OS X - Demonstração e recursos adicionais

MVP Virtual Conference (MVP V-Conf) 2015: Executando ASP.NET MVC 6 no Mac OS ...

Rogério Moraes de Carvalho

Plataforma de compiladores .NET, C# 6 e Visual Studio 2015

Rogério Moraes de Carvalho

Palestra Plataforma de compiladores .NET (“Roslyn”), C# 6 e Visual Studio “14” na trilha .NET da edição 2014 de Poerto Alegre. Neste ano de 2014, o evento está tendo edições nas três seguintes cidades: São Paulo, Florianópolis e Porto Alegre. Na apresentação, eu abordei o projeto de codinome "Roslyn", que passou a ser chamado de Plataforma de compiladores .NET e sua evolução. Depois eu comentei sobre a evolução da plataforma ASP.NET e os componentes do ASP.NET vNext. Além disso, eu comentei das novidades do Visual Studio "14" CTP 4, cuja versão final deve ser lançada em meados do ano que vem, muito provavelmente como o Visual Studio 2015. Finalmente, eu comentei sobre as principais novidades da próxima versão da linguagem de programação C#: C# 6. Sendo que algumas das novidades planejadas acabaram de ser prorrogadas pelo time de produto da Microsoft para uma próxima versão, provavelmente a linguagem C# 7, por uma questão de haver um tempo reduzido para o lançamento. Por enquanto, as novidades anunciadas que serão cortadas são construtores primários e expressões de declaração.

Plataforma de compiladores .NET (“Roslyn”), C# 6 e Visual Studio “14”

Rogério Moraes de Carvalho

Aplicações e serviços Web interoperáveis com o padrão Cross-Origin Resource S...

Rogério Moraes de Carvalho

Programação assíncrona com C# 5 no Visual Studio 2013 [MVP ShowCast 2013 - DE...

Rogério Moraes de Carvalho

Informações sobre as seguintes linguagens de programação: C, C++, Objective-C, Java, JavaScript, Ruby, PHP e C#. Exposição de algumas aplicações destas linguagens em desenvolvimento: de sistemas operacionais (sistemas baseados em UNIX e Windows), desktop (Windows, Mac OS X e Linux), Web (do lado do servidor e do lado do cliente), para smartphones e tablets (Android, iOS, Windows Phone, Windows Store apps), para a nuvem (Amazon Web Services, Windows Azure, Google App Engine), de jogos para múltiplas plataformas, etc.

Uma visão de mercado das linguagens de programação

Rogério Moraes de Carvalho

Esta foi a minha primeira palestra no evento SQLSaturday #253, em Brasília-DF, e foi realizada na trilha Desenvolvimento no dia 28/09/2013 (sábado), das 10h às 11h10. Eu apresentei uma visão geral sobre o conceito de mapeamento-objeto relacional e comentei sobre dois dos principais frameworks usados na plataforma .NET: Entity Framework (Microsoft/Open Source) e NHibernate (Open Source). Além disso, eu comentei sobre algumas das principais novidades do Entity Framework 5 e do Entity Framework 6.

SQLSaturday #253 | Brasília 2013 - Mapeamento Objeto-Relacional com o Entity ...

Rogério Moraes de Carvalho

Mais de Rogério Moraes de Carvalho (20)

Docker com ASP.NET Core e Hospedagem no Azure

TDC 2016 POA: O novo ASP.NET Core 1.0 multiplataforma

Tecnologias XML eXML no SQL Server 2016

Cebraspe 2016: .NET Core e ASP.NET Core

dotnetConf 2016 Goiânia: .NET Core | ASP.NET Core

Visual Studio Summit 2016: C# 7 - Olhando para o futuro

Um novo .NET multiplataforma:ASP.NET Core, .NET Core e Entity Framework Core

ASP.NET Core, .NET Core e EF Core: multiplataforma e otimizados para a nuvem

Explorando o novo .NET multiplataforma:ASP.NET Core, .NET Core e EF Core

Suporte XML nativo no SQL Server 2014/2016

Plataforma de compiladores .NET,Visual Studio 2015, C# 6 e futuro C# 7

The Developer’s Conference (TDC) 2015 Florianópolis: O Entity Framework 7 na ...

MVP Virtual Conference (MVP V-Conf) 2015: Executando ASP.NET MVC 6 no Mac OS ...

Plataforma de compiladores .NET, C# 6 e Visual Studio 2015

Plataforma de compiladores .NET (“Roslyn”), C# 6 e Visual Studio “14”

Aplicações e serviços Web interoperáveis com o padrão Cross-Origin Resource S...

Programação assíncrona com C# 5 no Visual Studio 2013 [MVP ShowCast 2013 - DE...

Uma visão de mercado das linguagens de programação

SQLSaturday #253 | Brasília 2013 - Mapeamento Objeto-Relacional com o Entity ...

Último

A margem de contribuição é uma medida fundamental para entender a lucratividade de um produto, serviço, departamento ou da empresa como um todo. Ela representa o valor que sobra da receita depois de subtrair os custos e despesas variáveis associados à produção ou venda desse produto ou serviço. Essa quantia é chamada de "margem de contribuição" porque é a parte do dinheiro que efetivamente contribui para cobrir os custos fixos e gerar lucro. Fonte: FRAGALLI, Adriana Casavechia; CASTRO, Silvio Cesar de. Custos da Produção. Maringá - PR.: Unicesumar, 2022. Dado o contexto fornecido sobre os Margem de Contribuição dentro de uma empresa, é possível expandir a análise para que seja apurada de diferentes formas dentro de uma organizacional. Essas apurações podem ser (1) Global da Empresa, (2) Global de uma filial, (3) Divisão de Negócios, (4) Departamental, (5) Total por produto e (6) Unitário. Neste sentido, explique como cada uma dessas apurações consiste no contexto prático de margem de contribuição.

ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx

2m Assessoria

LOGÍSTICA EMPRESARIAL — ATIVIDADE DE ESTUDO 1 Olá, estudante! Iniciamos, agora, a Atividade 1. Prepare-se para colocar em prática os conceitos estudados durante a disciplina! Caso surjam dúvidas, não hesite em contatar os professores da disciplina. Desejamos sucesso na sua atividade! "A gestão da cadeia de abastecimento, também conhecida como Supply Chain Management, envolve as práticas gerenciais necessárias para que todas as empresas agreguem valor ao cliente ao longo de todo o processo, desde a fabricação dos materiais até a distribuição e entrega final dos bens e serviços (MARTINS; LAUGENI, 2015, p. 189). Essa abordagem busca integrar os diversos atores da cadeia, proporcionando uma visão abrangente e contínua de todo o processo produtivo, desde a aquisição da matéria-prima até a entrega ao cliente final. A evolução do supply chain culminou na concepção da cadeia logística integrada. a) Relacione as fases de evolução do Supply Chain Management, apresentando suas principais características. b) Descreva, de forma detalhada, o fluxo de informação da Logística Integrada. c) Quais estratégias as empresas podem adotar para integrar de forma eficaz a tecnologia da informação na cadeia logística?

ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx

2m Assessoria

Árvores binárias são uma das estruturas de dados mais fundamentais e poderosas na ciência da computação, essenciais para o entendimento e aplicação de algoritmos eficientes. Elas permitem operações de busca, inserção e remoção em tempos de execução competitivos, especialmente quando estão balanceadas. Uma árvore binária é uma estrutura de dados em que cada nó possui no máximo dois filhos, que são referenciados como subárvore esquerda e subárvore direita. Considerando os conceitos fundamentais de uma árvore binária, defina o conceito de PROFUNDIDADE de uma árvore binária e discuta como essa medida impacta as operações realizadas na estrutura.

ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx

2m Assessoria

Programação Orientada a Objetos - 4 Pilares.pdf

SamaraLunas

Boas práticas de programação com Object Calisthenics

Danilo Pinotti

Padrões de Projeto: Proxy e Command com exemplo

Danilo Pinotti

Luís Kitota AWS Discovery Day Ka Solution.pdf

LuisKitota

No mundo digital atual, a informação é considerada uma das principais matérias-primas para o desenvolvimento econômico e social. Com a evolução tecnológica e a disseminação da internet, a quantidade de dados gerados e disponíveis diariamente cresce de forma exponencial. Nesse contexto, a gestão da informação assume um papel fundamental para as organizações, uma vez que permite a captação, armazenamento, processamento, análise e disseminação dos dados de forma estruturada e eficiente. Saes, Danillo Xavier. Gestão da Informação. Maringá-Pr.: UniCesumar, 2019. [Unidade I, p. 16 a 28] Para que possamos construir uma reflexão significativa sobre a gestão da informação no mundo organizacional, vamos realizar a presente atividade em 2 momentos. 1. Defina e diferencie: DADO, INFORMAÇÃO e CONHECIMENTO. 2. Faça uma reflexão sobre o uso da informação no contexto organizacional que está inserido na sociedade do conhecimento, destacando qual a relevância do uso das tecnologias digitais como apoio para a gestão da informação.

ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx

2m Assessoria

“Podemos definir redes de computadores como um conjunto de dispositivos que compartilham recursos físicos ou lógicos por intermédio de um meio de comunicação. A fim de que as redes (incluindo a internet) funcionem, troquem mensagens, deve haver regras, as quais foram estruturadas ao longo dos anos e são chamadas de protocolos.” Adriane Aparecida Loper e Cesar Augusto de Carvalho. Sistemas Distribuídos e Redes.. Maringá - PR: Unicesumar, 2021. pág.16. Pensando nos componentes que compõem as redes, defina: a) O que é um protocolo de comunicação. b) Quais são as camadas de rede do modelo OSI. c) Como são construídos os STP, UTP, coaxial e fibra óptica. d) As topologias do tipo barramento, estrela, anel e árvore.

ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx

2m Assessoria

HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos dispositivos

1. em múltiplos browsers, em múltiplas plataformas e em múltiplos dispositivos Rogério Moraes de Carvalho VITA Informática @rogeriom rogeriomc.wordpress.com

2. Agenda HTML5 (alguns recursos) Demo - HTML5 CSS3 (alguns recursos) Demo - CSS3 Suporte múltiplo Demo - Suporte múltiplo

3. HTML5 (alguns recursos) Uma Web mais semântica Elemento header Informações introdutórias ou de navegação numa página ou num artigo Elemento footer Informações finais numa página ou num artigo Elemento article Composição autônoma

4. HTML5 (alguns recursos) Uma Web mais semântica Elemento section Seção genérica de um documento ou aplicação Elemento nav Seção da página com links para navegação Elemento aside Seção separada do conteúdo (comum em barras laterais)

5. Demo - HTML5

6. CSS3 (alguns recursos) Formatação mais poderosa Seletor E:firstchild (CSS2) De um elemento E, primeiro filho do seu elemento pai Seletor E:lastchild (CSS3) De um elemento E, último filho do seu elemento pai Seletor E:nth-child(n) (CSS3) De um elemento E, enésimo filho do seu elemento pai

7. CSS3 (alguns recursos) Formatação mais poderosa Seletor E:nth-last-child(n) (CSS3) De um elemento E, o enésimo filho do seu elemento pai, contando a partir do último Seletor E:checked (CSS3) Um elemento E da interface com o usuário que está checado Exemplo: checkbox ou radio-button

8. CSS3 (alguns recursos) Formatação mais poderosa Seletor E F (CSS1) Um elemento F descendente de um elemento E Seletor E > F (CSS2) Um elemento F filho de um elemento E Seletor E + F (CSS2) Um elemento F imediatamente precedido por um elemento E

9. CSS3 (alguns recursos) Formatação mais poderosa Seletor E ~ F (CSS3) Um elemento F precedido por um elemento E Seletor E :: before (CSS2) Conteúdo gerado antes do elemento E Seletor E :: after (CSS2) Conteúdo gerado depois do elemento E

10. CSS3 (alguns recursos) Formatação mais poderosa Propriedade border-radius (CSS3) Arredondamento de bordas Função linear-gradient (CSS3) Gradiente linear de cores Função radial-gradient (CSS3) Gradiente radial de cores

11. CSS3 (alguns recursos) Formatação mais poderosa Propriedade text-shadow (CSS3) Sombra num texto Propriedade box-shadow (CSS3) Sombra numa caixa Propriedade transition (CSS3) Efeito de transição em algumas propriedades

12. Demo - CSS3

13. Suporte múltiplo Múltiplos browsers Google Chrome Microsoft Internet Explorer Mozilla Firefox Apple Safari Opera

14. Suporte múltiplo Múltiplas plataformas (desktop e móveis) Windows Android Mac OS X Linux Chrome OS BackBerry OS Firefox OS

15. Suporte múltiplo Múltiplos dispositivos Desktops Smartphones Notebooks Tablets Netbooks Phablets Ultrabooks Chromebooks

16. Demo - Suporte múltiplo

17. Documentação HTML5 Specification http://www.w3.org/TR/html5/ CSS3 (por estabilidade das especificações) http://www.w3.org/TR/CSS/

HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos dispositivos

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos dispositivos

Semelhante a HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos dispositivos (6)

Mais de Rogério Moraes de Carvalho

Mais de Rogério Moraes de Carvalho (20)

Último

Último (9)

HTML5 + CSS3 em múltiplos browsers, em múltiplas plataformas e em múltiplos dispositivos