WordPress için CSS’yi inceleyin ve başvurun: 150+ Kaynak

CSS’yi öğrenme ve hatırlama açısından, birkaç saniye içinde bilmeniz gereken her şeyi hızlı bir şekilde arayabildiğinizde, her mülkü ve sınıfa belleğe girmeniz için hiçbir neden yoktur. Ancak arama motorları (okuma: google) CSS cevaplarını bulmanın hızlı bir yolunu sunarken, hangisinin gerçekten yararlı ve daha önemli olan en son olduğunu bilmek zor olabilir. Yakın tarihli bir üye anketinde, WordPress’i öğrenmek için en büyük engellerinizin ne olduğunu soruyoruz ve birçoğunuz kodlama becerilerinizi geliştirmek ve HTML, CSS ve PHP’de daha yetkin olmak istediğinizi söylüyor.
Bunu hatırlayarak ve CSS’yi fethetmenize yardımcı olmak için, Bootstrap, Sass ve daha az gibi CSS ve ilgili dil ve işçi öğrenmek için favori kaynaklarımızdan bazılarını seçtik. Bu yüzden keşfedin, yer işareti koyun ve CSS öğrenmenin tadını çıkarın! CSS, SASS, daha az, bootstrap kaynakları yedi bölümde gruplandırılmıştır:
CSS – Bu, sitenize renk ve stil eklemek için kullanılan stil tarzıdır. Teknik olarak bir programlama dili olmasa da, bu internet genelinde yaygın olarak kullanılır ve bootstrap gibi diğer dillere dahil edilir.
Sass – Bu, CSS’nin bir uzantısı olan bir stil sayfası dilidir. Buna resmen önişlemci denir ve CSS stilini yazmayı ve ayarlamayı kolaylaştırmak için tasarlanmıştır.
Daha az – Sass’a benzer, eksiklik stil sayfası ve değişkenler ve karışımlar gibi yeni özellikler ekleyerek CSS işlevselliğini genişletmek için tasarlanmış diğer praprocessors’tır.
Bootstrap-HTML, CSS ve JavaScript temelinde bir web sitesi oluşturmak için tasarlanmış açık kaynak ön uç çerçevesi. Mobil cihaz boyunca Duyarlı Bootstrap kullanılarak oluşturulan her site. Not insanlar – Twitter’da fantastik CSS ipuçlarını ve püf noktalarını paylaşan birçok harika insan var. İşte takip edilecek ve tweetlenen en iyilerden bazıları.
Sahip olması gereken kaynaklar, boş zamanlarınızda, CSS değiştiğinde sizi güncel tutmak için çok fazla bilgi ile okumayı hak ettiğiniz birçok site vardır ve size soru sormak ve yardım almak için bir yer verir. Ayrıca CSS ve tüm programlama dilleri hakkında birçok öğretici ve kurs içeren siteleri içerir.
Öğrenme tarzınız ne olursa olsun, yazılı dersler, öğreticiler ve video kurslarının bir kombinasyonu ile sizin için uygun kaynakları bulabilmelisiniz.
Sorun, orada birçok kaynak kamyonu var ve bu liste tamamen eksik. Bu liste sonsuza dek süremeyeceğinden, dahil olmayan favorilerinizden bazıları olabilir. Eğer ayrılırsak pişman olacağımız bağlantıyı düşünürseniz, aşağıdaki yorumlarda yayınlamaktan çekinmeyin. CSS Kaynakları CSS için yeniyseniz, bu öğrenilecek olağanüstü bir dil gibi görünebilir, ancak öğrendikten sonra, yönetmek oldukça kolay ve oldukça kolaydır. Deneyim için, tüm seçmenlerin ve mülklerin bir listesine sahip olmak yararlı olacaktır, çünkü hatırlanması gereken çok şey vardır ve esas olarak CSS genel olarak bootstrap ve web tasarımının büyük bir parçasıdır.
CSS hakkında bilgi edinmeye başlamak veya mevcut becerileri cilalamak istiyorsanız, bazı iyi kaynaklar: CSS’nin Temelleri (W3C wiki)
CSS Eğitimi (W3Schools)
Hugo Giraudel CSS, SCS ve SASS hakkında makalesi (Sitepoint)
Başlangıç ​​CSS (MDN, Mozilla)
Sütun ve şablon üstbilgisi altbilgisi (W3C wiki)
CSS öğreticisi, 16 ders (html.net)
CSS için Yeni Başlayan Kılavuz (dost Bit)
Komple CSS Kılavuzu (Westciv)
Etkili stil sayfalarının kullanımı (Nielsen Norman Grubu)
CSS hakkında her şeyi öğrenin (CSS Tutorial.net)
Yeni Başlayan Öğretici CSS (HTML Köpek)
Hayranların yaparken öğrendikleri için, bu sizin için:
Demo CSS3 (MDN, Mozilla)
Basamaklı stil sayfaları ile deney (CSS Play)
CSS Sprite (WPMU Dev) ile WordPress’e sosyal medya simgeleri eklemek
CSS ile kitap yazdırma (ayrı bir liste)
Duyarlı WordPress Tasarımı için CSS3 Medya Sorgularını Kullanma (WPMU Dev)
HTML ve CSS (W3C) ile başlayarak
CSS’yi sınıra teşvik edin (CSS/EXP)
Örneğin CSS tasarımının güzelliği (CSS Zen Garden)
WordPress (WPMU Dev) için bu CSS animasyon aracı ile hızlı kazanan stil puanı
Anarşist Sahil Kitabı CSS (O’Reilly Web Geliştirici Merkezi)
Öğreticilerin Listesi CSS (LinkedIn Learning)
Başlangıç, Orta ve Gelişmiş CSS Öğreticileri (HTML Dog)
@Font-face ve css3 (wpmu dev) ile wordpress’e özel bir yazı tipi eklemek
CSS öğreticisi (öğretici noktası)
HTML ve CSS (Shay Howe) kodu oluşturmayı öğrenin
HTML ve CSS Advanced (Shay Howe)
WordPress Sitenize CSS Custom nasıl eklenir: 3 Keşfedilmiş Yöntem (WPMU Dev)
Görüntünüzü Süper Kolay ve Seksi CSS Style ile Pop Yapın (WPMU Dev)
WordPress Metin Düzenleyicisi Ön Uçunuz Gibi Görünmesi ve İşlevi Olması İçin Nasıl Ayarlanır (WPMU Dev)
CSS Kompas Framework (Mashable) ile başlayarak, yazarınızın yorumlarının görünümünü ve hissini arttırır (WPMU Dev)
WordPress Özel Menüsü’ne bir simge nasıl eklenir – Eklenti Olmadan (WPMU Dev)
WordPress Oturum Açma Sayfası (WPMU Dev) nasıl tam olarak ayarlanır
CSS düzenini öğrenin (Düzeni Öğrenin)
WiKipedia (WPMU Dev) gibi WordPress’te harici bir bağlantı nasıl düzenlenir
WordPress Sitenize “Dön” Düğmesini Ekleyin (WPMU Dev)
Yapılandırılmış bir ortamda en iyisini öğrenirseniz, bazı ücretsiz ve premium kurslar:
Mandiri, HTML ve CSS (Westciv) Web Tasarım Kursları
Kurslar ve Atölyeler CSS (Takım Ağacı Evleri)
HTML ve CSS öğrenmek için 30 gün (Keys+)
Kısa Kurslar CSS ve CSS3 Yeni Başlayanlar (Robin Nixon)
HTML ve CSS’ye Giriş: Web Dev’e Genel Girişiniz Değil (Udacity)
Orada bilmeniz gereken neredeyse her şeyi öğrenmenin harika ve uygun fiyatlı bir yolu olan birçok iyi okuma var. Bu listede bir veya daha fazla kitap alırsanız, kitap da hızlı bir referans olarak işlev görür.
Gizli CSS: Günlük Web Tasarım Sorunları için Daha İyi Çözüm (Lea Verou)
HTML ve CSS Kodu Yapmayı Öğrenin: Geliştirme ve Web Sitesi Stili (Shay Howe)
HTML ve CSS: Web Siteleri Tasarlama ve Oluşturma (Jon Duckett)
CSS3: Kayıp Kılavuz (David Sawyer McFarland)
CSS’yi bir gün içinde öğrenin ve HTML5 (Jamie Chan) dahil olmak üzere iyi öğrenin
Master CSS (Tiffany B Brown)
CSS3 Vakfı (Ian Lunn)
CSS: Kesin Kılavuz (Eric A. Meyer)
CSS: CSS’yi iki saat içinde incelemenin akıllı ve etkili yolu (Simon Bedford)
CSS3 Kitabı: Web Tasarımının Geleceği İçin Geliştirici Kılavuzu (Peter Gasston)
HTML5 ve CSS3 ile Duyarlı Web Tasarımı (Ben Frain)
Aptallar için HTML5 ve CSS3 (David Karlins)
CSS Usteri: Gelişmiş Web Standart Çözümleri (Simon Collison)
Zen Design CSS: Web için Görsel Aydınlanma (Dave Shea ve Molly E. Holzschlag)
Video öğreticisi yardımcı olabilir, çünkü uzmanlar tarafından adım adım yönlendirilirsiniz. Bazen görsellere sahip olmak daha kolaydır. YouTube’da keşfedilmesi gereken bazı iyi video öğreticileri ve kursları:
HTML/CSS sayfasını WordPress temasına nasıl dönüştürür (Chris Lam)
Öğretici CSS: Bina Evi (Elias Sarantopoulos)
Yeni Başlayanlar İçin CSS Eğiticileri – Bölüm 1/4 – Uygula Kuvvet, İkinci Bölüm – Seçici, Üçüncü Bölüm – Kutu Modeli ve Dört Parça – Konumlandırma (Tutor4U)
CSS (CodeGeek) nasıl ustalaşır
HTML ve CSS öğreticileri kendi tam web sitelerini oluşturur (Antu Tunga)
[Complete] HTML5 CSS3’ün temelleri 7 saat (I && geliştirici)
CSS’yi 12 dakika içinde öğrenin (Jake Wright)
HTML & CSS Eğitimi: Bölüm, Kimlik ve Sınıf (Devhqlessons)
HTML5 ve CSS3 (1STWebDesigner) kullanarak duyarlı web siteleri oluşturun
Yeni başlayanlar için temel HTML ve CSS web siteleri (Drew Ryan)
Web Sitesinin Başlatma Nasıl Tamamlandı – HTML5/CSS3 Duyarlı, Resim İlkbahar ve Açılır Menü (Drew Ryan)
HTML ve CSS (Kodlayıcı Kılavuzu) kurslarını öğrenin
CSS öğrenin (geliştirici ipuçları)
CSS, Float, Clears ve diğerleri (Devtips) pozisyonlarının konumu
Öğretici CSS3 (Levelptuts)
Bourbon, temiz, acı ve yeniden doldurma ile CSS’nizi nasıl şaşırtıcı hale getirebilirsiniz! (Kod Kursu)
Gizli CSS3: CSS3 hakkında bilmediğiniz 10 şey (Lea Verou)
Kilitle vurulduğunuzda hızlı bir şekilde başvurabileceğiniz bir site arıyorsanız, işte bir favori:
Seçiciler ve Özellikler Listesi (CSS-Tricks)
CSS Referansı (MDN, Mozilla)
CSS (W3C) Doğrulama hizmeti
CSS Referans (Sitepoint) Mülk listesi (W3C Wiki)
Seçmen Listesi (W3C Wiki)
Mülk Dizini (Meert)
CSS’yi teşhis aracı olarak kullanma (O’Reilly Web Dev Merkezi)
SASS kaynakları, CSS’nizi SASS ile basitleştirir. Sitenizi daha hızlı düzenleyebileceğiniz anlamına gelir. Bunu başarmanıza yardımcı olacak bazı yönergeler:
Sass Dil Rehberi: Temel Bilgiler (Sass Sasst)
Master Sass (Tuts+)
Sassi (CSS-Trick)