Introdução a marcação semântica

Postado por: Pedro Rogério em

Muitas vezes quando estamos fazendo um site, acabamos ficando preocupados somente com os títulos e os textos, é onde acabamos esquecendo da semântica, por exemplo, quando queremos indicar um código em nosso site, devemos usar a tag <code>, mas muita gente acaba esquecendo disso.

Abaixo você pode ver uma lista de tags semânticos:

  • cite: Destina-se a marcar textos que citem ou façam referências a outras fontes
  • code: Destinado a marcar trechos código
  • dfn: Destina-se a marcar um termo cuja definição foi dada no documento
  • em: Destinado a marcar texto com ênfase
  • kbd: Destina-se a marcar texto que define uma ação do usuário no teclado
  • samp: Destinado a marcar textos que são mostrados como exemplo de saída de um software
  • strong: Destinado a marcar textos em negrito
  • sub: Destinado a deixar o texto subescrito
  • sup: Destinado a deixar o texto superescrito
  • var: Destina-se a indicar que trata-se do nome de uma variável ou de um argumento de um programa

<update> Depois do comentário do Marcos Danilo, vou deixar aqui um exemplo de como usar a tag dfn, ela indica basicamente a definição de uma palavra, em geral apresenta o texto em itálico: CERN: Centre d’Éstudes et Recherches Nucleaires </update>

GetWebkit – Safari para Windows

Postado por: Pedro Rogério em

GetWebKit é um navegador para Windows desenvolvido a partir do Webkit da Apple, o mesmo motor do Safari. Para você instalá-lo, você necessita ter instalado previamente o vcredist_x86. Por enquanto ele não oferece total suporte a páginas codificadas com UTF-8, ISO-8859-1 e Windows-1252, o que pode resultar em caracteres estranhos.

Barra de rolagem com overflow

Postado por: Pedro Rogério em

Se você precisa fazer uma barra de rolagem em uma div, existe uma maneira muito simples de se obter esse efeito, usaremos a propriedade overflow do CSS. Reparem no código abaixo:


#scroll {
  width:300px;
  height:170px;
  background-color:#F2F2F2;
  overflow:auto;
}

Agora no HTML criaremos uma div chamada scroll onde colocare-mos o nosso conteúdo que queremos que tenha a barra de rolagem:


<div id="scroll">
  <p>Aqui vai o conteúdo da div</p>
</div>

O que o overflow:auto faz é o seguinte, reparem que foi definido uma altura pra nossa div de 170px, quando o conteúdo ultrapassar essa altura, ele cria uma barra de rolagem automaticamente, interessante não, então veja um exemplo em funcionamento.

K-Meleon

Postado por: Pedro Rogério em

Logotipo K-Meleon

K-Meleon é um browser baseado na plataforma gecko (o motor de renderização da mozilla), já sabem então que é um browser de qualidade. Ele é bem rápido, e tem o mínimo indispensável para navegar e além de tudo é compatível com os padrões web.

O K-Meleon é o Browser mais básico desenvolvido pela Mozilla, tipo as aplicações que acompanham o Windows. Mas agora, você acaba se perguntando, será que compensa eu baixar esse browser e instalá-lo na minha máquina? Se você tem um computador com poucos recursos, e quer utilizar um browser que trabalhe dentro dos padrões, essa será uma ótima alternativa para você estar fugindo do Internet explorer.

Download

YouOS: Sistema operacional na web

Postado por: Pedro Rogério em

Logotipo YouOS

A nova mania agora são os sistemas operacionais rodando na web, se lembram do Eyeos, agora acabei conhecendo o YouOS, um outro sistema operacional. A sua interface não é parecida com a do EyeOS, são bem diferentes, no EyeOS você acessava os aplicativos por uma espécie de Dock, no YouOS não, ele possui um botão e uma barra, semelhante ao Windows, onde você pode iniciar os aplicativos.

Ele possui muitas vantagens como: Cliente de E-mail, Browser interno, Uma espécie de Windows explorer, Editor de texto, Chat, Bloco de anotações, Integração com o Flickr, e várias outras opções para customização. Veja abaixo algumas screenshots que eu tirei do mesmo:

Interface do Usuário

Interface do Usuário no YouOS

Menu de Acesso aos programas

Menu de acesso aos programas

Continuar lendo »

Páginas:«1...96979899100101102...112»