W poprzednim wpisie (Counter and content are kings, czyli zmienna CSS jako wartość dla właściwości content), usadziliśmy na tronie counter i content, choć brakuje chyba jeszcze nadwornego błazna albo czarodzieja. Bo to co dziś Ci pokażę może z jednej strony wywołać lekki uśmiech i drapanie w głowę, a z drugiej zdziwienie i... drapanie w głowę.

Mówią, że kluczem do uwiarygodnienia treści w oczach czytelnika jest zasada "content is king". Aby przyciągnąć czytelników należy zadbać o content. Skoro tak, to dziś zajmiemy się właśnie właściwością content. Zadbajmy o nią!

Dzisiejszy wpis nie jest kierowany wyłącznie do koneserów sztuki, bo chyba każdy zawieszając na ścianie zdjęcie z wakacji stara się dobrać do niego jak najoryginalniejszą i gustowną zarazem ramkę. Szukamy swego rodzaju "cutting edge" ramki, która w idealny sposób "odetnie" zdjęcie od ściany.

Wszystko we wszechświecie ma swój odpowiednik. Mamy kolor czarny i biały, jest ciepłe i zimne, jest dziura i korek. Wszystko jest binarne i nie może istnieć bez swojego odpowiednika. Czy tworząc animację z jedną klatką uzyskamy jakiś efekt? Co będzie stanowić tą jedną klatkę?

Poszukajmy drugiej połówki.

Od niepamiętnych czasów starsze pokolenia zajmowały się dobieraniem ubrań dla swojej latorośli. Złamiemy dziś tą zasadę, choć tylko w aspekcie CSS. Będziemy zmuszać rodzica, aby nie zmieniał wyglądu przy najechaniu myszy, a zmieniał się wtedy, kiedy będziemy straszyć myszą jego dziecko.

Jak widać na powyższym fragmencie filmu, w życiu też można dzielić te same kolory. Jeden z obiektów ma czarne tło i czerwone V, drugi czarną ramkę i zapożyczone czerwone tło. Dziś omawiana wartość zachowuje się podobnie.