bildirgec.org

nifty hakkında tüm yazılar

Nifty ile CSS kullanmadan Yuvarlak Köşeler

admin | 17 August 2009 09:20

CSS3 ile yeni gelen border-radius özelliğini ne yazık ki bazı tarayıcılar desteklemiyor.Bu da bizi resim kullanmaya zorluyor tabi ki.
Yeni yeni gelişen web 2.0 ‘ın tasarımında resim kullanarak border-radius özelliği vermeye hiç iyi bakılmıyor.Hal böyle olunca biz css3 teki border-radius özelliğini kullanırsak cross browser yani bir şablonun farklı tarayıcılarda benzer görünmemesi olayı oluyor.Bu da web tasarım camiasının en sevmediği şeylerden biridir.
Neyse, kütüphanemizin ismi Nifty.Javascript ve biraz da CSS kullanarak yazılmış bir kütüphane.
Bizim yapacağımızı tek şey kütüphaneyi include edip yuvarlatılacak nesneyi vermemiz.Nifty’yi buradan indirebilirsiniz.
İndirdikten sonra içindeki css ve js dosyalarını kullanacağınız klasöre atın ve yuvarlamaya başlayalım:)

1
2
3
4
<script type="text/javascript" src="http://arsiv.pilli.com/http://arsiv.pilli.com/niftycube.js"></script>
<script type="text/javascript">
Nifty("div#box","big");
</script>

roundedcornr : yuvarlak köşeler

ahmetalpbalkan | 18 December 2006 09:12

sitelerimize web2.0 tasarımı için yine-yeni-alternatif bir köşe yuvarlaklaştırma yöntemi. roundedcornr, isminden anlaşıldığı gibi köşelerimize oval resimler yapıyor ve css+html kodunu elimize veriyormuş.

web2.0 tutorial ve ilgili tasarım kaynakları

ahmetalpbalkan | 05 November 2006 11:37

arkadaşlar web2.0 hakkında biliyorsunuz bir kaç nokta var. örneğin photoshop, fireworks, illustrator gibi araçlarla web2.0 logo ve tasarım tutorialleri, renk geçişleri (gradientler), fontlar, image-popup prototipleri, css veya js nifty corners tutorialleri gibi noktalar tasarım konusunda ön planda.

ben de uzun süredir adam gibi ana renge uyumlu renkler üreten bir motor bulamadım. zor da olsa birkaç font buldum, yazıya yansıma yapmak için tutorialler buldum fakat nifty corners konusunda büyük bir boşluk var. denediğim js prototiplerinde çok hatalar oluşuyor browserlara göre.