Gerador de fundos listrados
Monday, November 3rd, 2008
Stripe generator:
Arquivo da categoria ‘Webdesign’
Dia Mundial da Usabilidade
Friday, November 7th, 2008
WUD 2008 em Porto Alegre, no dia 13 de novembro, a partir das 14 horas.
Não perca.
Como usar float em CSS
Tuesday, October 28th, 2008
Excelente artigo em português:
CSS float: considerações, dicas e macetes para bons layouts na web
Update: leia o artigo na fonte.
Livros sobre HTML e CSS
Wednesday, October 22nd, 2008
Dois ótimos livros escritos pelo Mauricio Samy Silva:
http://www.livrohtml.com.br/
http://www.livrocss.com.br/
Confesso que não li os livros inteiros, mas olhei os capítulos que estão disponíveis na web. O conteúdo é ótimo e bastante atualizado.
A diferença entre os livros, apontadas pelo próprio Mauricio Samy Silva:
Folhas de estilo em cascata, ou simplesmente CSS e linguagem de marcação HTML são as duas tecnologias básicas para construção de web sites.
A marcação HTML se destina a inserir e estruturar os conteúdos de uma página do site e às CSS cabe a missão de posicionar, dar forma, tamanho, cores e todos os aspectos de apresentação da página.
Resumindo: HTML para estruturar e CSS para apresentar. Este é o moderno conceito de construção de sites.
Assim, CSS e HTML são duas tecnologias que não podem ser dissociadas no processo de construção de um site.
O livro “Construindo sites com CSS e (X)HTML” tem seu foco principal nas técnicas de estilização das páginas de um site, portanto é um livro destinado a aprofundar conhecimentos CSS. Nele o autor explica com detalhes e exemplificação como posicionar, colorir, definir tamanhos, estilos e os diversos aspectos ligados a apresentar os conteúdos marcados com HTML. A HTML consta do livro na suposição de que o leitor tenha algum conhecimento do seu emprego e saiba pelo menos a função básica de cada elemento da linguagem, até porque é impossível aprender CSS sem saber HTML.
O livro “Criando sites com HTML” tem seu foco principal nas técnicas de marcação e estruturação de documentos para a web com uso da linguagem HTML. Nele o autor aprofunda explicações sobre o significado e valor semântico de cada um dos elementos componentes da linguagem. A parte teórica do livro é complementada com a marcação de um site fictício que para ser apresentado necessita de um mínimo de estilização ou conhecimento CSS. O livro dedica um capítulo explicando o básico das CSS necessário à implementação do site exemplo.
Conclusão:
- O leitor conhece HTML, segundo os modernos padrões Web, e quer aprender as técnicas avançadas de CSS.
O livro indicado é “Construindo sites com CSS e (X)HTML”.
- O leitor não conhece HTML, ou mesmo conhece o HTML ultrapassado e quer aprender ou reciclar os conceitos avançados desta linguagem de marcação.
O livro indicado é “Criando sites com HTML”
Meu IP é único?
Monday, October 20th, 2008
A gente sabe que quando hospeda nosso site em algum provedor de hospedagem, vários outros sites dividem um IP com a gente. Como saber quantos e quais são os outros sites?
Basta inserir a URL do site e ele retorna quais os outros sites que respondem pelo mesmo ip. Outra utilidade é saber quais os subdomínios cadastrados em um domínio principal.
Que tamanho usar?
Sunday, October 19th, 2008
Estamos vivendo uma nova fase de troca. Com melhor hardware, as pessoas passam a usar resoluções maiores.
Quando o top de produção era 800×600, era fácil, eu usava sempre 770×430 pixels, sendo que a altura na verdade poderia ser variável.
Agora, com a resolução 1024×768 ganhando a briga, fica mais difícil de escolher um tamanho, pois nem sempre todo mundo navega com a janela do navegador maximizada.
Lendo artigos pela internet, descobri que o ideal (hoje!) é usar 960 pixels de largura. A altura pode ficar em 771 pixels para um fundo fixo e qualquer valor para um fundo variável.
Por que 960?
Primeiro porque nem todas as pessoas usam a janela do navegador maximizada e porque é um risco que corremos usando um tamanho fixo menor do que a navegação real. Podemos usar fundos que se repetem de forma criativa para ocupar esse espaço que talvez venha a sobrar.
E segundo porque 960 é um bom tamanho para usarmos com grids. Os melhores layouts são construídos em cima de grids. 960 é divisível por 1, 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480 e 960. Imagine as possibilidades!
Referência:
http://www.cameronmoll.com/archives/001220.html. Lembrando que o Brasil está sempre atrasado em relação a hardware. Por isso a diferença de dois anos da publicação do post original e da sua aplicação para a realidade brasileira.
Site que vetoriza suas imagens
Friday, October 17th, 2008
Fiz um teste e o resultado foi bem interessante. Com apenas alguns errinhos, o Vector Magic conseguiu vetorizar um gif com qualidade duvidável que eu testei. Tem um passo-a-passo que ajuda a escolher as melhores opções e você ainda pode ajustar o resultado final.
Pena que não é free. Você ganha dois tokens ao se cadastrar. Mas eu resolvi não usar as minhas fichas ainda!
Experimente: http://vectormagic.com/
Valide seu site
Monday, September 1st, 2008
Seu site é compatível com XHTML e CSS?
http://xhtml-css.com/
div over a flash css
Thursday, July 31st, 2008
Quando a gente coloca um filme flash em um site, ele sempre tem precedência sobre qualquer outro elemento. Como fazer para colocar um div por cima?
Fazendo o filme flash não ter precedência, acrescentando o parâmetro:
<param name="wmode" value="transparent" />dentro do <object> flash…
e acrescentado o atributo:
wmode=”transparent”
dentro do <embed> dentro do <object>
e voilà!
Exemplo:
1 2 3 4 5 6 7 8 9 | <div class="filme_flash"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="200" height="100" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"> <param name="quality" value="High" /> <param name="wmode" value="transparent" /> <param name="src" value="meufilmeflash.swf" /> <embed type="application/x-shockwave-flash" width="200" height="100" src="meufilmeflash.swf" wmode="transparent" quality="High"> </embed> </object> </div> |
Make My Logo Bigger Cream
Monday, November 5th, 2007
Agency Fusion’s Make My Logo Bigger Mock-u-mercial
You need to MAKE MY LOGO BIGGER!,” clients say. While some requests may seem ridiculous, your clients still depend on you to help them get noticed and make them look good.
Esta agência web criou este falso anúncio para brincar com um dos pedidos mais freqüentes dos clientes: fazer o logo deles maior.
Bem humorado e muito divertido.