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

Pralka w piwnicy, czyli automat komórkowy.

Kiedyś szczytem techniki była pralka zastępująca popularną "Franię". Dumnie zwana była automatem, bo potrafiła sama uprać i odwirować majtasy całej rodziny. W Polsce pojawiła się w latach 70-tych. Ale z automatem, i to nie piorącym, mieliśmy do czynienia kilkadziesiąt lat wcześniej. 

Czytaj dalej

Wycinanki z gazet, czyli o efekcie graficznym niczym z kolorowych czasopism.

Dzisiejsze wycinanki nie będą miały wiele wspólnego z wycinankami łowickimi czy kurpiowskimi. Będą nawiązywać do trochę innej tradycji - mianowicie pewnie znanej wielu z Was fascynacji wycinaniem idoli z kolorowych, młodzieżowych czasopism. Dziś już nawet nie trzeba tego robić. W wielu magazynach graficy oferują nam fotosy obiektów westchnień przygotowane już w taki sposób w postaci cyfrowej. Spróbujmy więc odtworzyć ten efekt. 

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

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