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

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 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, CSS VE JQUERY İLE WEB TASARIM ÖRNEKLERİ

  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ı)

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

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

E-BÜLTEN ABONELİĞİ

Adını ve E-Posta adresini yazarak Html, Css, Javascript, Jquery, Bootstrap, Web Tasarım, C#, Asp.Net MVC, MSSQL ve daha birçok alanda ders anlatımlarından ve uygulamalı örneklerden anında haberdar olabilirsin.
ABONE OL
close-link