CSS - CSS Dersleri ve Rehberler - Yılmaz Çiftci CSS dersleri Kişisel Blog

CSS İkon Setleri: Web Tasarımına Görsel Zenginlik Katma

13 Haziran 2023 Yorum yapılmamış

Web tasarımında, kullanıcı deneyimini geliştirmek ve sayfaları görsel olarak daha ilgi çekici hale getirmek önemli bir faktördür. İkonlar, web sayfalarına görsel bir çekicilik katan ve kullanıcıların içeriği daha hızlı anlamalarını sağlayan etkili bir araçtır. CSS ikon setleri, web tasarımcılarına bir dizi hazır ikon sunar ve bu ikonları kolayca web sitelerine

Devamını oku »

CSS Flexbox Yapısı

13 Haziran 2023 1 Yorum

Giriş: Web tasarımı, kullanıcı deneyimini iyileştirmek ve farklı ekran boyutlarına uyum sağlamak için sürekli olarak gelişmektedir. Günümüzde, kullanıcıların çeşitli cihazlardan web sitelerine erişmesiyle birlikte, esnek ve duyarlı tasarımlar oluşturmak giderek önem kazanmaktadır. İşte bu noktada, CSS Flexbox yapısı devreye girer. CSS Flexbox, web tasarımcılarına sayfa düzeni oluşturmak için güçlü bir

Devamını oku »

Javascript Modal Yapımı

6 Şubat 2023 Yorum yapılmamış

Popup pencerelerinin yerini alan modal yapısını Javascript ile hazırladım. Html, Css ve javascript kullanılarak hazırlanmış örnek modal video için hazırlanmış ve dilediğiniz şekilde kendinize göre düzenleyebilirsiniz. Örneği önizlemek için buraya tıklayınız. HTML kodu × Your browser does not support HTML video. nocopyright video Javascript kodu jQuery(document).ready(function () { console.log(“modal

Devamını oku »

Sticky menu yapımı CSS + Javascript

24 Aralık 2022 Yorum yapılmamış

Sticky menu yapımı Sticky header yani yukarıda yapışkan menü yapımı için kullanabileceğiniz alternatif bir yöntemi sizlerle paylaşıyorum. Dilediğiniz şekilde değiştirebilir ve kullanabilirsiniz. Header üzerinde plugin kullanmadan kolay bir şekilde yapışkan (sticky) menü yapabilirsiniz. Örnek sticky menu demosunu incelemek için buraya tıklayınız. CSS Kodu: html, body { margin: 0; padding: 0;

Devamını oku »

Header Full Height – Header Tam Yükseklik 100vh

5 Temmuz 2022 Yorum yapılmamış

Full Height tam yükseklik full ekran ayarı yapmak için işinize yarayacak ufak bir kod. Etiketinizin header olduğunu varsayarsak eğer aşağıdaki örnekteki şekilde sitenizin üst kısmını tam ekran olarak ayarlayabilirsiniz. [css] header { height: 100vh } [/css] WordPress temalarda sadece anasayfa’da bu işlemi yapmak istiyorsanız; Her sayfanın yazının kendisine özel ID’si

Devamını oku »

CSS Nedir? En Popüler 6 CSS Kütüphanesi

23 Haziran 2022 Yorum yapılmamış

İngilizcesi “Cascading Style Sheets” olan CSS açılımı, “Basamaklanmış Stil Katmanları” anlamına gelmektedir. “CSS nedir?” sorusunun cevabı ise web sitelerinin görsel olarak şekillendirilmesine olanak tanıyan ve kendine has kuralları olan bir tanım dilidir şeklinde ifade edilebilir. HTML ve JavaScript ile birlikte en temel web teknolojileri arasında bulunan CSS, web sayfaları üzerinde oldukça fazla görsel denetim sunar. CSS sayesinde web sayfalarının

Devamını oku »