Kawałek Kodu

Co tu się odskryptala?! Czyli programistyczne porady na luzie

Lista nietrafiona w punkt, czyli o wyrównywaniu wielolinijkowego tekstu w elementach listy.

Z HTML-ową listą jest jak w życiu, albo wszystko się układa jak powinno, albo chybiamy z osiągnięciami naszych celów. Nie zawsze da się ustrzelić pluszowego misia dla dziewczyny na strzelnicy. Nie zawsze komplet kluczy nasadowych dla chłopaka okaże się brakującym elementem jego warsztatu. Tyle, że listę można szybko naprawić, natomiast w przypadku wymienionych sytuacji, trzeba kupić kolejny bilet lub zatryndalać z paragonem do marketu.

Czytaj dalej

Dane mrożące krew w żyłach, czyli tabela z nieprzewijalnym nagłówkiem i pierwszą kolumną.

Zdarzało Ci się pracować z jakimś arkuszem kalkulacyjnym? Fajna była opcja zamrożenia pierwszej kolumny, aby widzieć z którym wierszem mamy do czynienia. Równie fajne było zamrażanie nagłówka naszej tabeli z ważnymi wydatkami domowymi. Kiedyś można było tylko westchnąć na myśl o czymś takim w HTML. Były co prawda metody wykorzystujące JavaScript, ale aż mózg trzeszczał kiedy implementowało się ten sposób.

Czytaj dalej

Jigsaw bell, jigsaw bell, czyli prosta, świąteczna gra w CSS.

Jeszcze nie zaczęły się Święta, a już pewnie wszyscy pomęczni. W związku z tym dziś nie będzie "męczących" teorii, ale coś dla relaksu, nawiązującego do świątecznej atmosfery. Prosta gra w czystym CSS (PHP użyłem tylko do wygenerowania losowości, aby za każdym uruchomieniem elementy były inaczej ułożone). Wykorzystałem tu jakiś czas temu opisywany "cycle button" - kto nie czytał, albo nie pamięta, zachęcam do przeczytania. A kto już chce zagrać, zapraszam:

Czytaj dalej

Hover power, czyli o :hover na kilka sposobów.

Mówią, że ilu ludzi tyle opinii. Nie wiem czy to się przekłada na przedstawianie rozwiązań. Chyba nie, bo dziś w liczbie osób 1, przedstawię Ci aż 4 sposoby na efekt hover. Dwa z nich znasz z pewnością, jeden być może, a ostatni być może być może.

Czytaj dalej

La giustificazione è mobile! Czyli o zmiennym wyrównaniu tekstu, zależnym od jego długości.

Dziś odcinek dla wymagających. I to podwójnie, a nawet potrójnie będą spełnione ich oczekiwania, bo oprócz osiągnięcia dwóch korzyści jednym rozwiązaniem, takowe będzie przedstawione w wyjątkowo krótki sposób. Wyrównanie zmiennym jest! Właśnie o tym, bez sztywniactwa, zaraz pogadamy.

Czytaj dalej

Etykietka na haczyku, czyli label hack - efekt hover pomiędzy dwoma niespokrewnionymi elementami.

Kiedyś słowo "hack" w aspekcie CSS kojarzyło się raczej z kombinowaniem i męczarniami, aby strona wyglądała na wszystkich przeglądarkach tak samo, również na wszystkich wersjach IE. Obecnie na całe szczęście słowo zyskało przyjemniejsze znaczenie. Teraz każdy lubi hacki, bo hacki rozwiązują pewne problemy w sprytny i prosty sposób. Mamy checkbox hack, mamy radio hack, mamy również inne efekty, które jeśli nie całe w sobie, to częściowo używają jakichś innych hacków. Apetyty rośnie w miarę jedzenia i chciałoby się poznać kolejny hack, skoro tak, to niech tak się stanie.

Czytaj dalej