CSS Orientat pe Obiect

Încă de prin 2009, un webmaster renumit, pe nume Nicole Sullivan a pus bazele celei mai interesante metode de a scrie CSS.Era numită CSS Orientat pe Obiect.CSSOO e unul din acele lucruri care mi-a lăsat o impresie foarte bună, încă de când l-am auzit ca și concept și e cu siguranță una din chestiile pe care i l-aș spune oricărui web developer.Pentru mine, chestiile cu adevărat importante sunt: să nu folosesc nicioadată id-uri pentru a face referință la un element, astea le las pentru Javascript; nu specific elementele; și folosesc clase multiple pentru a stila elementele. Prima se înțelege de la sine.Dacă stilezi un id ajungi într-o fundătură, nu vei mai putea să îl reutilizezi.Făcând referință la elemente cu ajutorul claselor, ai întotdeauna posibilitatea să reutilizezi stiluri; și singura problemă la ele e ordinea  în care elementele se succed. A doua se leagă de prima, atunci când faci referință la...
Continue reading...

Un editor web cu potențial – Brackets

Întâmplător, am urmărit cu câteva zile în urmă un videoclip în care se vorbea de un nou editor web, Brackets.Încă de la început, programul m-a uimit fiind simplu, elegant, foarte ușor de folosit mai ales de acei care știu ceva programare web.Progrămelul e dezvoltat de către cei de la Adobe și ceea ce m-a impresionant este faptul că e făcut în totalitate în HTML/CSS și Javascript.Trebuie să menționez că, la momentul scrierii acestui articol programul nu e încă în starea finală existând câteva buguri și puncte slabe.Totuși softul e deja funcțional așa că cei curioși nu vă speriați…puteți să-l încercați. Scopul principal al dezvoltatorilor a fost și este să creeze un editor web care să reducă foarte mult timpul pierdut de obicei cu previzualizarea, trecerea dintr-o fila într-alta – mai pe scurt au fluidizat tot procesul care în mod normal dă naștere perilor albi și celor mai tineri dintre noi....
Continue reading...

MiniTut – Mica introducere in filtrele CSS

De ceva vreme, de cand a intrat pe scena CSS3, tot mai multe efecte se pot realiza fara a utiliza un editor de imagini precum transformarile 3D si border-radius.Una  din piesele lipsa al acestui puzzle este abilitatea de a satura, a estompa sau altfel zis de a satura o imagine in CSS.E, chiar acum de curand, am aflat cu stupoare ca acest lucru e foarte posibil, iar pentru a realiza efectul iti trebuie doar o linie de cod(de fapt mai multe caci fiecare browser si-a adaugat din zel cate-un prefix). Pentru a rezolva problemele, W3C s-a gandit la filtre.Utilizand filtre, putem adauga efecte nu numai imaginilor ci si textului si elementelor HTML. Suportul filtrelor Din pacate, suportul e tare limitat.Totusi, eu, ca bloggaras roman, sper ca in viitorul apropiat, cu noile versiuni de Firefox si IE sa se schimbe lucrurile.Deci prin excludere puteti deduce pe ce browsere merg filtrele CSS:pe...
Continue reading...

Fa-ti propriul framework HTML/CSS

Astazi, voi discuta un lucru mai putin cunoscut, dar foarte important in arsenalul unui tanar web designer – cum sa iti creezi propriul framework in HTML/CSS.Vei vedea ca pe masura ce adaugi tot mai multe lucrari portofoliului tau anumite tipare vor iesi la suprafata.Fiecare dintre noi munceste intr-un anumit stil, iar acel stil va deveni samanta de originalitate din lucrarile tale.Important de retinut este ca prin utilizarea unui framework creat de tine reduci semnificativ timpul de lucru la un design. Notiunea de framework Dupa buna Wikipedia, un framework este un ansamblu standardizat de concepte, practici ?i criterii pentru a se aplica asupra unui tip particular de problematic?, ce serve?te ca referin?? pentru a propune ?i rezolva probleme cu conota?ii similare. Suna complicat si poate chiar este.Dar nu trebuie sa retii o definitie ca cea de mai sus.Eu cred ca e important sa retii numai urmatoarele: un framework este o fundatie, pe...
Continue reading...

25 de teme XHTML/CSS profesionale gratuite

Daca vrei sa descarci vreo tema pentru a o intelege, a o diseca, sau pentru a-ti prezenta serviciile sau portofoliul intr-un mod atragator atunci ar trebui sa vezi 25 din cele mai frumoase teme XHTML/CSS.Cel mai bun lucru este ca temele au un aspect profesional si sunt gratuite!Temele pot spune ca reflecta noile trenduri populare, dar si noile tehnici din web design. Temele au un aspect profesional si pot spune ca sunt o alternativa mult mai buna decat acele teme plictisitoare si invechite ce le putem gasi la tot pasul. Inainte de a va prezenta temele in sine vreau sa subliniez importanta unui design modern la un website.Tema unui website poate fi comparata cu hainele unui om.Ca si hainele, tema arata unele din caracteristicile celui care o utilizeaza.Daca este mai intunecata poate persoana este mai sobra, daca este o tema minimalista atunci persoana tine la vechile tipare(clasicism) sau poate fi...
Continue reading...

10 trucuri pentru a scrie un cod CSS mai bun

Daca scrii prima ta linie de cod CSS o sa ti se para la inceput destul de ciudat, in special daca ai lucrat cu tabele sau daca nu ai mai lucrat cu alt limbaj de programare.In acest articol o sa va spun 10 trucuri care ti-ar putea face codul mai ordonat, mai lizibil si mai bun, dar cel mai important mai usor de inteles terminand astfel intr-un mod cat mai eficient proiectul tau. 1.Utilizeaza o fila CSS Reset Cu timpul ai sa observi ca in multe din proiectele tale elementele se vor repeta, CSS-ul nu nu facand exceptie.Ai sa vezi ca unele parti din cod se vor repeta iar si iar asa ca este bine sa ai la indemana un CSS Reset, o fila ce contine un cod de baza.Filele de genul acesta te asigura ca site-ul tau se vede la fel in toate browserele.Si cu site-uri ca a lui...
Continue reading...