Kawałek Kodu

Programistyczne porady na luzie

Szczęścia chodzą parami, czyli pokazywanie elementów w zależności od wyboru opcji w SELECT

Element SELECT był poruszany (fizycznie też) na tym blogu kilkukrotnie. Dziś przyszedł czas na jego kolejne wykorzystanie. W zależności od tego jakie oblicze ukaże, będziemy chcieli schować lub ukryć inny element. Jeśli SELECT będzie świecił pustką, to inny element schowa się również w pustce, jeśli wybierzemy jakąś opcję, to element wyskoczy zza krzaków z radością.

Jak sparować?

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

Najtajniejsze hasło na świecie, czyli pole typu text jako pole password

Jest taka "przypadłość" przeglądarek, że zapamiętują pola typu password. A my chcemy, aby z jakiegoś powodu tak się nie działo. Oczywiście sama zmiana typu pola na tektowe nas nie satysfakcjonuje, bo kolega z lepszym wzrokiem, a być może i sąsiad z lornetką, dojrzy jakie hasło wpisujemy do naszej ukrytej przed światem strony.

Jak się dobrze schować?

Czytaj dalej

Kto ma wyższą rację, czyli aspect ratio dla elementów HTML zależne od wysokości

W poprzednim wpisie związanym z aspect ratio zajmowaliśmy się ustalaniem proporcji w zależności od szerokości elementu. Czyli wysokość była zależna od tego wymiaru. Wspomniałem również, że ostatnie dwie metody mogą służyć do osiągnięcia dzisiejszego, tytułowego celu. I właśnie to dziś niewolnikiem wysokości będzie szerokość. Ale wspominałem również o przedziwnych konsekwencjach tego niewolnictwa.

Uwolnijmy kod.

Czytaj dalej

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

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