Bu yazımda web tasarım örnekleri ile ilgili daha önceden yapmış olduğumuz örneklerin tamamını listeledim. Örneklerimizin bazılarında Html ve Css, bazılarında etkileşim kazandırmak adına Javascript ve Jquery kullandım. Son olarakta Bootstrap kullanarak bazı web tasarım örnekleri oluşturdum.
Yapmış olduğumuz örnekleri kendi bilgisayarınızda uygulamalı olarak öğrenmeye çalışırsanız, hem daha hızlı hem de daha kalıcı bir şekilde öğrenmiş olursunuz.
Örnekleri incelerken;
⇒ Html ile ilgili eksikleriniz olduğunu düşünüyorsanız A’DAN Z’YE HTML DERSLERİ yazımdan tüm konulara göz atabilirsiniz.
⇒ Css ile ilgili eksikleriniz olduğunu düşünüyorsanız A’DAN Z’YE CSS DERSLERİ yazımdan tüm konulara göz atabilirsiniz.
⇒ Jquery ile ilgili eksikleriniz olduğunu düşünüyorsanız A’DAN Z’YE JQUERY DERSLERİ yazımdan tüm konulara göz atabilirsiniz.
⇒ Bootstrap ile ilgili eksikleriniz olduğunu düşünüyorsanız A’DAN Z’YE BOOTSTRAP DERSLERİ yazımdan tüm konulara göz atabilirsiniz.
Şu ana kadar web tasarım örnekleri ile ilgili yapmış olduğumuz bütün uygulamaları aşağıda listeledim. Herbir örnek için ilgili örneğin detaylarına ve kodlarına link verdim. Bundan sonra yapacağımız yeni örneklerin linklerini de buraya eklemeye devam edeceğim.
Burada bulunan örneklerin dışında web tasarım ile ilgili neyin nasıl yapıldığını öğrenmek istiyorsanız yorum kısmından önerilerde bulunabilirsiniz. Böylece bu örneklere öncelik verebiliriz.
HTML VE CSS İLE WEB TASARIM ÖRNEKLERİ
⇒ Css ile Html İletişim Formu (İletişim Sayfası) Oluşturma
⇒ Css ile Buton Yapımı (3d Buton, Yuvarlak Buton, Animasyonlu Buton vb..)
⇒ Html ve Css ile Sosyal Medya Butonları Yapımı
⇒ Css ile Dikey Sabit Menü Yapımı
⇒ Css ile Yatay Açılır Menü Yapımı
⇒ Css ile Yatay Sabit Menü Yapımı
⇒ Css ile Yatay Sticky Menü Yapımı
⇒ Hazır Css Kodları (Margin ve Padding)
⇒ Css ile Html Ortalama (Yazı, Resim, Form, Tablo, Sayfa, Menü vb..)
⇒ Html ve Css ile Üçgen Yapımı
⇒ Html ve Css ile Breadcrumb (İçerik Haritası) Yapımı
⇒ Css ile Özel Checkbox (Custom Checkbox) Yapımı
⇒ Css ile Özel Radio Button (Custom Radio Button) Yapımı
⇒ Html ve Css ile Dikey Çizgi Nasıl Yapılır?
⇒ Html ve Css ile Animasyonlu Arama Kutusu Yapımı
⇒ Html ve Css ile Pagination (Sayfalama Butonları) Yapımı
⇒ Loading Gif Örnekleri – Yükleniyor Gif Örnekleri
⇒ Css ile Toggle Switch Yapımı
⇒ Html ve Css ile Responsive Timeline Yapımı
⇒ Html ve Css ile Güp Güp Atan Kalp Yapımı
⇒ Css ile Resimleri Responsive (Mobil Uyumlu) Yapma
⇒ Html ve Css ile Zıplayan Top Uygulaması
⇒ Html ve Css ile 2 Duvar Arasında Gidip Gelen Top Uygulaması
⇒ Html ve Css ile Responsive Takvim Yapımı
⇒ Html ve Css ile Sabit/Yapışkan Sosyal Medya Butonları Yapımı
⇒ Html ve Css ile Yan Menü Butonları Yapımı
⇒ Html ve Css ile Türk Bayrağı Yapımı
⇒ Html ve Css ile Gökyüzü Tasarımı Yapımı
⇒ Html ve Css ile Zıplayan Toplar Animasyonu Yapımı
HTML, CSS VE JQUERY İLE WEB TASARIM ÖRNEKLERİ
⇒ JQuery ile Tabloda Arama Yapmak
⇒ JQuery ile Listede Arama Yapmak
⇒ Animasyonlu Hamburger İcon Yapımı
⇒ Jquery ile Butona Tıklayınca Metin Kutusundaki Sayıyı Artırmak ve Azaltmak
⇒ Jquery ile Beğendim – Beğenmedim Uygulaması
⇒ JQuery ile Kalan Karakter Sayısı Uygulaması
⇒ JQuery ile Tab Menü Yapımı (Sekmeli Menü Yapımı)
⇒ Html, Css ve JQuery ile Sekmeli Galeri Yapımı (Tab Gallery)
⇒ Html, Css ve JQuery Kodları ile Slider Yapımı
⇒ Html, Css ve JQuery ile Haber Galerisi Yapımı (News Gallery)
⇒ JQuery ile Popup Yapımı (Popup Kodları)
⇒ Jquery ile Rating Stars Yapımı – Puan Verme
⇒ Jquery ile Rating Stars Yapımı – Verilen Puanların Ortalamasını Gösterme
HTML, CSS VE JAVASCRIPT İLE WEB TASARIM ÖRNEKLERİ
⇒ JavaScript ile Resmin Üzerine Gelince Zoom Yapma
BOOTSTRAP 4 İLE WEB TASARIM ÖRNEKLERİ
⇒ Bootstrap 4 ile İletişim Formu (İletişim Sayfası) Oluşturma
HTML VE SCSS İLE WEB TASARIM ÖRNEKLERİ
⇒ HTML ve SCSS ile Yatay Menü Yapımı
⇒ Html ve SCSS ile Üçgen Yapma Fonksiyonu (Mixin ve if-else Uygulaması)
Web tasarım örnekleri ile ilgili örnek ve uygulamalar şimdilik bunlar.
Umarım sizin için faydalı örnekler olmuştur.
Yeni bir yazımda görüşmek üzere.