Kategori: Web Tasarım Örnekleri ve Uygulamaları

Bu yazımızda Html ve Css ile yatay menü nasıl yapılır? onu öğreneceğiz. Menülerimizi oluştururken en temelde sırasız listeleri (<ul><li> </li></ul>) kullanıyoruz. Daha sonra ise Css kodlarıyla menümüzü şık bir tasarıma kavuşturuyoruz.

Bu yazımızda Html ve Css ile dikey sabit menü nasıl yapılır? onu öğreneceğiz. Bazı websitelerinde, sayfada aşağı indiğimiz halde menü hep solda sabit olarak görünür durumda oluyor. İşte bunlara fixed menüler diyoruz.

Bu yazımızda Html ve Css ile yatay açılır menü nasıl yapılır? onu öğreneceğiz. Açılır menü dediğimiz aslında iç içe menülerden oluşuyor. Örneğin ilk menü elemanları Anasayfa, Kategoriler ve Hakkımda olsun. Kategoriler öğesinin üzerine gelindiğinde buna bağlı …

Bu yazımızda Html ve Css ile dikey menü nasıl yapılır? onu öğreneceğiz. Menülerimizi oluştururken en temelde sırasız listeleri (<ul><li> </li></ul>) kullanıyoruz. Daha sonra ise Css kodlarıyla menümüzü şık bir tasarıma kavuşturuyoruz.

Custom Radio Button yani özel radyo düğmelerini birden fazla seçenek içerisinden kullanıcının sadece birini seçmesini istediğimiz durumlarda kullanıyoruz. Örneğin kullanıcıdan bir form doldurmasını istediğimizi düşünelim. Radio button'ları en çok kullandığımız yer, kullanıcının form'da cinsiyet seçeceği …

Bu yazımızda Css ile üçgen yapımı nasıl oluyor onu öğreneceğiz. Bu tarz yapacağımız üçgen ok şeklini tasarımlarımızın birçok yerinde kullanabiliyoruz. Birgün sizin de ihtiyacınız olabilir diye paylaşmak istedim. Şimdi neler yapacağız bir bakalım.

Bu yazımızda Jquery ile kalan karakter sayısı uygulamasını yapacağız. Aslında birçok sitede görüyoruz. Bir input etiketi veya textarea etiketi içerisine mesaj yazmamız istenir fakat mesajın max bir karakter sınırı olur.

Bu yazımızda Css ile tooltip nasıl yapabiliriz onu öğreneceğiz. Tooltip dediğimiz olay aslında, bir Html etiketinin veya bir nesnenin üzerine gelindiğinde istediğimiz bilgilerin gözükmesidir.

Web sayfalarımızı tasarlarken bazı durumlarda dikey çizgi oluşturma ihtiyacımız olabiliyor. Örneğin, bir timeline tasarlamak isterseniz dikey çizgiyi kullanmanız gerekecektir. Html etiketlerinden olan <hr> etiketi ile yatay çizgi oluşturabiliyoruz. Ama dikey çizgi oluşturmak için herhangi bir …

Bu yazımızda, Html ve Css ile breadcrumb (içerik haritası) nasıl yapılır onu öğreneceğiz. Breadcrumb çoğu sitede olur ama en çok ETicaret sitelerinde görüyoruz. Bir ETicaret sitesi düşünün ve iç içe birçok kategorisi olsun. Biz kullanıcı olarak Ürünler …

Bu yazımızda Jquery ile sıralı ve sırasız listelerde nasıl arama işlemi gerçekleştirebiliriz onu öğreneceğiz. Projelerimizde listeleme işlemini çok sık kullanıyoruz. Bazı durumlarda bu listelerde arama yapma ihtiyacı oluşabiliyor. Bu gibi durumlarda yardımcı olması için küçük …

Bu yazımızda Jquery ile tablolarda nasıl arama işlemi gerçekleştirebiliriz onu öğreneceğiz. Eğer dinamik bir web sitesi geliştiriyorsanız bunun bir admin paneli olacaktır. Admin panelde en sık yapılan işlemlerden birisi tablolarda listeleme yapmaktır.