Kawałek Kodu

Programistyczne porady na luzie

Zróbmy falę, czyli rekreacja efektu D.Y.C.P.

Tym razem powrót do lat 90-tych i demosceny. Dla relaksu głowy zajmiemy się gimnastyką ekranu. Przy pomocy dzisiejszych technologii odwzorujemy efektowny efekt - D.Y.C.P. Nazwa pochodzi od: Different Y Character Position. No i dlatego, że piątek.

Czytaj dalej

Każdy kij ma trzy końce, czyli fraktalne drzewo.

Jesień jest idealną porą na ogrodowe porządki. Przesadzanie i sadzenie. Będziemy sadzić, ale aby nie przesadzić. Nie przesadzić z rekurencją, bo ta będzie nam dziś towarzyszyć. Tym razem o fraktalu bezimiennym, choć w naturze często podpisywanym na korze inicjałami imion i serduszkiem. Bezimiennym, ale równie atrakcyjnym, a być może nawet bardziej niż ostatnio opisywany fraktal Pana Sierpińskiego.

Zróbmy dołek w wyjaśnieniach.

Czytaj dalej

Kto ma rację, czyli aspect ratio dla elementów HTML

Dziś mała pożywka dla szukających proporcji w otaczającym świecie. Może aż tak daleko nie będziemy się rozglądać, ale na pewno obadamy dokładnie ekran komputera. Opowiem Ci o metodach na utrzymywanie proporcji elementów. Jeśli jeden wymiar ma wartość X, chcemy aby drugi był np.: 2 razy większy lub 3 razy mniejszy. Co więcej, chcemy aby element pozostawał w zadanej proporcji, jeśli jeden z wymiarów zmieni się.

Jak zmusić element aby zawsze miał rację?

Mamy do dyspozycji kilka metod. Omówię oparte tylko i wyłącznie o CSS i HTML. Metody w JavaScript pozostawimy dla.... dla innych.

Czytaj dalej

PrzyLUTuj mu! Czyli przetwarzanie graficzne obrazów.

Wbrew pozorom dzisiejszy wpis nie będzie uczył technik samoobrony, nie będzie też kursem lutowania online. Pokażę Ci jak od środka działają popularne funkcje dostępne w programach graficznych, jak negatyw, rozjaśnianie czy posteryzacja. Opierają się na jednopunktowych operacjach graficznych. Jednopunktowych, bo wpływ na wartość wynikowego punktu obrazu, ma wartość tylko jednego punktu obrazu źródłowego.
Operację taką można opisać równaniem: w(x,y)=F(z(x,y)), gdzie x, y, to współrzędne obrazu, z obraz źródłowy, a w obraz wynikowy. F to operacja jednopunktowa.

Czytaj dalej

"The tag is out there", czyli DOMXPath S01E02

Wstęp.

Dziś to co tygrysy lubią najbardziej. Czysta praktyka i (w miarę) konkretne przykłady. Będziesz mieć niebywałą okazję dostrzec, że XPath może służyć do rozwiązania kwestii, które nie śniły się filozofom. Od czego świat ma Ciebie!

Czytaj dalej

Kryj się w aucie! Czyli o autoukrywaniu w CSS.

Bawiłeś się kiedyś w chowanego? Może masz ochotę zrobić to dziś? Pokażę Ci jak coś ukryć. Tak porządnie i w określonym czasie. Na tym blogu było trochę magii, ale powtarzam: ukryjemy "coś", a nie Ciebie, więc bez obaw. Będziemy pokazywać i ukrywać element HTML. Właściwie takie cuda zdziałamy, że sam będzie się pokazywał i znikał w określonym momencie.

Cel i jego osiągnięcie brzmi banalnie, ale wyjawię Ci więcej szczegółów. Efekt ten został praktycznie wykorzystany, prawie przy takim założeniu, na stronie gier dla dzieci Buliba.pl. Ponieważ projekt strony jest niekomfortowy/niegrywalny/nieprzeznaczony do układu portrait, to wtedy pokazuje się plansza z odpowiednią informacją. Dodatkowo (co tam dzieje się po bardzo długim czasie) plansza ma zniknąć po kilku sekundach.

Zacznijmy od planszy.

Czytaj dalej