Kategori: Web Tasarım Örnekleri ve Uygulamaları

Bu yazımda news gallery yani haber sitelerini açtığımızda manşet haberlerin bir resim galerisi olarak gösterildiği alanın nasıl yapıldığını anlatacağım.

Sekmeli galerilerin yapımı düşünüldüğü kadar zor bir hadise değildir. Yazacağımız kodları kendi bilgisayarınızda uygulayıp bazı yerlerini değiştirerek tarayıcıdaki değişimleri incelemeye çalışın. Böylece kodları çok daha hızlı kavramış olursunuz. 

Çoğu zaman web sayfalarımıza slider eklemek istediğimizde hazır eklentiler bulmaya çalışırız. Aslında bu konuda çok güzel eklentiler olsada birçoğu bir slider için gereğinden büyük boyutta dosyalar içeriyor. İster istemez bunlar da web sayfanızın açılış hızını …

Bu yazımda, birçok web sitesinde kullanılan tab menü yapımı diğer adıyla sekmeli menülerin nasıl yapıldığını anlatacağım. Kodlarımızı yazdıktan sonra şu şekilde bir tab menümüz olacak.  

İ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 …