IE6 Image Flicker Fix

16 Apr

În IE6, dacă se folosesc imagini la background-ul unui link, acestea „flicker-e” (care ar fi traducerea?) în cazul unui event mouse-over. Asta deoarece se pare că IE nu prea ştie să facă un cache la respectivele imagini. Sau dacă îl face, îl face foarte prost (cam ca orice altceva face IE6 :death: )

Din fericire, pentru asta există un fix javascript foarte simplu:

1
2
3
try {
  document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}

Din păcate merge doar pe IE6 SP1. Din fericire, majoritatea îl au :D

Via.

CSS Naked Day

4 Apr

Pe 9 aprilie, pe acest blog se va opri CSS-ul. Adica pe 9 aprilie, cand vei intra pe acest blog, totul va arata un pic… ciudat :w00t:
Detalii, motive si cine participa: aici (click)

Participa si tu!

Bară de navigare 2

2 Apr

Aşa cum am spuneam aici, puneam la cale o bară de navigare asemănătoare cu asta cu diferenţa că cea din urmă are şi un efect drăguţ.

Trebuie să precizez întâi de toate dezavantajele acestei metode (da, există nişte dezavantaje):

  • Fiecare link necesită o imagine. Asta înseamnă că în momentul în care vrei să schimbi textul trebuie să modifici imaginea. Dacă este pentru un site ce nu-şi schimbă prea des link-urile, nu este o problemă serioasă;
  • Cod suplimentar. La fel ca şi prima bară de navigare de altfel. În locul unui span se poate folosi orice element inline: em, strong, etc.

Codul este asemănător cu cel anterior, cu diferenţa că fiecare link are o clasă:

1
2
3
4
5
6
<ul id="fadeMenu">
    <li><a href="#" class="m1"><span>Home</span></a></li>
    <li><a href="#" class="m2"><span>About</span></a></li>
    <li><a href="#" class="m3"><span>Faq</span></a></li>
    <li><a href="#" class="m4"><span>Contact</span></a></li>
</ul>

(Mai mult…)

Scris în categoria: Css, Tutoriale, jQuery 7 Comentarii

Blestemul umbrelor şi al gradienţilor….

28 Mar

În ultimele trei zile am avut două layouturi de tăiat. Asta nu e rău, dar pe lângă faptul că am avut deadline-uri strânse (o zi pentru unul, două pentru celălalt), layout-urile erau pline de ce îmi place mie: umbre şi gradienţi. Una peste cealaltă, puse fix în ciuda mea. Eh, sunt mai tare decât ele, le-am aranjat cum trebuie :crazy:

Cred că astea sunt blestemele lu’ Roackeru’ :cry:

Topul greşelilor CSS

22 Mar

Un nene, pe numele lui Isaac Schlueter, a făcut un top cu cele mai mari (grave?!) greşeli în CSS. Nu ale programatorilor ci ale specificaţiilor CSS în sine.

Aruncă un ochi aici să vezi ce ar fi putut fi CSS-ul dacă totul mergea bine…

Cea mai tare chestie mi se pare moştenirea (Inheritance)

1
2
3
4
5
6
7
8
9
10
11
12
.some-module {
	font-weight:bold;
	text-align:right;
		p {
			font-weight:normal;
			text-align:center;
		}
		h3 {
			font-size:200%;
		}
 
}

Eh? Ce zici? N-ar fi fost super? :cry:

edit: Alin Alexa spune de CSS Server Side. Mi se pare o idee bună şi sper că o voi folosi la următorul proiect (ce va începe în maxim o săptămână :D )

Scris în categoria: Css, Development Un comentariu