Por Cosme Faé |
31 de Dezembro de 2005
Mais um destaque, agora é no Dark Eye.
Antes do almoço arrumarei o bug do botão do Feedburner no topo do site, deixarei apenas o botão do Feed na última categoria do menu do site, o que diz “Assine meu Feed”. Feedburner arrumado, agora quem quiser saber o que rola aqui no blog é só inserir no seu agregador RSS.
Tenho que trocar a imagem do topo, pensarei em uma legal aqui…
Aproveito para desejar novamente um Feliz Ano Novo para todos aqui do Blog.
[update]Para quem não sabe o que é o DarkEye: É o mais novo website dedicado à sites belos. Você está no controle: Você vota, revê e manda sites que constantemente aparece na frente de milhões de grandes designers.[/update]
Por Cosme Faé |
30 de Dezembro de 2005
Contratei o Papai Noel que o Carreirasolo contratou, ele foi muito amigável, mas ele quer deixar um recado especial para todos daqui.
Acessem a página clicando aqui.
Por Cosme Faé |
29 de Dezembro de 2005
W3 Compliant Sites é um colecionador de sites dentro dos padrões. Lá, o designer poderá enviar os trabalhos que realizou dentro dos padrões da W3C. Atualmente existem 60 designers brasileiros inscritos, é claro, eu estou lá.
O número de brasileiros estão crescendo… Não estamos na era Web2.0, mas podemos fazer esse jogo mudar. 
Por Cosme Faé |
28 de Dezembro de 2005
Como começo este texto? Haaa, já comecei… Normalmente os webmasters vêem que no site o browser em que os visitantes mais navegam é o IE,até eu estou ciente disso. Aqui no meu blog isto mudou, ao ver os browsers que os visitantes acessaram meu blog eu percebi que 69.5% acessem pelo Mozilla Firefox, com 11.761 hits de visitas, achei a porcentagem impressionante.
Será que as pessoas estão começando a perceber as fantásticas “viajens” que a raposa mais veloz do oeste pode proporcionar? Será que em um futuro distante o IE ficará com porcentagem de 5% dos mais utilizados, ou até menor? Espero que sim.
Na web, falta de informação para escolher o melhor browser, não há. Basta o próprio usuário enxergar que existe um mundo melhor na web, com mais segurança e flexibilidade.
Por Cosme Faé |
27 de Dezembro de 2005
À pedidos de muitos (como se fosse verdade :P), resolvei fazer um artigo para ensinar como alinhar um site tanto na vertical quanto na horizontal com a ausência de tabelas, utilizando CSS e XHTML, tal “proeza” é complexa para alguns iniciantes.
Lembrando que só podemos efetuar tal alinhamento apenas quando o divisor estiver com um valor de largura e altura fixos, ou seja, o width e height terão que existir na divisão que quiser alinhar na horizontal e na vertical.
Vamos começar fazendo o nosso XHTML colocando a divisão que será o conteudo, no nosso caso, o seletor principal:
<div id="conteudo">
</div>
O resto é tudo CSS, vamos definir com que o body não tenha margem para não nos atrapalhar futuramente:
<style type="text/css">
body {
margin:0px;
}
</style>
Veja o primeiro exemplo!
Após zerar a margem do corpo da página vamos fazer com que o nosso box apareça para podermos visualizar o alinhamento, então no caso, criaremos o seletor #conteudo e…:
<style type="text/css">
body {
margin:0px;
}
#conteudo {
width:300px;
height:150px;
background-color:#ffffe1;
border:1px solid #999;
}
</style>
Veja o segundo exemplo!
Acima definimos a altura, largura, cor de fundo e borda. Já que achamos onde está o nosso box, vamos finalmente alinhar o nosso amiguinho. Primeiramente começaremos com o alinhamento horizontal:
<style type="text/css">
body {
margin:0px;
}
#conteudo {
width:300px;
height:150px;
background-color:#ffffe1;
border:1px solid #999;
position:absolute;
left:50%;
margin-left:-150px;
}
</style>
Veja o terceiro exemplo!
Explicando… acima defini ele como posição absoluta ao user-agent, defini que tenha 50% de espaçamento à esquerda e uma margem à esquerda o valor em negativo da largura dividido por 2 (dois).
Agora vamos ao alinhamento vertical no CSS. É quase o mesmo procedimento do horizontal, porém, com ajustes no top do box.
<style type="text/css">
body {
margin:0px;
}
#conteudo {
width:300px;
height:150px;
background-color:#ffffe1;
border:1px solid #999;
position:absolute;
left:50%;
margin-left:-150px;
top:50%;
margin-top:-75px;
}
</style>
Chega té ser meio complicado, mas com o tempo é fácil de gravar as propiedades para o alinhamento. Deve ter outra maneira de se alinhar, até a publicação deste artigo desconheço tal metodologia.
Veja aqui o resultado final.
