4 motive pentru care web designerii trebuie să cunoască HTML şi CSS

You are the CSS to my HTML

Există web designeri care nu sunt  capabili să-şi implementeze propriile creaţii. Am scris prima line de cod, aici mă refer la HTML şi CSS, acum 2 ani. Faptul că m-am hotărât să învăţ HTML şi CSS a fost o decizie inspirată.

Internetul e plin de pagini web care vin cu inovaţii şi care te încurajează pe tine ca web designer să foloseşti stiluri speciale. Designerii care lucrează direct cu materiale pentru web, nu numai prin medii simulate cum ar fi Photoshop, au un avantaj pentru a face să se întâmple acest lucru . Ok, dacă lucrezi la un joc sau site în Flash ori o aplicaţie  în Flex poţi să ignori acest avantaj :)

Ştiu că fiecare designer care are în faţă un canvas gol se gândeşte the sky is the limit şi exact asta vrei. Vrei sa creezi ceva WOW. Trebuie totuşi să respecţi anumite reguli de bază pentru de Web. Sper să pot dezvolta ideea într-un alt articol.

(more…)

Tutorial: Cum setezi fonturile si familiile de fonturi

Metoda sau posibilitatea de a schimba fonturile in documentele offline (de exemplu fisiere document create cu Microsoft Office Word) e simpla. Totusi, cand vine vorba de o pagina web, acest lucru nu mai devine atat de intuitiv, uneori fiind chiar dificil. Tehnologia CSS ne vine in ajutor si face ca procesul de setare a unui font sa fie mai usor, si chiar, sa ofere un mecanism de rezerva pentru acei utilizatori care nu au fonturile pe care vrei sa le folosesti.

Setarea fonturilor

Sa presupunem ca vrei sa setezi fontul Helvetica la toti selectorii headings. Pentru a face asta, scrie (in <style> sau in fisierul css):

h1, h2, h3, h4, h5, h6 {font-family: Helvetica;}

Ok, toate bune si frumoase, dar… :) nu toti utilizatorii au instalat fontul Helvetica. Este recomandat sa folosim de fiecare data o familie de fonturi – font-family. Astfel, browser-ul va atibui textului primul font disponibil. In cazul nostru, folosim urmatoarea familie:
(more…)