Quem não tem problemas e mais problemas ao desevolver um projeto web para o IE 6? Qualquer um já passou por isso e é um sufoco, assumo. Uma versao simples de um PNG fix para o Internet Explorer 6 é o “Unit PNG Fix”, somente dois 2kb de javascript e bem eficiente. Suporta autosize nas imagens, diferente de outras versoes de fix para esse problema. Abaixo link do site e download.

Link: Unit PNG Fix Site

Parece hilário falarmos de cross browse hoje em dia com tantas diferenças que conseguimos encontrar na interpretação do codigo XHTML e CSS. Dia após dia me deparo com outros ‘problemas’, identifico soluções – mas que são sempre paleativas. Encontrei hoje de manhã uma referência em um dos meus feeds para o site do Anthony Short e diretamente em um post com nome muito interessante e chamativo: How to get Cross Browser Compatibility Every Time. O engraçado que dessa vez não é somente um monte de ‘achismos’, existe uma lógica muito boa no texto, vale a pena conferir e ver se você anda fazendo tudo certinho ou erradinho por ai eheh.

Link original: How to get Cross Browser Compatibility Every Time

Cada dia que passa fico mais impressionado com os poderes do jQuery. Hoje pesquisando mais sobre o infeliz encontrei algo muito interessante, um menu dropdown com multiplas opções, colunas e sub opções. Complicado de imaginar isso sem ver funcionando. O addict do jQuery tem 47k, incluindo a biblioteca base e ainda é XHTML válido.

Acesse o link do post original no labs do Gíva para fazer download do Dropdown. Link e print abaixo:

Link: http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm

Olá novamente. Hoje a tarde me deparei com um grande amigo atualizando seu blog, que prefiro não dizer qual era ou o nome do programa, e fiquei indignado com a burocracia – se é que se pode chamar assim – para adicionar ou editar um post. Fiquei por alguns minutos convencendo o infeliz do amigo a trocar para o WordPress até que deu certo.

No site do Lynda.com tem uma série de video aulas sobre a nova versão do WordPress (2.5.1) para iniciantes e mesmo para os mais familiarizados com a versão anterior. Alguns videos, os mais básicos, são free. Link segue abaixo para interessados. Luv XHTML, Luv WordPress.

Link: Lynda WordPress Training

Até mesmo para a criação web, que parece ser uma coisa muito “eu-pc-cliente”, existe as tão buscadas BOAS MANEIRAS. O uso abusivo de DIVs e IDs, Classes e mais classes por XHTML Coders inexperientes faz o pablinho aqui ficar com gosto de sangue na boca de tanta raiva ehehe. O XHTML é o standard do stardand da web, deve ser um codigo inteligente, reutilizavel e uniforme, sendo esse último o mais importante.

Para tanto, Alen Grakalic escreveu um artigo já faz um bom tempo falando sobre a utilização adequada do heading, pois não existe certo ou errado na web, existe funcional ou não. Essas tags são basicamente utilizadas para se por titulos e hieraquizar – espero que essa palavra exista – os textos na sua página.

Como exemplo podemos fazer uma ordenação da seguinte forma:

H1 – TITULO DO SITE
H2 – TITULO DO POST
H3 – SUB-TITULO DO POST
H4 – RESUMO BREVE DO POST

Atéééééééé o H6, o último existente de acordo com a W3C. O artigo do Alen Grakalic no CSSGLOBE.com ficou muito legal, pequeno mas esclarecedor. Segue o link do post original abaixo.

Link: How to use heading in HTML

Estou ficando muito velho. Começar um post com essa frase parece crise dos 30 (e olha que nem cheguei em 25 anos ainda eheh), mas muita coisa dentro dos oito anos de internet que tenho ja mudaram e mudam todos os dias. Depois de muito rodar e optar muitas vezes pelo flash para animar certas coisas bem simples em algumas páginas, optei por conhecer e usar algumas bibliotecas em Javascript. Mas uma delas me agradou muito; jQuery.

Basicamente o jQuery parece um animador Javascript, mas conhecendo melhor vemos que é muito alem disso. Nesse post de hoje vamos falar sobre ToolTip e Image View feito em JS.

Originalmente postado no site do CSSGlobe, e baixado clicando aqui.

Recomendo, muito simples de entender. Somente para illustrar o Tooltip – primeiro exemplo – é feito um link normal em HTML:

<a href=”http://cssglobe.com” class=”tooltip” title=”Web Standards Magazine”>Roll over for tooltip</a>

O jQuery utiliza o texto colocado dentro do parametro ‘title’ dentro da tag ‘a’ para criar o Tooltip com um fade muito discreto e interessante. A partir desse exemplo segue os outros dois com fade em imagens, também muito legal.

Para utilizar desses efeitos basta incluir em seu codigo HTML o arquivo Javascript do jQuery, que pode ser baixado via Google Code em : http://code.google.com/p/jqueryjs/downloads/list

Espero que gostem e bom inicio de semana.

Lendo meus inumero feeds encontrei um artigo bem legal sobre fontes que estão em Macs e Pcs e que assim podem ser usadas no CSS, o artigo foi retirado do site 3.7design e o link segue abaixo.

Link: 8 Fontes que você provavelmente não usa no css.

Uma coisa bem legal, muito mais facilitadora para os programadores que pra nos designers, é a facilidade que o CSS dá de colocarmos referencias / icones ou o que quiser chamar dependendo da extensão que for direcionar o href. Se o link for para uma imagem podemos fazer um estilo proprio para ele, o mesmo acontece para outros tipos de formatos para onde o link vai. O exemplo é muito fácil e fazer e entender, abaixo o link.

Link: Ask the CSS Guy

Rodando hoje procurando alguma novidade, encontrei uma coleção de tutoriais em CSS muito legais, alguns eu já conhecia e outros inédito à minha pessoa (heheh), mas é sempre muito bom entender e conhecer coisas novas, quando precisar é so usar. Link abaixo.

Link: Six Revisions

Hoje dando uma olhada por novidades encontrei um site muito legal no que se trata de XHTML, com esse site você pode criar via web – e visualizar – seu layout XHTML em diversos formatos, colunas e muito mais e depois ainda entrega o codigo XHTML + CSS totalmente livres e completos para você. Até mesmo quem gosta de escrever todas as linhas do layout se diverte nesse site ehehe.

Link: Builder Yaml