Categorias
CSS HTML Tutoriais

HTML 5: elementos figure e figcaption

Por vezes necessitamos de publicar uma imagem ou gráfico seguida por uma pequena legenda. Antes da HTML 5 não tinha uma maneira de aplicar semanticamente esse tipo de conteúdo na marcação HTML, e tínhamos que nos valer de nomes de classes e CSS. Mas agora é possível fazer uma marcação semântica para esta finalidade com os elementos e . O elemento marca um bloco de conteúdo independente que normalmente contém imagens, gráficos, diagramas ou ilustrações que fazem referência ao conteúdo principal do documento. Enquanto o elemento exibe uma legenda para o elemento figure. Este novo elemento age como subtítulo opcional ou legenda para qualquer conteúdo contido dentro do elemento . Vamos examinar estes elementos mais detalhadamente neste artigo. O elemento… Continuar a ler

Categorias
CSS HTML Programação

Usar a Google Font API na construção de sites

O Google lançou em 2010 a Google Font API e o Google Font Directory para darem suporte às fontes na construção de websites. Apartir dessa data passamos a poder escolher uma fonte dentre das que estão disponíveis no diretório e colocá-la no HTML/CSS do website, e ela funcionará na maioria dos navegadores (browsers). Assim passou a ser possível o uso de fontes em qualquer página web independentemente do navegador que é usado. Veja algumas vantagens: Economia de Banda; Fácil de usar; Suporte para estilos; Não é necessária a conversão para o formato suportado pelo IE; Fontes Open Source Neste artigo vamos ver como usar a Google Font API. É bem simples, para fazermos um teste vamos criar uma pagina HTML… Continuar a ler

Categorias
CSS HTML

O que é Responsive Web Design?

Responsive Web Design – Há uns anos atrás existia uma diferença clara entre os ambientes desktop e mobile. Com a introdução de smartphones, tablets e novas tecnologias que acedem à Web, os Web Designers depararam-se com o desafio de conceber para cada vez mais resoluções e dispositivos. Seria de enlouquecer desenhar múltiplas versões de um mesmo site que suprissem cada uma dessas variações de tamanho do ecrã e cada uma das resoluções de tela disponíveis no mercado. Nos dias que correm, todos querem uma versão mobile do seu website. Afinal de contas, os smartphones, tablets, etc, vieram para ficar. Iremos estar sempre a desenvolver os mesmos websites para mais uma mão cheia de dispositivos ou inclusivamente a re-desenhar websites mobile… Continuar a ler