CSS: diverse resurse


Am mai multe semne de carte ale unor articole foarte utile legate de CSS, aşa că le voi reuni în continuare. Şi ce articol poate fi mai bun de început decât Mastering CSS Coding: Getting Started. (Repetându-mă, ştiu, mai indic încă o dată trei articole tot de la SmashingMagazine: Mastering CSS, Part 1: Styling Design Elements, Mastering CSS, Part 2: Advanced Techniques and Tools şi Backgrounds In CSS: Everything You Need To Know). Revenind însă la articolul de acum o lună, acesta are următoarele secţiuni: Padding vs. margin; Floats; Center alignment; Ordered vs. unordered lists; Styling headings; Overflow; Position. Fiecare concept explicat foarte clar, cu imagini, precum cea de mai jos.

imagine

Cei avansaţi le ştiu, dar pentru începători articolul e o comoară. Doar răbdare să ai să îl citeşti. Eu de exemplu abia de câteva luni am reuşit să reţin că ordinea marginilor este cea a acelor de ceasornic, aşa că acum un padding: 10px 0 10px 5px; mi-e clar la ce se referă. Similar veţi găsi explicaţii pertinente pentru alte elemente de bază vizavi de CSS. Şi dacă tot vorbim de elemente de bază continui recomandându-vă un articol de ieri: Essential CSS/HTML Lists Styling Techniques. Cu răbdare autorul explică elementele listei şi modul de utilizare în special pentru realizarea de meniuri. (Apropo de meniuri fac o mică paranteză. Acum două zile a apărut un articol intitulat Mega Drop Down Menus w/ CSS & jQuery. Veţi vedea cum folosind CSS şi jQuery puteţi realiza meniuri “late” precum cel de mai jos. Observaţi diversitatea de împărţiri pe coloane. Pentru ceva mai simplu vedeţi Reinventing a Drop Down with CSS and jQuery.)

imagine

Rămânând la articole pentru începători aş dori să evidenţiez şi materialul How to create link with hover image in plain CSS. Este o tehnică de bază pentru cei care doresc să facă legăturile să sară mai bine în ochi. Tot pentru începători şi tot foarte important: CSS Font-Size: em vs. px vs. pt vs. percent. Rămânând la tema CSS interesant şi util este şi articolul 14 Best CSS Editors for Web Designers & Developers (unele editoare le-am prezentat şi noi de-a lungul timpului). Apropo de editoare: 10 Top-Notch CSS Editors. Dacă vreţi să învăţaţi cum să faceţi un heading aveţi exemple concrete la Styling Design Elements: 5 Beautiful Post Headings.

Mai am articole interesante? Mai am! Acum ca listă:

Să vă fie de folos!


Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (1 evaluări, media: 5,00 din 5)
Loading...Loading...

0 comentarii


Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *