Skip to the main content
Tag: 'css'
[] 15. XII. 2012.

Tri korisna CSS alata za web dizajnere i developere, odnosno za ubermajstore koji ručno pišu stilove: konverzija znakova za potrebe CSS-a i JavaScripta, testiranje :nth selektora te CSS varijanta SQL upita EXPLAIN.


1. CSS & Javascript Character Entity Calculator

Entity Conversion Calculator

Entity Calculator služi za brzu konverziju znakova iz decimalnog koda u vrijednosti za CSS i JavaScript. Također možete upisati (ili zalijepiti) određeni znak.

Popis prvih 5800 kodova nalazi se ovdje.

Nastavak

[] 3. rujna 2012.

Can I Use? screenshot

Ako koristite HTML5 i CSS3 u konstrukciji svojih web objekata vjerojatno ćete, ako već niste, zabilježiti poveznicu na stranicu When can I use... koja će vam reći koliko su najčešći preglednici u tijeku sa zadanim HTML5 elementima i atributima, CSS3 svojstvima, SVG-om itd.

U rezultatima potraživanja (nije typo) naći će se usporedna tablica s prošlim, sadašnjim i budućim verzijama preglednika s uključenim mobilnim varijantama, statistikama korištenja, korisnim poveznicama i preporukama. Taman ono što treba. Najpoželjnija boja je svijetlo zelena.


TIP: Na vrhu stranice nalazi se polje za brzo pretraživanje - samo počnite pisati ono što vam treba npr. "border-radius", "audio", "placeholder" itd.

Nastavak

[] 1. veljače 2011.

CSS problem: zaglavlje (header) i podnožje (footer) su uvijek iste (fixed) visine dok se sadržaj koji se nalazi u središnjem dijelu stranice razvlači i skuplja i dobiva traku za pomicanje (scrollbar) po potrebi.

Header and footer static

Stvar se može nabiti u par linija čistokrvnog CSSa koji je toliko jednostavan i očigledan da ćete se pitati zašto vam ovo rješenje nije odmah palo na pamet.

Nastavak

[] 18. XI. 2010.

Na dnu stranice je footer (podnožje) omanjeg sadržaja. Stvar super izgleda kad je ukupan sadržaj VIŠI od visine prozora preglednika (tj. postoji scrollbar s desne strane), ali nije naj kad je sadržaj NIŽI od visine prozora (npr. kontakt stranica).

U tom slučaju želimo da footer bude na dnu prozora - nabijen na donji rub browsera.

Nastavak

[] 9. rujna 2010.

Kao i kod mnogih drugih web divota transparentnost u CSSu je još uvijek zbrkana i čeka se CSS3 koji će stvari, nadajmo se, dovesti u red.

Kobasica koja definira prozirnu klasu je standardne dužine:

div.transparent
{
            -moz-opacity:0.5;
            -khtml-opacity: 0.5;
            opacity: 0.5;
            filter:alpha(opacity=50);
}

0.5 znači 50% prozirnosti. Za veću prozirnost staviti manji broj i obratno. Svugdje, naravno, iste brojke (osim za filter koji ide od 0 do 100, a ne od 0.0 do 1.0).

Nastavak

[] 16. VIII. 2010.

Imaš primjerice neki omanji sadržaj tipa "Stranica je u izradi" i želiš ga fino pozicionirati u centar stranice, da bude u središtu web stranice i horizontalno i vertikalno.

To je najlakše napraviti pomoću tablice, ali ne smiješ ni pod razno, jer tablice su odavno izašle iz mode i mogao bi ti se smijat netko tko slučajno zaviri u HTML kod.

Raznih JavaScript te CSS rješenja ima za olimpijski bazen napuniti, no ovdje ću navesti jedno krajnje jednostavno rješenje koje koristi poneki CSS trik.

Nastavak

[] 10. VIII. 2010.

Power webaši, preskočite ovaj post.

Prije nekoliko godina zaobljeni rubovi (pravokutni komad web stranice koji nema oštre rubove) bili su tema za pričat tjedan+ dana: mnogo je različitih rješenja napravljeno da bi se oni postigli.

Vidi npr.:

Kako danas CSS s verzijom 3 ide dalje ili bar pojedini proizvođači web preglednika imaju svoje prefikse nije problem napraviti jednostavno i kratko rješenje za postizanje istih.

Nastavak

LinksTrikovi sa CSS atributima i selektorima za "gađanje" određenih (verzija) browsera.

CSS targeting je pojam koji označava korištenje CSS trikova koji mijenjaju stvari u određenom pregledniku, skupu preglednika ili određenoj verziji preglednika.

Preglednici koje će obuhvatiti primjeri u nastavku teksta su:

Internet Explorer Firefox Safari Chrome Opera

1. Internet Explorer (verzije 6, 7 i 8)
2. Firefox (verzije 1.x , 2.x i 3.x)
3. Safari te Chrome
4. Opera

CSS targetiranje može ići preko atributa ili selektora. Preko čega? Dobro, za one koji su zbunjeni evo ovako (selektor je zapravo naziv stila):

selektor { atribut: vrijednost }

Jasnije? Ok. Idemo dalje.

Nastavak

[] 9. travnja 2009.

CSS Naked Day 2009Stigao je još jedan 9. travanj kada se skida dizajn sa sajtova.

CSS Naked Day je dan kada web stranice postanu gole: skida se CSS, dizajn, stilovi i stranica izgleda kao da je napravljena dan nakon što je izmišljen World Wide Web.

Skidanje me je opet podsjetio na zaboravljene inline stilove pa si moram opaliti packe.

Well, bit će riješeno do slijedećeg globalnog CSS Reboota (1. svibnja).

Nastavak

Hex Dump 2Deprecated HTML tagovi, novi i dolazeći HTML tagovi, tagovi koji se odjednom drugačije koriste, novi CANVAS element koji tristo čuda nekih ima, atributi koji idu ovako ili onako ovisno o kojem se HTML standardu radi...

CSS trikovi za različite preglednike, conditional komentari za razne verzije Internet Explorera, CSS sprajtovi, zaobljeni rubovi, JavaScript fiksanje zajebanog CSSa, CSS za printanje, za različite vrste izlaza, CSS3...

(Osjećam lagani dolazak adrenalina. Lagani, tek sam počeo.)

Nastavak

‹‹ 1 ... 9 10 11 12 ››