T&R splet blog o spletnih storitvah. Razgaljamo tehnologijo!

Članki, ki vključujejo značko ‘CSS’

Razlika med ul+li in dl+dt CSS elementoma

12th November

HTML jezik “pozna” kar nekaj elementov za prikaz vsebine v obliki seznama. Pri izdelavi spletnih strani največkrat uporabljam ul oziroma ol element, zelo redko pa dl.  Bistvena razlika je samo v številčenju oziroma v začetnem znaku vrstice seznama. Preberi ostalo »

Kdaj uporabiti class in kdaj id oznako za CSS selektorje

30th October

Če želimo izdelati spletno stran v skladu z W3C standardom in jo tudi validirati, moramo CSS selektorje uporabljati pravilno in v skladu s standardom. Spletna stran bo sicer pravilno prikazana tudi v primeru, če ne uporabljamo class in id CSS elementov pravilno. Ne bo pa validirana. Preberi ostalo »

Več nivojski CSS selektorji

11th September

Nekje sem zasledil težave z večimi CSS ukazi. Recimo da ima div.novice velikost teksta določeno kot 14px, komentarji za to novice pa recimo 12px. Če nimamo vseh CSS selektorjev pravilno nastavljenih se nam lahko pripeti, da brskalnik upošteva ravno napačen CSS ukaz. V tem primeru recimo 14px. Kako rešiti težavo, da bo brskalnik upošteval tisti ukaz, ki je za posamezni primer bolj ustrezen? Beri dalje. Preberi ostalo »

Zaokroževanje robov s CSS ukazov

10th September

Dizajnerji velikokrat uporabljajo zaokrožitve raznih delov vsebine, naslovo itd. Običajno sam zaokrožitev robov rešujem z ozadjem. Težava se pojavi takrat, ko je teh zaokroževanj veliko ali pa se nadaljujejo recimo s kakšnim barvnim prehodom. V praski so pomeni, da slika za ozadje ni majhna, temveč relativno velika. To pa že lahko pomeni težavi pri zelo obiskanih straneh (portalih). Da bi zmanjšali “velikost” spletne strani za dol vleko lahko uporabite za zaokroževanje kar CSS ukaz. Preberi ostalo »

CSS triki za Google CHROME brskalnik

9th September

Spomladi sem ves navdušen pozdravil novico, da je delovna verzija Internet Explorerja 8 opravil ACID test. Takrat sem upal, da bodo v prihodnosti brskalniki upoštevali W3C standarde pri generiranje HTML vsebine spletnih strani. S prihodom novega brskalnika Chrome pa se stvari še dodatno zapletajo, čeprav je generator HTML kode v osnovi enak kot v Apple  Safariju, ki je v tem pogledu odličen.
Nekaj dni nazaj sem imel malo specifičen primer HTML postavitve, kjer mi je uspelo IE6 in 7, Firefox ter Opero uskladiti pri prikazu te vsebine, Safari pa mi je zadevo malo zbluzil (prav tako tudi Chrome, ki ga pa tarkrat še ni bilo). Preberi ostalo »

CSS triki – selektorji za Internet Explorer

6th September

Znano je, da Microsoft HTML in CSS kodo generira malo po “svoje” in ne upošteva v celoti pravil W3C priporočil. Rezultat je napačno prikazana stran v brksalnikih IE6 in IE7 (IE6 je sploh katastrofa). Nekaj let nazaj teh težav ni bilo, ker smo pač vsi optimirali strani za Internet Explorer. Danes pa je brskalnikov že malo morje, samo največjih 4 (Explorer, Firefox, Safari, Opera,…). Kako odpraviti razlike med generiranjem HTML in CSS kode med posameznimi brkskalniki? Preberi ostalo »

Javascript predogled slike – CSS opacity – picture preview – picture fade

9th May

Dodaten način, kako priti do fade efekta, ki smo ga že enkrat opisali (opisan je bil primer s jQuery dodatkom), je kreiranje dveh CSS klasov, kjer ima eden dodan CSS atribut opacity, ki spremeni nivo transparentnosti slike. Preberi ostalo »

Opera developer tool

25th April

Beta verzija 9.5 ima trenutno eno boljših podpor CSS3 standardu, ki je trenutno še v nastajanju, kar nam omogoča eksperimentiranje z novimi ukazi/možnostmi, ki jih prinaša novi standard. S tem lažje dobimo vpogled v novosti in njihove vrednost v praksi.
Po drugi strani pa je ravno Opera tista, ki spletnim razvijalcem ni nudila razvojnega orodja ala FireBug. Preberi ostalo »

Barvni prehodi s CSS

18th April

Webkit razvija CSS komponente s svetlobno hitrostjo! Objavili so predlog novega ukaza za CSS 3 in sicer izdelava barvnih prehodov (gradients). Ideja je seveda fantastična, ker se lahko “prehod” prilagaja velikosti okna (DIV). To pomeni, da ne bo potrebno več za ozadje izdelovati grafike, temveč bomo lahko preliv dosegli z enostavnim ukazom v CSS dokumentu. Trenutno predvidevajo dve vrsti: linearnega in radialnega. Preberi ostalo »

CSS 3 delovne skupine – zadnji sklepi

14th April

Opažam, da je trenutna težnja razvijalcev CSS standarda prenesti del vloge Javascripta v CSS standard.

Poročilo delovne skupine za CSS 3 standard Preberi ostalo »

Novi Developer Tool – prijaznejši do razvijalcev spletnih strani?

6th April

Microsoft obljublja z novo (osmo) različico Internet Explorerja boljšo podporo spletnim standardom CSS2,1 in HTML 5. Prav tako obljublja lažje delo spletnim razvijalcem v obliki Developer Toola. Ob pisanju prispevka o ACID3 testu in “vojni” brskalnikov sem po spletu brskal o informacijah glede IE8. Zasledil sem nekaj zanimivih skrinšotov, ki obljubljajo boljšo podporo mikromehkega izdelovalcem strani. Preberi ostalo »

Postopek izdelave spletne strani

28th March

Marsikdo si ne predstavlja kako se (osnovna) spletna stran zgradi oz. ustvari. Naštel bom nekaj najbolj pomembnih korakov s strani razvijalca (na kratko). Celotna graditev strani se začne veliko prej in sicer pri pošiljanju ponudbe, začetna dokumentacija, potrditev stranke, pošiljanje vsebine, itd… Predpostavimo torej, da je dokumentacija (željena funkcionalnost) in vsebina že pripravljena oz. defenirana, nato sledi (na grobo): Preberi ostalo »