Kategori: CSS

CSS ile ilgili bir çok bilginin bulunduğu bölümdür.

CSS

League Of Legends Sezon 7 Öncesi Riven kabiliyet dizilimi ( YENİ – Patch 6.22 )

Kabiliyet dizilimleri yazımıza Riven ile devam ediyoruz. Bu yazı içerisinde Riven kabiliyet diziliminin nasıl olacağını göreceğiz. Riven solo koridorunda sıkça tercih edilen şampiyonlardan biridir. Özellikle Türkiye serverında fazlasıyla tercih edilmektedir.

CSS

CSS ile mega menü yapımı

CSS ile mega menü yapımı biz arayüz yazılımcılarının başını en çok ağrıtan aynı zamanda yapımıda bir o kadar basit olan bir kavramdır. Örneğimizde hiç bir Javascript (jQuery) kodu kullanmadan nasıl mega menü yapabileceğimizi öğreneceğiz.

CSS, jQuery

CSS ve jQuery ile modal box nasıl yapılır ?

Bu makalede CSS ile modal box yapımını ele alacağız. Modal box yapımında CSS‘in transform, fixed, opacity gibi özelliklerinden faydalanacağız. Modal boxlar kullanıcılara bildirim mesajları vermek için kullanılan bir yöntemdir. Sayfa yenilenmeden hoş bir animasyon yada efekt ile açılıp, kullanıcı kolaylığı açısından günümüz web dünyasında önemli bir yere sahiptir. Bir örnek ile açıklayacak olursak;

CSS, jQuery

CSS ile iphone tarzı kilit örneği

Bu yazıda CSS ile iphone tarzı kilit ekranının nasıl yapıldığını öğreneceğiz. İphone tarzı kilit ekranı yaparken CSS‘in background-clip özelliğinden faydalanacağız.

CSS, jQuery

CSS ile özel select yapimi

Bu yazıda CSS ile select nesnesinin nasıl özelleştirebileceğimizi öğreneceğiz. CSS ile selectleri özelleştirirken opacity özelliğinden faydalanacağız.

CSS, HTML5, jQuery

CSS ve jQuery ile özelleştirilmiş audio örneği

Bu makalede CSS ve jQuery kullanılarak özelleştirilmiş audio playerin nasıl yapıldığını ele alacağız. CSS ile audio playeri biçimlendirip, jQuery ile player kontrolünü sağlayacağız. Bir örnek ile açıklayalım;

CSS

CSS ile resimlere zoom efekti nasıl verilir ?

Bu makalede resimlerin üzerine gelindiğinde nasıl zoom verilebileceğini göreceğiz. Zoom efekti için CSS‘in scale methodunu kullanacağız. Bir örnek ile açıklayalım.

CSS

CSS ile windows tarzı loading bar yapımı

Loading bar web sayfaları yüklenirken kullanıcılara daha güzel bir görüntü vermek amacıyla kullanılmaktadır. Bu makalede windows tarzında loading barın nasıl yapıldığını göreceğiz. Bir örnek ile açıklayacak olursak;

CSS, jQuery

CSS ile responsive (mobil) menü nasıl yapılır ?

Günümüz teknolojisinde internet sayfalarına akıllı cihazlardan giriş her geçen gün artmaktadır. Google son zamanlar içinde getirmiş olduğu güncelleme ile artık websitelerinde mobil uyumluluk zorunlu hale geldi. Responsive menü yapımında CSS’in @media özelliğini kullanacağız. Bir örnek ile açıklayacak olursak;