Wyszu­ki­warka Google udo­stęp­nia nam listę komend przy­da­nych przy wyszu­ki­wa­niu. Można dzięki nim, pre­cy­zyj­niej wyszu­ki­wać infor­ma­cje (powie­dział­bym, że zbyt pre­cy­zyj­nie ). Dziś jed­nak przed­sta­wię ope­ra­tory, które mogą przy­dać się przy pozy­cjo­no­wa­niu. Dzięki nim można np. zoba­czyć listę stron, na któ­rych jest link do naszej, listę zain­de­xo­wa­nych pod­stron itd.

Dal­sza część “Pole­ce­nia (ope­ra­tory) w Google” »

Prze­pra­szam za kil­ku­dniową prze­rwę… Mia­łem mnó­stwo pracy Nie mia­łem nawet czasu odpa­lić kompa… Ale za to dziś opi­szę dość stary kom­po­nent, był on już pro­po­no­wany w CSS2. Cho­dzi mi o text-shadow, czyli ładny cień dla tek­stu W obec­nej chwili jest on pra­wi­dłowo wyświe­tlany we wszyst­kich mi zna­nych prze­glą­dar­kach (Pomi­jam sprawę IE).

Dal­sza część “Cie­nio­wany tekst w CSS3” »

Czę­sto chcia­łem dodać cień do dyna­micz­nego pola tek­sto­wego na gra­tien­to­wym tle… Jed­nak zawsze coś nie paso­wało… Cień nie był reali­styczny… Na szczę­ście w CSS3 mamy moż­li­wość utwo­rze­nia cieni dla dowol­nego ele­mentu i to bez uży­cia gra­fiki Ten spo­sób nie jest jed­nak ide­alny … Cie­nie dla zaokrą­glo­nej gra­fiki nie są „poprawne”, cień w takim przy­padku nie będzie dopa­so­wany dla ele­mentu, tylko do kra­wę­dzi pliku gra­ficz­nego. Mimo wszystko spo­sób ten jest bar­dzo przy­datny (przy­kład może­cie zoba­czyć w moim logo).

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

W CSS3 możemy spo­tkać nowy rodzaj porząd­ko­wa­nia tek­stu, coś jakby gazeta. Tekst jest wyświe­tlany w kolum­nach, co daje cał­kiem cie­kawy efekt. Nie­stety ten moduł wspie­rają tylko Fire­fox i Safari 3.

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

Posta­no­wi­łem poświę­cić kolejny arty­kuł na opty­ma­li­za­cje kodu CSS. Tym razem pokażę jak samemu można zaosz­czę­dzić tro­chę czasu oraz prze­strzeni przy two­rze­niu wła­snego arku­sza sty­lów.  Skróty można wyko­rzy­stać aby usta­lić kilka war­to­ści jed­no­cze­śnie, bez potrzeby sto­so­wa­nia kolej­nych dekla­ra­cji dla każ­dej z nich. Poza tym, arkusz staje się czy­tel­niej­szy, łatwiej i szyb­ciej można go edy­to­wać i zaj­muje mniej miej­sca
Dal­sza część “Skróty w CSS” »

Ostat­nio zdzi­wi­łem się oglą­da­jąc arkusz CSS mojego bloga… Miał on ponad 20KB. Może to nie wiele, jed­nak posta­no­wi­łem coś z nim zro­bić. W sieci zna­la­złem wiele apli­ka­cji kom­pre­su­ją­cych arkusz sty­lów. Opi­szę jedno (według mnie naj­lep­sze) z nich.

Dal­sza część “Opty­ma­li­za­cja kodu CSS” »

Kolejny raz CSS3 pozy­tyw­nie zaska­kuje Dziś poka­rzę spo­sób na prze­źro­czy­ste tło. W CSS2 two­rzy­li­śmy obra­zek *.png nada­jąc mu odpo­wied­nie opa­city… W CSS3 sprawa jest o wiele prost­sza Kto by pomy­ślał, nawet IE obsłu­guje prze­źro­czy­stość. Uży­wa­nie prze­źro­czy­stych gra­fik nie było takie złe, jed­nak ogra­ni­czało. Nie­można było sobie pozwo­lić na zasto­so­wa­nie np. w minia­tur­kach dużych gale­rii. CSS3 daje nam swo­bodę, ponie­waż nie musimy już two­rzyć gra­fiki dla każ­dego prze­źro­czy­stego ele­mentu… Z opa­city 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 zaska­ku­jąco dobra, tylko Fire­fox <3.0 ma z nią kło­poty.
Dal­sza część “Prze­źro­czy­stość i RGBa” »

Zaokrą­glone kra­wę­dzie bez uży­wa­nia gra­fiki? CSS3 daje nam taką moż­li­wość . Zde­cy­do­wa­nie uła­twi to pracę. Cie­kawe jest, że nie trzeba uży­wać przy tym żadnej gra­fiki. Zaokrą­gle­nie działa rów­nież gdy posia­damy tło obraz­kowe, obra­mo­wa­nie, czy też cień.
Dal­sza część “Zaokrą­gla­nie rogów” »

Przed roz­po­czę­ciem serii arty­ku­łów doty­czą­cych CSS3 chciał­bym was nieco wpro­wa­dzić. Nie wszy­scy z was wie­dzą że CSS znany jest już od 1994r. i że został on opra­co­wany przez orga­ni­za­cję W3C. Nie­stety CSS z nume­rem trze­cim to wciąż tylko „surowy pro­jekt”, jego obsługa nie jest w pełni kom­pa­ty­bilna. Fakt, wiele selek­to­rów zostało już zaim­ple­men­to­wa­nych przez czo­łowe prze­glą­darki, jed­nak ich obsługa nie jest pro­sta np.
Dal­sza część “Wpro­wa­dze­nie do CSS3” »

Począt­kowy pro­jekt. Nie­stety kon­cep­cja się zmie­niła a ta gra­fika ode­szła w zapomnienie.