YUI Compressor

5 Oct

Yahoo a lansat cu ceva timp în urmă un utilitar ce îţi poate compresa codul JS sau CSS destul de mult - YUI Compressor. De fapt, acest utilitar şterge comentariile şi pune tot codul pe o singură linie. Nu ţi se pare mult, nu? În cazul unui fişier cu sute-mii de linii, chiar se cunoaşte ceva ;)

Cu toate că Julien Lecomte a scris mai multe despre acest subiect, eu vreau să îţi arăt o cale de a face compresia o chestie banală, ce te scuteşte de command promt, totul reducându-se la două click-uri (pe numărate, da? :D )

Pasul 1 - Environment Variables

Pentru a seta Environment Variables, apasă tasta (Mai mult…)

Scris în categoria: Development, Tutoriale Un comentariu

SENZAŢIONAL: Interviu cu Valentin Ivaşcu

13 Sep

Aplauze vă rog pentru Ivaşcu Valentin aka Oriceon. A reuşit performanţa deosebită de a-şi relansa binecunoscutul tutorial PHP, de această dată într-o nouă formulă: online, sub forma unui blog. Cu această ocazie am reuşit să-l conving să participe la un fel de interviu:

(Mai mult…)

Scris în categoria: Development, Tutoriale 24 Comentarii

Stilizarea formularelor folosind CSS

9 Sep

Deoarece am observat că sunt mulţi ce nu ştiu să facă nişte formulare doar cu CSS, fără a folosi tabele, m-am decis să fac un mic tutorial despre acest subiect.

Un formular complet are următoarea sintaxă:

<form action="form.php" method="post">
	<fieldset>
		<label>User name:</label>
<input id="username" name="username" type="text" />
		<label>Password:</label>&lt; input type="password" name="password"/&gt;
		<button>Login</button>
	</fieldset>
</form>

Rezultatul îl poţi vedea AICI. (Mai mult…)

Scris în categoria: Development, Tutoriale 2 Comentarii

Remote Hover - Tutorial II

19 Jul

Aşa cum am promis AICI, iată partea a doua a tutorialului de „remote hover”, de această dată bazată pe jQuery.

Deoarece nu sunt prea multe diferenţe între prima variantă şi aceasta, folosim aceeaşi structură ca în prima parte. Singura diferenţă este… ai ghicit! Partea de javascript :P (Mai mult…)

Scris în categoria: Development, Tutoriale 4 Comentarii

Remote Hover - Tutorial

18 Jul

Mai multe persoane m-au întrebat cum am făcut “chestia” din header cu schimbatul mâţelor la mouseover peste cifre. În principiu, se poate face în cel puţin două feluri: cu un framework (cum am folosit eu, pentru efectul de fade) sau fără niciun efect, imaginile apărând brusc.

Încep cu metoda fără framework, pentru a înţelege puţin cum funcţionează DOM.

Pasul I

Codul HTML este simplu, fiind format dintr-o listă orizontală, (Mai mult…)

Scris în categoria: Development, Tutoriale 2 Comentarii