Din lipsă de inspirație și timp pun link-uri utile:

• „Câteva” modalități de a învăța jQuery
• Top cinci greșeli în CSS.
• Complexitatea. Cel mai urât cuvânt în UX
• Design Patterns
• 250 web design tips. Și partea a doua.
• Cum se face overclocking (și de ce)?

Enjoy!

Una din chestiile enervante în JS este – cel puțin pentru mine – lipsa posibilității adăugării unor valori implicite pentru argumentele unei funcții. În PHP, de exemplu, poți face următoarea chestie:

function foo($bar = 1, $baz = 2) {
	// do stuff here
}

Când apelezi funcția, parametrii sunt opționali, luând valoarea specificată. Eh, în JS acest lucru nu este… prea posibil.

Soluția

Soluția vine cu jQuery! Read the rest of this entry »

Cred că una din provocările vieții de front end developer este să faci o listă cu… Două coloane. În teorie, este simplu:

La o listă de forma:

<ol>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
</ol>

Bagi CSS-ul ăsta:

li {
	width:50%;
	float:left
}

De ce în teorie? Pentru că lista nu va arăta – cum e normal, de altfel – ca o listă pe două coloane ci ca una în zig-zag:

1 - 2
3 - 4
5

Ceea ce, între noi fie vorba, e cam nasol. Mai ales când vrei să afișezi o listă ordonată.

Soluția

jQuery, desigur!

$('li').slice(0, Math.ceil($('li').length/2)).addClass('leftside'); // selectăm prima jumătate de listă și îi adăugăm o clasă

Și puțin CSS:

li {
	width:50%;
	margin-left:50%;
}
li.leftside {
	float:left;
	clear:left;
	margin-left:0;
}

Și gata. Avem o listă cu două coloane.