CSS öğrenenler için 7 faydalı kaynak

2024 Yazar: Malcolm Clapton | [email protected]. Son düzenleme: 2023-12-17 04:13

Basamaklı stil sayfaları sıkıcı HTML'yi çekici kılar. Lifehacker, CSS'yi daha iyi anlamanıza yardımcı olacak web ansiklopedilerinin yanı sıra Rusça ve İngilizce siteler seçti.

World Wide Web Konsorsiyumu (W3C), 1996 yılında CSS (Cascading Style Sheets) teknolojisini önerdi. O zamandan beri, web geliştiricileri benzersiz site tasarımları oluşturmak için basamaklı stil sayfaları kullanıyor.

Yirmi yıl önce geliştiriciler yazı tipi seçenekleri, metin nitelikleri ve sayfa öğesi renkleri ile oynuyorlardı. Günümüzde animasyonlar, gölgeler, gradyanlar, kenar yumuşatma ve diğer birçok gelişmiş şey devam ediyor.

Stil sayfalarını basamaklandırmadan favori sitelerinize hayran olmak için bir Chrome uzantısı veya Firefox eklentisi yükleyin.

Değişiklikler her zaman olmasa da dramatik olacaktır. Örneğin, bir haber toplayıcı pek değişmez: iki ve iki kadar basittir. Bununla birlikte, kaynak ayda 150 milyondan fazla kez görüntüleniyor.

CSS'nin ince noktalarını nereden öğrenebilirim?

1. HTML kitabı

Tutarlı olalım ve sağlam bir teorik temelle başlayalım. Bunun için, web sayfalarının düzeni ve stili hakkında çeşitli kaliteli kaynakları koruyan kitap yazarı ve web geliştiricisi Vlad Merzhevich'e dönüyoruz.

Burada kendi kendini açıklayan bir eğitim ve basamaklı stil sayfaları hakkında popüler soruların yanıtlarını bulacaksınız. Mevcut üçüncü CSS spesifikasyonu hakkında öğretici makaleler de vardır.

2. WebReferans

CSS'ye alfabetik bir referans sunar. Her özelliğin kısa bir açıklaması, sözdizimi ve canlı bir örneği vardır. Soru sormaktan çekinmeyin - projenin yazarları iletişime geçin ve ayrıntıları isteyerek tartışın.

3. CSS Referansı

Rusça dil eğitimlerine ek olarak, yabancı siteler ekleyeceğiz. Onların yardımıyla, bazı öğrencilerin mesleğe dalmaları ve terminolojisini kabul etmeleri daha kolaydır. Bu nedenle tüm dikkatler üzerindedir. Sitede gereksiz hiçbir şey yok: CSS özellikleri, açıklamalar ve eylem. Hoş küçük şeylerden, bir fare tıklamasıyla bir mülkün panoya hızlı bir şekilde arandığını ve kopyalandığını not ediyoruz.

4. CSS Tasarım Ödülleri

Eğitim uzun ve bazen sıkıcı bir iştir. Zor zamanlarda yardım etmek için motivasyon bulmak güzel olurdu. Diğer web tasarımcılarından veya daha doğrusu siteden ilham alacağız. Burada her gün, neyin çabalamaya değer olduğuna dair bir model olarak hizmet eden kaliteli bir proje sunulmaktadır. Kazananların çoğu gerçekten şaşırtıcı. Katılmayı ve favori adaylarınız için oy vermeyi unutmayın.

5. CSS Zen Bahçesi

Güvenli bilgi ve bir işarete sahip olarak, iş dünyasındaki gücünüzü test etme zamanı. Ve uzun süre yol seçmemek için sizi sayfaya yönlendireceğiz. Dünyanın her yerinden kullanıcıların basamaklı stil sayfaları kullanarak olağanüstü bir tasarım vermeye çalıştığı değişmeyen bir HTML dosyası içerir.

Referans HTML'yi yükleyin, stilinizi ekleyin ve hepsini geri gönderin. Belki de yaklaşımınız en iyisi olacaktır. Bu arada, başka birinin sürümünü indirebilir ve nasıl uygulandığını görebilirsiniz.

6. CSSPlay

Herkesin dikkatini çekecek türden bir şey uygulamak isteyeceğiniz açık. Böyle bir şey var mı bilmiyoruz ama onlarca ve yüzlerce merak uyandıran hile kesinlikle oradaydı.

7. CSS Lint

Kendi ellerimiz düz büyürse, neden başkasınınkine ihtiyacımız var? gerçekten gösteriyor mu. Web hizmeti, temel CSS sözdizimi denetimine ek olarak, sayfa yükleme hızını etkileyen kurallara uygunluğu denetler. Çıktı güzel, tarayıcı dostu CSS'dir.