Arquivo da categoria 'css'

Sombrear imagens com CSS

Vi no feed do Veias Negras (;-D) a indicação de um artigo da Erika Sarti sobre como adicionar sombras a imagens utilizando CSS. No artigo, a autora mostra diferentes técnicas (todas CSS) para sombrear imagens, explicando conceitualmente cada uma e mostrando o código necessário.

Enquanto não “chega” de vez o CSS 3 com sua box-shadow, esse é o esquema (e mesmo depois que chegar, pois duvido muito que o IEca dê suporte…). Pessoalmente, achei melhor (e mais simples) que o artigo sobre sombreamento com CSS do The Shape of Days e os boxes com sombra do Maujor

Brasucas em ação!

Adicionar artigo ao Rec6    Adicionar artigo ao Linkk    Adicionar artigo ao doMelhor    Adicionar artigo ao del.icio.us   Postar artigo no StumbleUpon!

Tripoli: CSS standard para renderização HTML

Tripoli: esquema navegadores (Firefox, Opera, Safari, Flock, IE6, IE7).

Tripoli, segundo a definição de seu criador, David Hellsing, é

um CSS genérico para renderização HTML. Ao redefinir e reconstruir standards para os navegadores, Tripoli faz uma união estável e uma base cross-browser de renderização para projetos web.

Quer dizer, utilizando Tripoli (que, basicamente, é um conjunto de arquivos CSS), é possível “resetar” as diferentes renderizações dos browsers e montar uma base estável, uma renderização padrão para HTML, teoricamente sem a inconveniência de as página de seu site aparecerem diferentes em cada navegador.

Ainda segundo o autor, Tripoli segue à risca as regras mais atuais de CSS, recomendadas pelo W3C, e tem a vantagem de ter, todo o pacote, o pequenino tamanho de 4KB (comprimido).

Pessoalmente, somente vi o Tripoli em funcionamento através dos exemplos disponibilizados no próprio site oficial. Não tive muita vontade de incorporá-lo aos meus projetos devido ao fato de ele ter sido idealizado e feito para ser usado com HTML 4. E eu não uso mais HTML 4, eu uso XHTML 1 (o que, por enquanto, é uma questão de opção, já que é perfeitamente aceitável, normal e corriqueiro o uso de HTML, que continua sendo um padrão do W3C).

Então, para os que seguem a metodologia de uso de HTML para a elaboração de web sites e que forem testar o Tripoli, gostaria de pedir a gentileza de comentar como é usá-lo, se realmente é tudo isso que o autor diz ser e se vale à pena adotá-lo nos projetos.

Na teoria, pelo menos, parece que dá muito certo!

Adicionar artigo ao Rec6    Adicionar artigo ao Linkk    Adicionar artigo ao doMelhor    Adicionar artigo ao del.icio.us   Postar artigo no StumbleUpon!

Dicas e ferramentas úteis para desenvolvedores web

Emma Alvarez compilou uma ótima lista com dicas e ferramentas úteis para desenvolvedores web. Ela dá ênfase ao dizer que esta lista é sobre CSS; entretanto, ao visitar os links, é fácil constatar que há algo além.

São dicas e ferramentas sobre caixas de mensagem, galerias de fotos, mapas de imagem, image replacement, estilo de imagens, listas, menus e muito mais.

Confira a lista de dicas e ferramentas úteis para desenvolvedores web; no sites indicados por Emma Alvarez é possível encontrar muito mais coisas interessantes e úteis para quem trabalha no ramo.

Adicionar artigo ao Rec6    Adicionar artigo ao Linkk    Adicionar artigo ao doMelhor    Adicionar artigo ao del.icio.us   Postar artigo no StumbleUpon!

Radio buttons e check boxes personalizados

Personalizar radio buttons e check boxes é uma excelente maneira de dar uma “cara nova” a páginas web. Foi justamente isso que tive que fazer ontem.

Rapidamente encontrei um esqueminha para fazer isso, de autoria de Carlos Silva Jr, escritor do Freecode.

Basta pegar os códigos que ele montou e utilizar onde se queira, muito simples! O melhor é que dá pra utilizar qualquer imagem para a estilização! Confira a página de exemplos de radio buttons e check boxes personalizados.

Melhor que isso só juntando com a classe PHP para montar formulários! ;-)

Adicionar artigo ao Rec6    Adicionar artigo ao Linkk    Adicionar artigo ao doMelhor    Adicionar artigo ao del.icio.us   Postar artigo no StumbleUpon!

CSS mínimo atualizado

Pessoal,

Só para avisar que atualizei o artigo sobre CSS mínimo. Eu vi no blog do Pedro Rogério um artigo falando sobre uma maneira melhor de zerar os elementos para evitar incompatibilidades entre os navegadores.

Abraços!

Adicionar artigo ao Rec6    Adicionar artigo ao Linkk    Adicionar artigo ao doMelhor    Adicionar artigo ao del.icio.us   Postar artigo no StumbleUpon!