#Frontend – Sayfa 3

“CSS Layout – Horizontal & Vertical Align: Tasarımınıza Yön Veren İki Temel Konsept”

Mart 10, 2024porsukcansu@gmail.comLeave a Comment

CSS layout düzenlemeleri, web tasarımında sayfa öğelerini yerleştirme ve düzenleme konusunda kritik öneme sahiptir. Bu yazıda, özellikle horizontal (yatay) ve vertical (dikey) align konseptlerini ele alacak ve bu iki temel konseptin tasarımınıza nasıl yön verebileceğini öğreneceğiz. Yatay (Horizontal) Align: CSS’de yatay düzenleme genellikle öğeleri birbirine veya bir konteynıra göre hizalama işlemidir. İşte yatay align konseptini […]

“CSS Layout – display: inline-block Kullanımı”

Mart 9, 2024porsukcansu@gmail.comLeave a Comment

Web tasarımında sayfa düzenlemesi, HTML ve CSS’in etkileşimli kullanımı ile mümkün olur. display: inline-block özelliği, öğeleri blok gibi düzenlemenin yanı sıra, öğeleri yatay olarak sıralama yeteneği sunar. Bu, özellikle navigasyon menüleri, düğmeler ve içerik kutuları gibi öğeleri hizalamak için kullanışlıdır. display: inline-block Nedir? display: inline-block, bir öğenin inline ve block özelliklerini birleştirir. Yani, öğe içeriklerini […]

“CSS Layout – Overflow: İçeriği Yönetme Sanatı”

Mart 7, 2024porsukcansu@gmail.comLeave a Comment

Web geliştirme sürecinde, belirli bir elemanın içindeki içeriği nasıl yöneteceğiniz önemli bir konudur. CSS’in overflow özelliği, içeriği kontrol etme ve taşan içerikle başa çıkma konusunda güçlü bir araçtır. Bu blog yazısında, overflow özelliğini kullanarak içeriği nasıl yöneteceğimizi anlayacağız. Temel Kullanım: overflow özelliği, bir elemanın içeriği sığdıramadığı durumlarda nasıl davranacağını belirler. Temel kullanım şu şekildedir: Yukarıdaki […]

“CSS Layout: Z-index Özelliği ve Katman Yönetimi”

Mart 6, 2024porsukcansu@gmail.comLeave a Comment

Web geliştirme dünyasında, sayfaları estetik ve düzenli bir şekilde düzenlemek önemlidir. Bu düzenlemeleri sağlamak için CSS’in birçok özelliği kullanılır. Z-index özelliği, özellikle HTML elementlerinin katman düzenini kontrol etmek ve öğeleri birbirinin önünde veya arkasında göstermek için kullanılan güçlü bir araçtır. Z-index Nedir? Z-index, CSS’te bir öğenin diğer öğelerle olan yığınlama düzenini kontrol eden bir özelliktir. […]

“CSS Layout – The position Property”

Mart 5, 2024porsukcansu@gmail.comLeave a Comment

Web geliştirme sürecinde, sayfaları düzenlemek ve elemanları yerleştirmek önemli bir rol oynar. CSS’de bu düzenlemeleri gerçekleştirmek için birçok özellik bulunmaktadır. Bu blog yazısında, özellikle position özelliğini inceleyeceğiz. Bu özellik, bir HTML elementinin sayfa içindeki konumunu belirlemek için kullanılır. 1. Relative Positioning: relative değeri, bir elemanın normal pozisyonundan göreceli olarak yer değiştirmesini sağlar. Örneğin: Yukarıdaki örnekte, […]

“CSS Tables: Tasarım ve Yapılandırma İçin Tablo Stilleri”

Mart 2, 2024porsukcansu@gmail.comLeave a Comment

Web tasarımında tablolar, verileri düzenlemenin ve düzgün bir şekilde göstermenin temel bir yoludur. CSS ile tabloları özelleştirmek ve stillemek için kullanılan tekniklere odaklanan bu yazıda, temel tablo stillemelerini göreceğiz. 1. Temel Tablo Yapısı: HTML’de bir tablo oluşturmak için temel yapı şu şekildedir: 2. Temel Stillemeler: CSS ile tabloyu temel olarak stillemek için: Bu basit stillemeler, […]

“CSS Lists: İşte Listeleri Düzenlemenin ve Süslemenin Yolları”

Mart 1, 2024porsukcansu@gmail.comLeave a Comment

1. Temel Liste Stilleri: HTML’de sıkça kullanılan liste türleri; <ul> (unordered list – sırasız liste) ve <ol> (ordered list – sıralı liste)’dir. 2. Liste Stillerini Özelleştirme: CSS kullanarak liste stillerini özelleştirebiliriz. Aşağıdaki örnek, sırasız listeyi noktalı daireler haline getirir: 3. Liste Elemanları Arası Boşluk: Liste elemanları arasındaki boşluğu belirleyebiliriz: 4. Sıralı Listelerde Rakamları Gizleme: 5. […]

“CSS Links ile Web Sayfalarını Şıklığa Kavuşturun”

Şubat 29, 2024porsukcansu@gmail.comLeave a Comment

Web sayfaları, kullanıcı deneyimini zenginleştirmek ve estetik bir görünüm sağlamak için CSS (Cascading Style Sheets) kullanır. Bu yazıda, özellikle bağlantı elementlerini (link) hedefleyerek CSS kullanma konusunu keşfedeceğiz. Bu sayede, web sitenizin bağlantıları üzerinde daha fazla kontrol sahibi olabilir ve kullanıcıların sayfanızda rahat gezinmelerini sağlayabilirsiniz. 1. Temel Bağlantı Stilleri: CSS ile bağlantılar üzerinde temel düzenlemeler yapmak […]

“CSS ile Metin Düzenleme: Font, Renk ve Stil”

Şubat 27, 2024porsukcansu@gmail.comLeave a Comment

CSS (Cascading Style Sheets), HTML dokümanlarına stil ve düzen eklemek için kullanılan güçlü bir araçtır. Bu yazıda, CSS kullanarak metinleri nasıl düzenleyeceğinizi keşfedeceğiz. 1. Font Ayarları Metinlerin fontu, yazı tipi boyutu ve stili gibi özelliklerini CSS ile özelleştirebilirsiniz. Bu örnekte, font-family ile metnin kullanılacak fontu belirlenirken, font-size ile font boyutu, font-weight ile kalınlık ve font-style […]

“CSS Outline: Temel Bilgiler ve Kullanımı”

Şubat 26, 2024porsukcansu@gmail.comLeave a Comment

Web geliştirmeye yeni başlayanlar için, CSS’deki “outline” özelliği, bir öğenin çevresine çizilen bir çerçeve veya hatadır. Bu özellik, özellikle bağlantılar, butonlar veya formlar gibi etkileşimli öğeleri vurgulamak veya belirginleştirmek için sıklıkla kullanılır. Yukarıdaki örnek, bir HTML öğesine (element) bir “outline” ekler ve bu öğenin etrafına 2 piksel kalınlığında mavi bir çerçeve çizer. Ayrıca, fare öğenin […]