Kategori: Web Tasarım Örnekleri ve Uygulamaları

İngilizce olan Loading kelimesi Yükleniyor anlamına geliyor. Genelde bir web sayfası yüklenirken beklenilen sürede loading animasyonlarını kullanıyoruz.

Bu yazımızda hiç Css kodu yazmadan sadece Html ve Bootstrap 4 class'larını kullanarak, Bootstrap İletişim Formu (İletişim Sayfası) tasarımı yapacağız. Bunun için öncelikle gerekli Html form kodlarını yazacağız. Daha sonra ise istediğimiz tasarıma uygun Bootstrap …

Bu yazımızda Css kullanarak bir Html İletişim Formu (İletişim Sayfası) tasarımı yapacağız. Bunun için öncelikle gerekli Html form kodlarını yazacağız. Daha sonra ise istediğimiz tasarıma uygun Css kodlarını yazmaya başlayacağız.

Bu yazımızda web sitelerinde sıklıkla gördüğümüz ve kullandığımız butonlardan bahsedeceğim. Html ve Css ile buton yapımı konusuna geçmeden önce buton ne demek yani buton nedir bunu anlamaya çalışalım.  Butonları birden fazla amaç için kullanabiliyoruz. Tabi bu …

Bu yazımızda Css ve Jquery kullanarak responsive menü nasıl yapılır onu öğreneceğiz. Kodlarımıza geçmeden önce responsive menü nedir ondan bahsedelim.

Bu yazımızda Css ile dikey ve yatay Html ortalama işlemlerini öğreneceğiz. Ortalama işlemlerinde en çok dikkat etmemiz gereken konu Html etiketinin display değerinin ne olduğu olmalı. Bildiğiniz gibi bazı Html etiketlerinin varsayılan display değeri block iken …

Bu yazımızda Css ve Jquery kullanarak animasyonlu hamburger iconu nasıl yapabiliriz onu öğreneceğiz. Bu iconun en çok kullanıldığı yer responsive menülerdir.

Bu yazımızda Css ile dropdown (açılır menü) nasıl yapılır onu öğreneceğiz. Öncelikle dropdown yani açılır menü nedir ondan bahsedelim. Web sitelerinde üzerine gelindiğinde veya fare ile tıklandığında açılan menülerdir. Daha çok menü öğelerinin çok olduğu durumlarda …

Bu yazımızda Css ve Jquery kullanarak butonlara tıklandığında metin kutusu içerisindeki değeri arttırıp azaltmayı öğreneceğiz.

Bu yazımızda Css ile yatay sticky 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 Css ve Jquery kullanarak beğen butonu nasıl yapılır onu öğreneceğiz. Özellikle Facebook gibi sitelerde bu tarz butonları çok görüyoruz. Kullanıcı paylaşılan birşeyi beğeniyorsa beğen butonuna tıklayarak bunu belirtir. Hatta bazı sitelerde beğenmedim butonu bile oluyor …

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