Web tasarımı yapan tasarımcılar tarafından en çok kullanılan özelliklerden biri; yuvarlatılmış köşelere sahip kutular oluşturmaktır. Bunu yapmak için eskiden resimler kullanılırdı. Fakat şimdi CSS3 ile gelen yeni özelliklerden biri olan border-radius ile bunu yapmak artık çok kolay. border-radius özelliği CSS3 ile birlikte geldi ve yuvarlak kenar yapmak için kullanılıyor. Web 2.0 ile birlikte bir çok [...]

CSS3 ile standart metin yazma dışında metinleri farklı açılarda yazdırmak mümkün. Yani yukarıdan aşağıya, aşağıdan yukarıya, açılı yazdırma gibi birçok alternatifle sitelerinizde metinlerinizi görüntüleyebilirsiniz. Bu özelliği ise Firefox 3.5+, IE 7+, Chrome 4.0+, Opera 10.5+ sürümleri desteklemektedir. Bu yazıda sizlere aşağıdan yukarıya, metni sitenizde görüntülemeniz için yazılması gereken CSS kodlarını vereceğim. Bu örnekten yola çıkarak [...]

CSS kodlamayı öğrenmek istiyorsunuz. Sıfırdan başlayacağınız bir kaynak arıyorsunuz. Görsel video eğitimi olsun istiyorsunuz. Öyleyse Chip dergisi ve infinityteknoloji işbirliği ile hazırlanan bu css video eğitimi sizin için sıfırdan başlayanlar için iyi bir kaynak olacaktır.

İnternette çoğu sitenin trafiğinin büyük bir kaynağı, Google, Yahoo, Bing ve benzeri arama motorlarıdır. Bu nedenle, bir internet pazarlama stratejisi ile arama motoru dostu bir site tasarlayarak, arama motorlarında kolayca rütbe (pagerank) ve daha fazla ziyaretçi elde etmek mümkün olacaktır. Büyük arama motorları, belirli bir web sitesinin içeriğinde ne olduğunu görmek için tarayıcılar olarak bilinen [...]

Bazen sitenizin stil dosyasında yaptığınız değişikliklerin uygulanmadığını görebilirsiniz. Bunu önlemek için bazı stil değerlerini önemli olarak işaretlemek gerekiyor. Bu durumda işaretlediğimiz değişiklik mutlaka gerçekleşecektir. !important etiketi Özgünlük değeri ne olursa olsun, aynı öğeye etki eden diğer stillerin önüne geçer. Yani diğer tanımlamalar iptal edilir ve bu değişiklik uygulanır. Örnek:

jQuery ve CSS kullanarak sayfalarımızda animasyonlu açılır bir menü kullanmak istiyorsak bu örnek tam size göre diyebilirim. Hatta kendinizi geliştirip farklı varvasyonlar ile çeşitli örnekler üretebilirsiniz. Bu örnekte öncelikle HTML sayfanıza CSS ve jQuery dosyanızı eklemeniz gerekiyor. Zaten bunlar hazır olarak verilmiş. Menü başlığınıda isterseniz değiştirip menünüzü yeni başlık resminize göre yeniden CSS ile düzenleyebilirsiniz. [...]

Yazı içinde yazar biyografisi yayınlama iyi bir fikir olabilir. Özel olarak yazarlarınız için, kendi kelimeleriyle yazılmış biyografilerini her yazıda gösterebilirsiniz. Bu, tek kullanıcılı bloglar için de yararlı olabilir. Birçok blog yazarı bunu kullanıyor. Ama çok yazarlı bloglar için, okuyucularınızın yazıyı yazan hakkındaki meraklarını gidermek için yazı sonunda onlar hakkında bilgi vermesi mantıklı olacaktır. Her kullanıcı [...]

Bazen programlama dilleri ile oynamak eğlenceli olabiliyor. Kim için diye sorarsanız, tabii ki programlamacılar için… İşte bir programlamacının CSS ve jQuery ile yaptığı, çevrimiçi bir klavye uygulamasını sizlere özetle tanıtacağım. Bu uygulamayı HTML sayfalarınıza veya sitenize entegre edebilirsiniz. Bu uygulamada keybord.js ve style.css olarak sadece 2 dosya kullanılmış. Gerçekten hoş bir uygulama. Klavye “eylem” tuşları [...]

Uzun bir aradan sonra CSS temelleri dersimize kaldığımız yerden devam ediyoruz. Bu yazı için giriş yaptığımız sayfaya buradan ulaşabilirsiniz. Bu konuda ise 4. maddemizde yer alan sıralı ve sırasız listelemeleri anlatacağım. Sıralı ve Sırasız Listeler (Ordered and Unordered Lists): <ol> sıralı listeleme, numaralandırma ile belirlenmiş öğeleri listelemek için kullanılır. <li> sırasız listeleme, bullet dediğimiz ikonlar [...]

Firefox 3.5 sürümü sonrası CSS ile birçok yenilik gördük. Bu yeniliklerden biride yazılara gölge efekti vermek oldu. Bu efekti özellikle sitelerinizdeki başlıklara uygulamanız hoş bir çekicilik sağlayacaktır. Fakat Internet Explorer ‘da bunu göremeyeceğinizide unutmayın. Gelelim yazılara nasıl gölge efekti vereceğimize… Bunun için CSS‘in text-shadow etiketini kullanacağız. Örnek olarak yazı gölge rengi gri olan bir uygulama [...]