U medjuvremenu eng. verzija

Razumem choveka u potpunosti, mozda sam jednostavno navikao na “ajax way of doing things” da mi je postalo normalno to da bi ste osposobili neku ajax zavrzlamu morate da ukljucite ~3 externa fajla i izmenite oko 10 linija koda

od tuda i novi slogan, ko ne razume budzenje ne razume ajax

Danas ću pokušati da objasnim sta je to “Vertikalni ritam” (moj slobodni prevod)

sve to naravno ima objasnjeno na netu, posebno lepo na ovoj stranici a boga mi i ovde, ali sto bi to neko čitao, kad može lepo da zakači svoj sajt na forum i još da se ljuti kad mu neko kaže da to njegovo ne vaja i da nije u pravu.

elem, ovde sam stavio primer sa dobro i leše podešenim marginama, po meni razlika je više nego očigledna, evo i slike za one koji i dalje ne kapiraju u čemu je štos

Znači nije poenta da vertikalni razmak između svih elemenata bude isti ili potpuno odokativan (kao u lošem primeru), već treba za mernu jedinicu uzeti visinu jedne linije običnog teksta i onda srazmerno tome podesiti sve elemente na stranici.

naravno, može neko da izabere da koristi 4x i 3x ili 2x i 4x razmake, sve zavisi do stranice, nije ni svaka situacija ista, no važno je da postoji neka pravilnost i da se ne krši vertikalni ritam stranice.

• DEMO
• CSS Fajl

Na brzinu sam osakatio CSS i resio da idem sa ovom minimalistickom verzijom. Nadam se da je sada malo prijatnije za čitanje.

Cela vest

(klik za vecu sliku)

Download
Vise Informacija

Ne nije greska Ljudi u IBM-u su stvarno pokazali da prava moc leži u inovacijama.

Činjenice su neosporne, sve je više broadband priključaka - a samim tim transfer filmova i ostalih audio vizuelnih materijala putem Interneta postaje sasvim normalna stvar. IBM je prepoznao potencijalni problem i izasao sa rešenjem koje je u stanju da prenese ceo HD film za ravno sekundu!. A da stvar bude jos neverovatnija - ceo chipset je dimenzija 3.25 x 5.25 mm !!!.

S obzirom da je u svetu sve više FTTH (fiber to the home) prikljucaka i imajući u vidu ovu vest - budućnost će biti zanimljiva.

Izvor: IBM

Ovo je svakako velika vest. Dell kreće sa isporukom linuxa kao alternative windowsu koji je do sada bio jedini izbor za Dell mašine (osim servera i Precision radnih stranica). Za sada su u igri 3 distribucije Ubuntu, Fedora, i openSUSE - manje više, očekivano.

Inace cela stvar je počela tako sto je postavljena anketa na ideastorm sajtu o upotrebi linux-a. Više od 100.000 ljudi je učestvovalo i preko 70% je odgovorilo da bi koristilo linux što u office, što u home varijantama.

Ovo je moja omiljena tehnika pravljenja CSS menija. I principu to je kombinacija par CSS tehnika (image replacement, css list menus..).
Pokazalo se kao sasvim ok tehnika, apsolutno isto se prikazuje u FF, IE i Operi i ima sasvim normalan HTML ispod haube, tako da ce Google i ostali pretrazivaci sasvim korektno indeksirati vas sadrzaj - a to je valjda najvaznije.

Primer

Uputstvo za upotrebu

1) Napraviti pozadinsku sliku

Paznja ovo je jedna slika, a ne dve.
Ako je vas meni 400px sa 50px (kao u ovom primeru) pozadinska slika treba da bude 400px by 100px. Gornja polovina je za normalno stanje, a donja za rollover.

2) HTML kod

<div id=“main-nav”>
	<ul>
		<li><a href=“#” class=“home”><span>Home</span></a></li>
		<li><a href=“#” class=“about”><span>About us</span></a></li>
		<li><a href=“#” class=“faq”><span>F.A.Q.</span></a></li>
		<li><a href=“#” class=“contact”><span>Contact</span></a></li>
	</ul>
</div>

3) Ubaciti CSS

Sve sto ostaje je ubaciti ovaj CSS, i to je to - uzivajte u vasem CSS meniju.

Posle par dana evo i update-a za MGraph.
Sada je izgleda malo sredjen a i dodao sam prostor gde korisnik moze da doda neki note (videti primer). Dobra stvar je sto se tako moze ubaciti i html, tako da se moze staviti neka mala slika, ili link.

Promene u ovoj verziji

• Dodavanje teksta i naslova teksta (note)
• Transparencije
• Izmenjen izgled

Dobio sam dosta pozitivnih reakcija putem mail-a. Trudicu se da nastavim da razvijam MGraph i ostale grafike, ocekujem nove verzije u toku narednih mesec - dva, u zavisnosti od mog slobodnog vremena.

• Demo
• Download (zip, 14KB)
• Stara verzija