Long as I can see the light.

Desde o inicio do blog só postei "coisas" técnicas, mas vamos voltar a raiz da idéia.
Um pouco de música pra vcs: (não vale procurar no google, pra saber quem canta essa pérola)

Put a candle in the window, ’cause I feel I’ve got to move.
Though I’m going, going, I’ll be coming home soon,
’long as I can see the light.

Pack my bag and let’s get movin’, ’cause I’m bound to drift a while.
When I’m gone, gone, you don’t have to worry long,
’long as I can see the light.

Guess I’ve got that old trav’lin’ bone, ’cause this feelin’ won’t leave me alone.
But I won’t, won’t be losin’ my way, no, no
’long as I can see the light.

Yeah! yeah! yeah! oh, yeah!

Put a candle in the window, ’cause I feel I’ve got to move.
Though I’m going, going, I’ll be coming home soon,
Long as I can see the light.
Long as I can see the light.
Long as I can see the light.
Long as I can see the light.
Long as I can see the light.

Design

www.apple.com/trailers/mgm/hotel_rwanda/
www.apple.com/trailers/disney/cars/
www.apple.com/trailers/lions_gate/diaryofamadblackwoman/

Character Entities in HTML & XHTML

http://www.webstandards.org/learn/reference/entities.html

PNG: Portable Network Graphics

http://www.blaz.com.br/artigo/png/

Master

Eric Meyer

The IE Escaping Floats Bug

IE Sucks
http://www.positioniseverything.net/explorer/escape-floats.html

[URL]

London International Advertising & Design Awards
http://www.liaawards.com/

[URL]

Trabalhinho do Mega-Fucking-Master-of-Css Douglas Bowman
Pushing your limits

Multi-classes (a solução)

Como havia dito no post anterior, não existe maneira de manter o vículo entre as classes e principalmente coerência, só que o W3C aponta uma solução, um tanto quanto simples:

.classeA {

         background-color:white;

         font-size:1.5em;

         }

.classeB {

         background-color:gray;

         color:black;

         }



.classeA.classeB

         {

         background-color:red;

         color:white;

         }

Dessa forma estaremos criando uma 3° regra, que é aplicada somente qdo as 2 classes estão juntas não importando a ordem. Essa técnica resolve o problema de coerência entre classes.

.calendar

         {

         ...prop...

         }

.calendar.day

         {

         ...prop...

         }

Multi-classes (o problema)

Em programação seria "join", ou seja, eu tenho um acoplamento de classes, exemplo:

Css:

.classeA {

         background-color:white;

         font-size:1.3em;

         }



.classeB {

         background-color:gray;

         color:black;

         }

Objeto:

<div class="classeA classeB">Teste de multi-classes</div>

Nesse caso, o objeto teria as propriedades:
- background-color:gray;
- font-size:1.3em;
- color:black;

Pq as propriedades das classes escritas da esquerda serão sobrescritas pelas consequêntes a direita.
O problema principal dessa técnica é que a classeA e a classeB não tem coerência, elas são 2 classes totalmente distintas, a classeB pode ser usada em qualquer outro lugar. Única maneira de manter coerência entre elas seria (outro exemplo) class="calendar calendar-day", onde "calendar-day" é essa 2° classe e q não tem nenhum vínculo com a primeira a não ser semântico.

Delegate no HTML DOM

Interessantíssimo o uso do attachEvent(Event, função), conceito similar ao ASBroadCaster do Action Script, este método acopla receptores do evento, ótimo para diferentes funções receberem o aviso de "onload" do window.
MSDNLibrary

Mega Power Ultra Referência JS/CSS/xHTML/etc...

http://dean.edwards.name/links/

BCL = Browser Compatibility Layer

É uma layer que provem compatibilidade entre browsers, é a grande lacuna client-side hoje em dia, projetos inteiros refeitos por escolhas erradas das grandes corporações(preciso dizer quem?).
Um dos projetos que estou testando e estudando as implementações: http://dean.edwards.name/IE7/intro/
Projeto no sourceforge: http://sourceforge.net/projects/ie7/

JS Cross-browser II

O cara conseguiu implementar cross-browser muito simplismente
http://www.podlob.com/

JS Cross-browser

Tem umas coisinhas bem interessantes
e pelo que parece, cross-browsers, vale a pena dar uma olhada.
http://www.squidfingers.com/code/dhtml/

"Separar conteúdo da apresentação"(coisa de louco)

www.alistapart.com/articles/separationdilemma/