9 + 20 Araçlar CSS3 CSS3 yararlı kaynakları

Son olarak CSS3 - "eski" "rumschlagen" ile ilgili bile tasarımcılar için bir rüya belki biraz zamana ihtiyacı var ... (?)

Giriş

CSS (Cascading Style Sheets) tanımları artık her modern web sitesi bir parçasıdır.

CSS3 özellikleri olanakları içine kısa bir içgörü Etkileyici Webs tarafından CSS3 tıklama grafiği :

Bu CSS tanımlaması içerisinde içerik (metin, başlıklar, bağlantılar, resimler, vb) ya da blok olarak tanımlanır ve alanlarda bir web sitesinde gösterilmektedir. Bu düzen ve içerik tanımı arasında bir ayrım sağlar.
CSS kullanarak en önemli avantajları bir web sayfası içeriği olmadan çalışmak olabilir düzeni hızlı değişiklikler yapmak için yetenek bu nedenle. Ayrıca, "yalın" içeriği ve düzeni ayrılması sonuçları bir web sayfası hangi yükleme süresi HTML kodunu hızlandırdı.

Yeni başlayanlar için CSS hep kelime işlemci programları stilleri ile karşılaştırmak istiyorum. Yine, başlık ve metin alanları altında toplanabilir sunum özellikleri (örneğin yazı tipi boyutu, renk vb) eşleştirilir.

BB2 1998 yılında yayımlanan ve bugüne kadar kullanılmıştır. CSS, HTML, JavaScript ve sunucu tarafı betik dilleri birlikte son yıllarda internet dünyayı değiştirdi ve yeni olanaklar sunuyor her gün gelmiştir.

Web tasarım birçok alanda olduğu gibi ancak CSS kullanımı, her zaman önemli bir "can alıcı nokta" da vardır: tarayıcı uyumluluğu.
Birçok tarayıcılar bugün çok yerinde düzeltmek için CSS2 kullanmak, ancak bazı farklılıklar da mevcut.

CSS3

2000 yılında CSS3 geliştirmeye başladı - Bu sevinç yükseltir ve web sitelerinin uygulanması ve tasarımında yeni olanaklar açılır.

Firefox, Safari / WebKit, Opera, zaten yerlerinde Konqueror CSS3 desteği ve / veya gelişimsel parametreleri olarak ilk tarayıcı: bir on yıl BB2 daha sonra.
"Küçük Wehrmutstrofpen" tarayıcı tüm CSS3 tanımlanır kadar uygulanamamıştır önceki deneyim, ülkeye biraz daha zamana göre, güvenli olacaktır. Eski nesil tarayıcısı online kullanıcıların dünyanın hızla onları ortadan kaldırmak değil, bu ekle.

Burada tarayıcılar CSS3 özellikleri tarafından desteklenen özelliklere genel bir bakış:

www.findmebyip.com / turnusol # hedef seçici

Ama hala css3 sınıf düşünüyorum ve sabırsızlanıyorum Bir kaynak size sunmak için çeşitli online araçlar ve kaynaklar ile bu katkının şeklinde CSS3 yeteneği verir.

İşte başlıyoruz ...

CSS3 Araçları

Ilk westciv.com
westciv.com CSS3 için 6 online jeneratörleri ile sağ wades:

a) Doğrusal degradeler
b) radyal degradeler
gölge c) metin
gölgeler d) boks
e) Metin çevreleyen
f) Metin Dönüşümler

Bir zamanlar burada bir örnek radyal degradeler bir ekran gibi.

Tüm parametreleri Online değiştirilebilir, ve reaksiyon canlı gerçekleştirilir.
Ilişkili CSS kodu eklenecek kendi CSS dosyası içine kopyala ve yapıştır ile kopyalanabilir.
Hangi tarayıcılar "Destek" her aracı işlevi destekleyen görüntülenir.

Ikinci css3please.com
CSS3, doğrudan CSS parametreleri düzenleme seçeneğini belirtin. Değişiklikler doğrudan görüntülenen "lütfen CSS3 Kutusu."
Gölgeler, - - Elbette, - dönüşümü ve yazı Bu boks mermi, ilgili.

Üçüncü css3menu.com
CSS3menu çeşitli stilleri hiyerarşik CSS3 açılan menüler hazırlandı. Bu müzayede ile indirilen ve yerel makinede yüklü bir uygulama olabilir.
Çeşitli ayarları sayesinde, parametreleri ve menülerin düzeni değişti ve sonra kaydedilebilir. Sonuç menü yapıları ve düzeni kodu ile ilişkili bir CSS dosyası bir HTML dosyası.

