Kawałek Kodu

Programistyczne porady na luzie

"The tag is out there", czyli DOMXPath S01E04

Wstęp.

Dziś odcinek w stylu Indiany Jones'a. Pobawimy się trochę linami... tzn. linkami. Szykuj się na przemierzanie gęstej dżungli węzłów!

Czytaj dalej

It came with the frame, czyli border inaczej.

Dzisiejszy wpis nie jest kierowany wyłącznie do koneserów sztuki, bo chyba każdy zawieszając na ścianie zdjęcie z wakacji stara się dobrać do niego jak najoryginalniejszą i gustowną zarazem ramkę. Szukamy swego rodzaju "cutting edge" ramki, która w idealny sposób "odetnie" zdjęcie od ściany.

Czytaj dalej

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

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