Skip to the main content
Tag: 'css'

CSS 20 Years

Prije 20 godina, 10. listopada 1994. godine, Håkon Wium Lie napisao je prijedlog za CSS. U to vrijeme radio je u CERN-u, na istom mjestu gdje je sir Tim Berners-Lee postao "otac weba".

Wium Lie je zajedno s Bertom Bosom koji danas radi u organizaciji W3C tako kreirao prvi CSS. Od prošle godine obnaša funkciju CTO-a u Operi, kompaniji koja proizvodi onaj lijepi web preglednik koji pleše na margini popularnosti.

Intervju s njim povodom 20. godišnjice CSS-a pročitajte ovdje.

Nastavak

[] 27. VIII. 2014.

CSS Basic Shapes

Jednostavni a informativni vodič za webaše: Kako napraviti osnovne oblike u CSS-u? Kako nacrtati kvadrat, pravokutnik, krug, trokut, paralelogram i tako dalje. Obvezatno za početnike, provjera znanja za napredne. CSS za sve!

(via)

Nastavak

[] 8. srpnja 2014.

The Simpsons in CSS

Poznati likovi iz popularne crtane serije The Simpsons napravljeni u CSS-u tj. pomoću tehnologije jezika koji služi za opis, izgled i format web stranica. Kliknite na poveznice ispod likova da biste vidjeli kobasicu kojom je svaki od njih opisan. Ujedno su lagano animirani.


(via)

Nastavak

[] 17. ožujka 2013.

Learn CSS Layout

Osnove CSS rasporeda (layout) naučit ćete ako pročitate ovaj kratki vodič kroz CSS prijelom koji primjerima pokazuje kako se stvari rade. Veliki i mali ekrani, specifičnosti za preglednike, HTML5 dodaci, trikovi, pa čak i clearfix. Odlično za početnike, podsjetnik za napredne. Plus četiri.


(via)

Nastavak

[] 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

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