Skip to the main content
Tag: 'css'

17.03.2015. 0

CSS Sans Font

CSS SANS je CSS font tj. font napravljen samo pomoću CSS-a. Jest da je u pitanju svježi CSS, ono što smo nekada zvali CSS3, dakle nešto za novije web preglednike, ali svejedno hvale vrijedno postignuće. Probajte mišem iznad koda koji je desno uz svako slovo.

Ako netko treba font koji se ne može označiti (selektirati) na stranici...


(via)

06.03.2015. 0

CSS Humor Ninja screenshot

CSS humor u obliku CSS koda u kojem su pojmovi opisani svojstvima u kojima prevladava igra riječi. Pogledajte kako se pojmovi kao što su Chuck Norris, Ninja, Samsung, Back to the Future itd. mogu duhovito prikazati pomoću CSS-a.

Slideshow se nalazi ovdje. (Listanje može i tipkama za lijevo te desno.)


(via)

11.11.2014. 0

CSS Only Game

CSS utrka tj. trkaća videoigra napravljena pomoću CSS-a, bez linije JavaScripta, pravi je pokazatelj moći (nove verzije) CSS-a. Ako ne vjerujte da je samo CSS u pitanju - pogledajte izvorni kod.

Strelica vašeg miša je "vozilo" koje treba izbjegavati druga vozila na brzoj cesti. Potreban vam je web preglednik koji fura webkit, a to su Chrome, Safari i Opera.

Chrome Safari Opera

07.11.2014. 0

CSS Compositions

CSS kompozicije kao mala umjetnička djela napravljena pomoću i samo pomoću CSS-a (zavirite u izvorni kod stranica ako ne vjerujete). Dobar dio je animiran. Autor: Kim Asendorf.

Klik na sličice u izvorniku otvara podstranice, tipka BACKSPACE za povratak na meni.


(via)

13.10.2014. 0

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.

27.08.2014. 0

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)

08.07.2014. 0

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)

17.03.2013. 0

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)

15.12.2012. 0

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.

03.09.2012. 0

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.