WEB TASARIM ÖRNEKLERİ (HTML, CSS, JAVASCRİPT, JQUERY, BOOTSTRAP)

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.

web-tasarim-ornekleri-html-css-javascript-jquery-bootstrap

  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 Menü Yapımı

  Css ile Dikey Sabit Menü Yapımı

  Css ile Yatay 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ı

  Css ile Dropdown 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ı

  Css ile Tooltip 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ı

  Css ile Loading 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 Kalp Yapımı

  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ı

  Responsive Menü Yapımı

  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.

Yorum Yazın