Kawałek Kodu

Co tu się odskryptala?! Czyli programistyczne porady na luzie

Tylko się spóźnij! Czyli o nietypowym użyciu transition-delay.

Dzisiejszy wpis jest nie tylko dla tych, którzy spóźnili się na własny ślub czy na obiad z teściami. Jest dla wszystkich, a dla tych pierwszych może być swoistym katharsis. A dlaczego? Bo dziś będziemy chwalić spóźnienia. Ba! Nie tylko chwalić, ale nawet z premedytacją używać.

Czytaj dalej

Upychanie walizki, czyli o właściwości object-fit i object-position

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.

Czytaj dalej

Johny Cache, czyli prosty cache w JavaScript

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.

Czytaj dalej

Wróżbita Imydż, czyli jak sprawdzić rozdzielczość obrazka nie wczytując go

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?

Czytaj dalej

Baby steps, czyli kroki w animacji CSS

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

Czytaj dalej

A Ty znów oszukujesz i przewijasz? Czyli jak sprawdzić w jakim procencie obejrzano wideo.

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.

Czytaj dalej