Kawałek Kodu

Programistyczne porady na luzie

Rodzinna stylizacja, czyli o zmianie stylu rodzica przy :hover na jego dziecku.

Od niepamiętnych czasów starsze pokolenia zajmowały się dobieraniem ubrań dla swojej latorośli. Złamiemy dziś tą zasadę, choć tylko w aspekcie CSS. Będziemy zmuszać rodzica, aby nie zmieniał wyglądu przy najechaniu myszy, a zmieniał się wtedy, kiedy będziemy straszyć myszą jego dziecko.

Czytaj dalej

Polacy nie gęsi i swoje domeny mają, czyli skąd się biorą dziwne znaczki w nazwach domen narodowych

Jeśli rejestrowałeś domenę z ogonkami, to pewnie choć przez chwilę przeszło Ci na myśl dlaczego trzeba ją konwertować na ciąg dziwnych znaczków. Pewnie myślałeś też skąd się biorą te znaczki. Może polskie znaki kodowane są za pomocą dwóch innych znaków(?) Zapnij pasy poławiaczu domen! Wypływamy na szerokie wody alfabetu.

Czytaj dalej

Kolorowa papuga, czyli o wartości currentColor w CSS

Jak widać na powyższym fragmencie filmu, w życiu też można dzielić te same kolory. Jeden z obiektów ma czarne tło i czerwone V, drugi czarną ramkę i zapożyczone czerwone tło. Dziś omawiana wartość zachowuje się podobnie.

Czytaj dalej

Wszystko od początku! Czyli o resetowaniu animacji CSS.

Jeśli jesteś pasjonatem zjawisk paranormalnych, to te w dzisiejszym wpisie powinny Cię ogromnie zainteresować. Będziemy poruszać problem restartu animacji CSS. Poruszać również dosłownie. I oczywiście zrobimy to bez wykorzytania JavaScript!

Zakasajmy rękawy! Za nasz przykład posłuży prosty HTML zawierający obiekt SVG oraz efekt bujania oparty o animację CSS. Oczywiście animacja może być inna, obiekt również.

Czytaj dalej

"The tag is out there", czyli DOMXPath S01E03

Wstęp.

Czekałeś na kolejną część podążania mrocznymi, albo może już teraz jasnymi, ścieżkami XPath? Już nie musisz się nudzić. Dziś kolejna porcja praktycznych przykładów.

Czytaj dalej

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