José Carlos Web Designer | Freelancer

JOSÉ CARLOS ARAÚJO

Web Designer freelancer com mais de seis anos de experiência no desenvolvimento de web sites, residente na cidade de João Pessoa - PB.

Blog

Siga-me no twitter

Assinar Feed RSS

Posts com a Tag ‘CSS’

Tutorial: Mudando Folha de Estilo via JavaScript


Para quem procura uma opção de trocar a folha de estilo sem ter que recarregar a página, segue um tutorial com basicamente quatro passos:
(mais…)

Bookmark and Share

Accordion com JavaScript e CSS

// 14.07.2008
CSS, JavaScript, XHTML


Este script é bem leve e pode ser facilmente adaptado para as suas necessidades:

- Acessar o site

Bookmark and Share

Compactar CSS em tempo de execução

// 6.06.2008
CSS, PHP, Performance


Achei há algum tempo um pequeno código PHP para compactar o código CSS em tempo execução, fazendo assim com que o site seja carregado muito mais rápido.
(mais…)

Bookmark and Share

Sliding JavaScript Menu

// 2.06.2008
CSS, JavaScript


Menu bastante interessante em JavaScript com apenas 1kb.

Veja na página do autor.

Bookmark and Share

Rodapé sempre no fim da página (sem javascript)

// 13.12.2007
CSS, XHTML


Hoje achei um Post no Outro Lado bastante interessante, que é posicionar o rodapé na base do navegador sem que quando diminua a resolução o rodapé sobreponha o conteúdo.

Veja o resultado final

Post completo no Outro Lado de Nagüeva Guilherme

Bookmark and Share

Mais um bug de renderização do IE 6

// 30.11.2007
CSS


Hoje estava montando um site aqui na agência e deparei com um bug muito louco do IE. Supondo o html abaixo:

<div id="principal">
<div id="colEsq"></div>
<div id="colDir"></div>
</div>

E o CSS abaixo:

div#principal{width:775px; background-color:#FFFFFF; margin:0 auto;}
div#colEsq{width:165px; float:left; display:inline;}
div#colDir{width:610px; float:left; display:inline;
background-color:#f4f2e9;}

(mais…)

Bookmark and Share

Simulador de navegador mobile

// 24.10.2007
CSS, Mobile, XHTML


Hoje o Rodrigo me passou um link muito interessante, que é um site que mostra como seu site será exibido nos navegadores mobile.

O site é o Mowser, você só precisa colocar o endereço do seu site e clicar em “go”.

Veja como ficou o meu site.

Ps. Lembre-se que o link abrirá na mesma janela, para abrir em outra clique com o botão direito do mouse e selecione “abrir link em uma nova janela”.

Bookmark and Share



W3C valid XHTML 1.1 and CSS 2.1

José Carlos Araújo | Web Designer