Często chciałem dodać cień do dynamicz­nego pola tek­stowego na gratien­towym tle… Jed­nak zawsze coś nie pasowało… Cień nie był realistyczny… Na szczę­ście w CSS3 mamy moż­liwość utworzenia cieni dla dowol­nego elementu i to bez użycia grafiki Ten spo­sób nie jest jed­nak idealny … Cienie dla zaokrąglonej grafiki nie są „poprawne”, cień w takim przy­padku nie będzie dopasowany dla elementu, tylko do krawędzi pliku graficz­nego. Mimo wszystko spo­sób ten jest bar­dzo przy­datny (przy­kład możecie zobaczyć w moim logo).

Dal­sza część “Cienie w CSS3” »

W CSS3 możemy spo­tkać nowy rodzaj porząd­kowania tek­stu, coś jakby gazeta. Tekst jest wyświetlany w kolum­nach, co daje cał­kiem ciekawy efekt. Nie­stety ten moduł wspierają tylko Firefox i Safari 3.

Dal­sza część “Multi-column Layout” »

Postanowiłem poświęcić kolejny artykuł na optymalizacje kodu CSS. Tym razem pokażę jak samemu można zaosz­czędzić trochę czasu oraz prze­strzeni przy tworzeniu własnego arkusza stylów.  Skróty można wykorzystać aby ustalić kilka war­to­ści jed­nocześnie, bez potrzeby stosowania kolej­nych deklaracji dla każ­dej z nich. Poza tym, arkusz staje się czytel­niej­szy, łatwiej i szyb­ciej można go edytować i zaj­muje mniej miej­sca
Dal­sza część “Skróty w CSS” »

Ostat­nio zdziwiłem się oglądając arkusz CSS mojego bloga… Miał on ponad 20KB. Może to nie wiele, jed­nak postanowiłem coś z nim zrobić. W sieci znalazłem wiele aplikacji kom­presujących arkusz stylów. Opiszę jedno (według mnie naj­lep­sze) z nich.

Dal­sza część “Optymalizacja kodu CSS” »

Kolejny raz CSS3 pozytyw­nie zaskakuje Dziś pokarzę spo­sób na prze­źroczyste tło. W CSS2 tworzyliśmy obrazek *.png nadając mu odpowied­nie opacity… W CSS3 sprawa jest o wiele prost­sza Kto by pomyślał, nawet IE obsługuje prze­źroczystość. Używanie prze­źroczystych grafik nie było takie złe, jed­nak ograniczało. Nie­można było sobie pozwolić na zastosowanie np. w miniatur­kach dużych galerii. CSS3 daje nam swobodę, ponie­waż nie musimy już tworzyć grafiki dla każ­dego prze­źroczystego elementu… Z opacity w CSS3 jest o tyle dobrze, że wszyst­kie znane mi prze­glądarki im­plemen­tują je tak samo (prócz IE). Obsługa jest zaskakująco dobra, tylko Firefox <3.0 ma z nią kłopoty.
Dal­sza część “Prze­źroczystość i RGBa” »

Zaokrąglone krawędzie bez używania grafiki? CSS3 daje nam taką moż­liwość . Zdecydowanie ułatwi to pracę. Ciekawe jest, że nie trzeba używać przy tym żadnej grafiki. Zaokrąglenie działa rów­nież gdy posiadamy tło obraz­kowe, obramowanie, czy też cień.
Dal­sza część “Zaokrąglanie rogów” »

Przed roz­poczęciem serii artykułów dotyczących CSS3 chciał­bym was nieco wprowadzić. Nie wszyscy z was wiedzą że CSS znany jest już od 1994r. i że został on opracowany przez organizację W3C. Nie­stety CSS z numerem trzecim to wciąż tylko „surowy projekt”, jego obsługa nie jest w pełni kom­patybilna. Fakt, wiele selek­torów zostało już zaim­plemen­towanych przez czołowe prze­glądarki, jed­nak ich obsługa nie jest prosta np.
Dal­sza część “Wprowadzenie do CSS3” »

Począt­kowy projekt. Nie­stety kon­cep­cja się zmieniła a ta grafika ode­szła w zapomnienie.

Port­folio Jarosława Malibor­skiego — bymalibu.pl. Klient postawił na prostotę i przej­rzystość. Na stronie dodat­kowo galeria w tech­nologii flash oraz skrypt do jej obsługi.

Kolejny star­szy projekt. Ten można nazwać aplikacją inter­netową ponie­waż był jed­nym z pierw­szych, wykorzystujących mój CMS (Con­tent Management Sys­tem — sys­tem zarządzania tre­ścią)