Czy ucząc się do matury stosowałeś technikę interwałów? Czyli trochę się pouczę, trochę pogram na komputerze, powtórzę twierdzenia i zobaczę co w telewizji, przypomnę sobie lektury i wyskoczę do kolegi? Jeśli tak, to dziś przypomnimy sobie ją w kontekście animacji CSS - będzie ona działać równie leniwie jak my przed maturą.

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.