Skip to the main content
Tag: 'css'

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.

01.02.2011. 7

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.