Casa Layout (html / css)

Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element, falling back to Flash automatically, without the use of JavaScript or browser-sniffing. It therefore works in RSS readers (no JavaScript), on the iTelefone / iPad (don’t support Flash) and on many, many browsers and platforms.

Inserção de vídeo sem flash

Comentários (3)
 

Styling controles de formulário com CSS, revisitado

Belas fotos, você pode conferir ao criar interfaces de usuário diferente.

CleanCSS é um otimizador de CSS poderoso e formatador. Basicamente, ele leva o seu código CSS e torna-o mais limpo e conciso.

CleanCSS

Adicionar um novo comentário
 

Se a tarefa é usar uma fonte personalizada em um projeto, é possível ir de várias maneiras:

  • Z-método - não usar fontes personalizadas em CSS é o suficiente para dizer body {font-family: sans-serif;} e não enganar a si mesmo para baixo.
  • W3C método - usar @ font-family e aproveite as fontes bonito sem zamorochek. Embora este método não é considerado como um trabalhador, por causa da fraca suportado pelo seu navegador.
  • Cufón - o mais dele. Uma técnica relativamente nova que apresenta excelentes resultados. Ele é o herói deste artigo.

Instruções de instalação Cufón

Eu me lembro de quando eu trabalhava na empresa, fonte hemorróidas era irreal para muitos, mas o script e salvo.

 

Número um exemplo - uso como um gif arredondado, formato de imagem.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
.ppp0{ position:relative;}
.ppp1{ background: url(1.gif) no-repeat  ; position:absolute; top:0px; display:block; width:100%; height:100%; }
.ppp2{ background:url(2.gif) no-repeat right top; position:absolute; top:0px; display:block; width:100%; height:100%;   left:0px;}
.ppp3{ background:url(3.gif) no-repeat left bottom; position:absolute; top:0px; display:block; width:100%; height:100%;  left:0px;}
.ppp4{ background:url(4.gif) no-repeat right bottom; position:absolute; top:0px; display:block; width:100%; height:100%;  left:0px;}
</style>
</head>
<body>
<b>Было</b>
  <div style="background: url('/k1.jpg') no-repeat; display:block; width:425px; height:310px;" class="ppp0"></div>
<b>Стало</b>
     <div style="background: url('/k1.jpg') no-repeat; display:block; width:425px; height:310px;" class="ppp0">
     <div class="ppp1"></div><div class="ppp2"></div><div class="ppp3"></div><div class="ppp4"></div>
     </div>      
</body>
</html>
 

1
бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла

pre

 


Autorização

Bom Ajax Poll

Que uma das minhas extensões é o melhor?

Estatística

Anúncio