CSS öyrənənlər üçün 7 faydalı resurs

2024 Müəllif: Malcolm Clapton | [email protected]. Son dəyişdirildi: 2023-12-17 03:47

Kaskad üslub vərəqləri darıxdırıcı HTML-ni cəlbedici edir. Lifehacker sizə CSS-i daha yaxşı başa düşməyə kömək edəcək rus və ingilis dilli saytları, həmçinin veb ensiklopediyaları seçib.

World Wide Web Consortium (W3C) 1996-cı ildə CSS (Cascading Style Sheets) texnologiyasını tövsiyə etmişdir. O vaxtdan bəri veb tərtibatçıları unikal sayt dizaynları yaratmaq üçün kaskad stil cədvəllərindən istifadə edirlər.

İyirmi il əvvəl tərtibatçılar şrift seçimləri, mətn atributları və səhifə elementi rəngləri ilə oynayırdılar. Hal-hazırda animasiyalar, kölgələr, gradientlər, anti-aliasing və bir çox digər qabaqcıl işlər davam edir.

Sevdiyiniz saytları kaskad üslub vərəqləri olmadan heyran etmək üçün Chrome genişləndirilməsi və ya Firefox əlavəsi quraşdırın.

Dəyişikliklər həmişə olmasa da, dramatik olacaq. Məsələn, xəbər toplayıcısı çətin ki, dəyişsin: iki və iki qədər sadədir. Buna baxmayaraq, resursa ayda 150 milyon dəfədən çox baxılır.

CSS-in incə nöqtələrini harada öyrənmək olar

1. HTML kitabçası

Gəlin ardıcıl olaq və möhkəm nəzəri təməllə başlayaq. Bunun üçün biz veb-səhifələrin tərtibatı və üslubu ilə bağlı bir sıra keyfiyyətli resurslara sahib olan kitab müəllifi və veb tərtibatçısı Vlad Merzheviçə müraciət edirik.

Burada siz öz-özünə izahlı dərslik və kaskad üslub vərəqləri ilə bağlı məşhur suallara cavablar tapa bilərsiniz. Cari üçüncü CSS spesifikasiyası ilə bağlı dərslik məqalələri də var.

2. Web Reference

CSS-ə əlifba sırası ilə istinad təklif edir. Hər bir əmlakın qısa təsviri, sintaksisi və canlı nümunəsi var. Sual verməkdən çəkinməyin - layihənin müəllifləri əlaqə saxlayır və təfərrüatları həvəslə müzakirə edirlər.

3. CSS Referansı

Rus dilində dərsliklərdən əlavə, xarici saytları da əlavə edəcəyik. Onların köməyi ilə bəzi tələbələrin peşəyə dərindən nüfuz etməsi və onun terminologiyasını qəbul etməsi daha asan olur. Ona görə də bütün diqqət üzərindədir. Saytda artıq heç nə yoxdur: CSS xüsusiyyətləri, izahatları və hərəkətləri. Xoş xırda şeylərdən, bir siçan klikləməklə əmlakın sürətli axtarışını və panoya kopyalanmasını qeyd edirik.

4. CSS Dizayn Mükafatları

Təhsil uzun və bəzən darıxdırıcı bir işdir. Çətin anlarda kömək etmək üçün motivasiya tapmaq yaxşı olardı. Biz başqa veb-dizaynerlərdən, daha doğrusu saytda ilham alacağıq. Burada hər gün keyfiyyətli bir layihə təqdim olunur ki, bu da səy göstərməyə dəyər bir nümunə kimi xidmət edir. Qaliblərin çoxu həqiqətən təəccübləndirir. Ən sevdiyiniz namizədlərə səs verməyi və səs verməyi unutmayın.

5. CSS Zen Garden

Təhlükəsiz bilik və mayak əldə edərək, gücünüzü biznesdə sınamağın vaxtı gəldi. Və uzun müddət yolu seçməmək üçün sizi səhifəyə yönləndirəcəyik. O, dəyişməz HTML faylını ehtiva edir, dünyanın hər yerindən istifadəçilər kaskad üslub vərəqlərindən istifadə edərək qeyri-adi dizayn verməyə çalışırlar.

İstinad HTML-ni yükləyin, üslubunuzu əlavə edin və hamısını geri göndərin. Bəlkə də yanaşmanız ən yaxşısı olacaq. Yeri gəlmişkən, başqasının versiyasını yükləyə və onun necə həyata keçirildiyini görə bilərsiniz.

6. CSSPlay

Aydındır ki, hər kəsin diqqətini cəlb edəcək bir növ tətbiq etmək istəyəcəksiniz. Belə bir şeyin olub-olmadığını bilmirik, amma onlarla və yüzlərlə maraqlı hiylələr əmin idi.

7. CSS Lint

Öz əlimiz düz uzanırsa, bizə başqasınınki niyə lazımdır? Həqiqətən göstərirmi. Əsas CSS sintaksis yoxlamasına əlavə olaraq, veb xidməti səhifə yükləmə sürətinə təsir edən qaydalara uyğunluğu yoxlayır. Çıxış gözəl, brauzer dostu CSS-dir.