Organizarea fișierelor comune.

Inițial am vrut să folosesc „assets”, dar mi-a fost ușor teamă de eventualele repercursiuni, așa că le-am zis fișiere comune. Întâi să-ți dau câteva exemple despre ce ar putea însemna fișierele comune și de ce trebuie să le organizezi:

  • Librării JS: jQuery, prototype, moo etc;
  • Framework-uri server side: Zend, Cake, Symphony etc. Sunt destul de sigur că se poate aplica și la alte limbaje decât PHP.
  • Imagini folosite în mai multe proiecte (gif-uri animate pentru ajax activity, de exemplu)

De ce?

În urmă cu ceva timp am scris despre cum să faci un folder pentru fișierele comune și să incluzi de acolo ce ai nevoie. Problema a apărut însă în momentul când trebuia să trimit lucrarea finală clientului: unele librării erau în directorul /assets, ce era localizat în altă parte decât restul proiectului. Rezultatul? Toate scripturile nu funcționau (nu se încărca jQuery, jQuery UI, etc). Prin urmare, a trebuit să găsesc o soluție.

În cazul în care lucrezi la mai mult de un proiect, iată avantajele:

  • Poți face update foarte simplu: înlocuiești UN fișier și gata
  • Ocupă mai puțin spațiu pe HDD. Sigur, nu se cunoaște nicio diferență în cazul jQuery, dar în cazul lui… să zicem Zend framework (aprox 100Mb), lucrurile stau un pic diferit. Mai ales dacă lucrezi de pe un notebook cu un hdd nu foarte generos

Cum?

Citeste mai departe »

Relax!

Sunt singurul care simte un fel de oboseală în mâini după ce scriu foarte mult? Nu? Foarte bine, atunci uite-te la filmul de mai jos:

via.

Formatarea textului

Pe lângă calitatea textului, două lucruri fac un site (în general) sau blog (în special) să fie de calitate: culorile și formatarea. Hai să le luăm pe rând.

Culorile

Trebuie să asiguri un contrast decent. Fundal închis presupune text deschis și viceversa. Cu toate astea, e de preferat să eviți fundalul închis. Da, știu, ție ți se pare cool. Nu este. De cele mai multe ori, textul alb pe un fundal negru te scoate din minți după mai mult de cinci-zece rânduri citite.

Formatarea textului

Folosește fonturi standard, ce sunt instalate pe toate pc-urile: arial, verdana, tahoma. Oferă alternative la fonturile astea, astfel încât textul să arate decent. Încearcă să eviți fonturile custom (sifr, cufon, etc) pentru texte dinamice și sub nicio formă nu folosi astfel de scripturi pentru paragrafe întregi de text! Da, înțeleg că vrei să ai tot site-ul scris cu Myriad Pro, dar ai milă de CPU-ul meu! Oricum, pentru web, cele mai lizibile fonturi sunt verdana, arial și helvetica. Știu că Trebuchet arată al naibii de bine, dar doar pentru titluri! Pentru texte mai lungi, nu e cel mai potrivit ;)

De cele mai multe ori textul sub 12px este greu de citit. Fii atent la dimensiunea fontului!

line-height

De cele mai multe ori ignorat, line-height-ul face diferența dintre un text lizibil și unul greu de urmărit. Line-height este spațiul dintre două linii de text. În majoritatea cazurilor, un 1.5-1.8 din dimensiunea fontului ar trebui să fie suficient.

Citeste mai departe »

windows apple dropbox facebook twitter