Każdy lubi wyjazdy, ale chyba mało kto lubi się pakować. Szczególnie kiedy do dyspozycji mamy jedną walizkę, albo jedną reklamówkę... a multum rzeczy do zabrania ze sobą, oczywiście potrzebnych. Dziś też będziemy upychać, ale w jedną rzecz i w bardziej przyjemny sposób. (Nie, nie, nie! Mam na myśli CSS!).

Szeroki, wąski, niski, wysoki, każdy upchnąć się może.

Każdy z nas ma skłonności do chomikowania. Zbieramy wszystko co można sobie wyobrazić: widokówki, znaczki, cukry, pudełka, itd. I nie jest to bez znaczenia, bo zawsze lepiej mieć coś pod ręką na tzw. wszelki wypadek niż drapać się w głowę zastanawiając się skąd wziąć, jeśli zajdzie nagła potrzeba. Jest to po prostu szybsze i ekonomiczniejsze. I tą zasadą warto się kierować również przy programowaniu, dlatego stworzymy dziś prosty cache do przechowywania wartości.

Oglądałeś programy ezoteryczne, uczestniczyłeś w seansie spirytystycznym, albo przewidywałeś kartkówkę w podstawówce? Szykuj biały obrus i kładź ręce na stół. To czym zajmiemy się dziś będzie graniczyć z umiejętnością programistycznej prekognicji. Będziemy zgadywać jakie wymiary ma zdjęcie bez wczytywania go! I to trafnie!

Czy to na pewno jasnowidzenie?

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ą.

Jeśli chodzi o wpisy na tym blogu, to jestem w 100% pewien, że czytacie je od deski do deski. Ale są tacy (nie Wy!), którzy oglądając filmiki na różnych stronach często przewijają je na koniec, aby obejrzeć tylko to co ich interesuje. Czyli oszukiwanko.

Niedawno przy projekcie, przy którym współpracowałem zaszła potrzeba wykrywania zaawansowania obejrzenia prezentacji wideo. W zależności od tego czy został przekroczony pewien próg procentowy, użytkownik dostawał punkt lub nie. Pokażę Ci dziś jak wykryć taki postęp zakładając, że wideo można przewijać w przód lub w tył w trakcie oglądania. Oczywiście obejrzenie tego samego fragmentu nie będzie zaliczone.

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ę.