Kawałek Kodu

Programistyczne porady na luzie

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

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

Robótki ręczne, czyli linia w SVG jak z kreskówki.

Brzdąkałeś kiedyś na linijce opartej o krawędź biurka? Dziś będziesz mieć okazję do efektów audio dodać efekty wideo oparte na podobnej zasadzie. Też będziemy brzdąkać na czymś elastycznym, podobnym do linijki. Być może obiło Ci się o uszy hasło "krzywa Béziera". Nie będziemy wnikać w jej podstawy matematyczne, lecz wykorzystamy wprost jej właściwości. Ta krzywa (inaczej spline) przypomina właśnie naszą linijkę, albo jeszcze lepiej listewkę ratanu przeplataną przez gałązki wikliny. Końcówki listewki mocujemy na stałe, natomiast gałązki wikliny powodują odkształcenie elastycznej listewki (w krzywej te wszystkie punkty nazywa się punktami kontrolnymi).

Przygotuj materiały!

Czytaj dalej

Co mi www duszy gra, czyli obsługa audio w JavaScript.

Jeśli słoń nie nadepnął Ci na ucho, to pewnie wiesz kiedy grają, a kiedy nie. I bardzo dobrze, bo dzisiejszy wpis nie wymaga znajomości w jakiej notacji zagrana została melodia. Pokażę Ci jak obsługiwać audio na stronie www. Będziesz mógł również doświadczyć na własnych uszach jak to działa przy standardowym użyciu i niestandardowym użyciu.

Czytaj dalej

Tylko dla wybrańców, czyli zaznaczone opcje elementu SELECT

Każdy chce czuć się lepiej od innych, taka nasza próżna natura. Wyróżniać się stylem lub być sprawniej wybranym na rozmowie rekrutacyjnej. Jak i w życiu, tak i w HTML. I właśnie w HTML na pewno zdarzyło Ci się pracować z elementem SELECT, zwanym listą rozwijaną lub drop-down list. Jeśli tak, to musiałeś dokonywać wyborów, czyli wybierać jakąś pozycję z takiej listy. A po wybraniu być może i jakoś ją docenić!

Czytaj dalej