Bu bağlamda makale "CSS3 açılır menüden" açılımlarıdır Duvar tarafından yayınlanan okunmaya değer.
Bu CSS3 açılan menüden elle nasıl oluşturulacağını açıklar.

4. css3generator.com
Border Radius, Shadow Box, metin gölge, RGBA, @ font yüz, birden çok sütun, yeniden boyutlandırma kutu, kutu boyutu ve anahat: CSS3 jeneratör aşağıdaki alanları da çevrimiçi bir jeneratör olduğunu.
Bölgeye bağlı olarak, bireysel parametrelere bir önizleme ve örnek kod görüntülenebilir olarak tanımlanan kopyalanamaz veya doğrudan kopyalanabilir.

5. css tricks.com
Düğmesine yapımcısı düğmeleri CSS3 çevrimiçi oluşturulabilir. Düğme boyutu ayarlanabilir, metin boyutu, yuvarlama Radis, degrade, metin rengi ve renk-Hoover.
Düğmesine tıklayabilirsiniz zaman CSS3 için oluşturulan kodu kesip & eklenecek kendi CSS dosyası içine yapıştırın kullanılarak oluşturulan olsun.

6. border-image.com
CSS3 Border Görüntü Oluşturucu ...

7. leaverou.me
CSS öğrenme aracı ....

8. border-radius.com
Sınır yarıçapı ...

9. www.codenique.com
Hiçbir online araç ancak bir Nachschalgewerk CSS3 renk adları.

CSS3 kaynakları

Ilk www.w3.org/TR/css3-selectors

Ikinci www.css3.info

CSS3 tarayıcı test araçları ile çevresinde geniş kaynak geliştirme durumu ve CSS3 hakkında bilgi sürü raporlar.

Üçüncü www.css4you.de

CSS Reference, Index ile Alman Atölye ...

4. www.webresourcesdepot.com
10 + Ücretsiz HTML5 CSS3 web site şablonları - "WebResourcesDepot" tarafından yayınlanan

5. www.webdesignerwall.com
Güzel CSS3 Arama Formu - "Web Designer Wall" tarafından yayınlanan

6. www.css3.com

7. webdemar.com
CSS3 kullanımı 9 örnekleri - "webdemar" tarafından yayınlanan

8. speckyboy.com
10 Zihin-Üfleme deneysel CSS3 Teknikleri ve demolar - "speckyboy Tasarım Dergisi" çıktı

9. www.webmonkey.com
CSS 3 ile Get Started - "webmonkey" tarafından yayınlanan

10. sixrevisions.com
Nasıl CSS3 ile Ankastre Tipografi oluşturma - 'Altı Düzenlemeler' tarafından yayınlanan

11. www.smashingmagazine.com
CSS 2.1 ve CSS 3 Yardım Cheat Sheets (PDF) - "Smashing Magazine" tarafından yayınlanan

12. designreviver.com
CSS3 ile gömülmesi simgeleri - "DesignReviver" tarafından yayınlanan

13. pelfusion.com
Sen CSS3 Renkli Teknikleri Hakkında Bilmeniz Gerekenler Her Şey - "PELFUSION" tarafından yayınlanan

14.www.pvmgarage.com
Gelecek dokunun: HTML 5 ve CSS3 ile Şık oluşturma Web Sitesi - "pv.mgarage" tarafından yayınlanan

15. webdesignledger.com
12 Mükemmel CSS3 Menü Düğme ve Teknikleri - "WDL webdesignledger" tarafından yayınlanan

16. www.marcofolio.net
"Marcofolio.net" tarafından yayınlanan - CSS3 ve jQuery ile bir polaroid fotoğraf görüntüleyici oluşturma

17. line25.com
CSS text-shadow ile bir tipo etkisi yarat - "LINE25" tarafından yayınlanan

18. webstandard.kulando.de
CSS3 Geçiş Eğitimi - Apple tarzı ile slayt etkisi menü - "web standartları" çıktı

19. css tricks.com
CSS3 sadece sekmeli alan - "CSS Tricks" çıktı

20. www.smashingmagazine.com
Internet Explorer için CSS3 Çözümleri - "Smashing Magazine" tarafından yayınlanan