Cienie w CSS3

Luty
26
2010
Kategoria: Blog, CSS3 — Tagi: , , , — Oskar Wójcicki @ 22:24

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” »

VN:F [1.8.3_1051]
Rating: 9.5/10 (6 votes cast)

Multi-column Layout

Luty
22
2010
Kategoria: Blog, CSS3 — Tagi: , — Oskar Wójcicki @ 18:11

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” »

VN:F [1.8.3_1051]
Rating: 9.7/10 (3 votes cast)

Skróty w CSS

Luty
19
2010
Kategoria: Blog, CSS — Tagi: , , — Oskar Wójcicki @ 23:10

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” »

VN:F [1.8.3_1051]
Rating: 9.8/10 (5 votes cast)

Optymalizacja kodu CSS

Luty
18
2010
Kategoria: Blog, CSS, Pozycjonowanie — Tagi: , , — Oskar Wójcicki @ 20:07

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” »

VN:F [1.8.3_1051]
Rating: 9.3/10 (8 votes cast)

Przeźroczystość i RGBa

Luty
14
2010
Kategoria: Blog, CSS3 — Tagi: , , — Oskar Wójcicki @ 15:30

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” »

VN:F [1.8.3_1051]
Rating: 10.0/10 (4 votes cast)

Zaokrąglanie rogów

Luty
12
2010
Kategoria: Blog, CSS3 — Tagi: — Oskar Wójcicki @ 22:09

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” »

VN:F [1.8.3_1051]
Rating: 9.7/10 (6 votes cast)

Wprowadzenie do CSS3

Luty
10
2010
Kategoria: Blog, CSS3 — Tagi: , , — Oskar Wójcicki @ 19:22

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” »

VN:F [1.8.3_1051]
Rating: 10.0/10 (6 votes cast)

Strona informacyjna

Luty
10
2010
Kategoria: Portfolio, Strony internetowe — Tagi: , — Oskar Wójcicki @ 17:43

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

VN:F [1.8.3_1051]
Rating: 9.0/10 (5 votes cast)

Portfolio — bymalibu.pl

Luty
10
2010
Kategoria: Portfolio, Strony internetowe — Tagi: , , — Oskar Wójcicki @ 17:20

Portfolio fotografaPort­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.

VN:F [1.8.3_1051]
Rating: 9.5/10 (4 votes cast)

Portfolio

Luty
10
2010
Kategoria: Portfolio, Strony internetowe — Tagi: , , , — Oskar Wójcicki @ 15:48

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

VN:F [1.8.3_1051]
Rating: 9.8/10 (4 votes cast)