Blog
KEYDAL blog yazilarinin 19. sayfasi (58 sayfadan): hosting, alan adi, sunucu, e-ticaret ve yazilim rehberleri.
CSS Öğrenme Rehberi: Kural, Cascade, Kutu ve 49 Konuluk Yol Haritası
CSS nasıl çalışır? Kural, cascade ve kutu modelini kısaca öğrenin; seçicilerden grid, animasyon ve @layer konularına 49 yazılık öğrenme yolunu izleyin
YazılımCSS Nesting: Yerel İç İçe Yazım ve & Nesting Seçicisi
Yerel CSS nesting ile iç içe kural yazma, & seçicisinin kullanımı, bileşik seçiciler, iç içe @media ve @layer, özgüllük etkisi ve yapılamayanlar.
YazılımCSS Metin Kaydırma: white-space, overflow-wrap, word-break ve text-wrap
CSS ile uzun kelime ve URL taşmasını önleyin: white-space, overflow-wrap, word-break, hyphens ve text-wrap değerleri, farkları ve örnekleri.
YazılımCSS Media Query: @media Sözdizimi, Aralık Yazımı ve Medya Özellikleri
@media kuralının yapısı, medya türleri, aralık sözdizimi, and/or/not/only operatörleri, hover ve pointer sorguları, yazdırma stilleri ve sık hatalar.
YazılımCSS Margin Collapsing: Kenar Boşlukları Neden Birleşir?
Margin collapsing kuralları: komşu kardeşler, ebeveyn ile alt öğe, boş bloklar, negatif margin hesabı ve flow-root, padding, flex ile çökmeyi önleme.
YazılımCSS @layer: Cascade Katmanları ile Öncelik Yönetimi
@layer ile cascade katmanı oluşturma, katman sırası, katmansız stiller, !important tersine dönmesi, iç içe katmanlar, @import layer() ve revert-layer.
YazılımCSS Kutu Modeli: Content, Padding, Border ve Margin
CSS kutu modelinin dört katmanı, margin ve padding kısayollarının değer sırası, yüzde hesapları, satır içi öğe istisnaları ve border ile outline farkı
YazılımCSS if() Fonksiyonu ve @function ile Özel CSS Fonksiyonları
CSS if() ile style(), media(), supports() koşullarına göre değer seçin; @function ile parametreli, tür denetimli özel fonksiyonlar yazın. Yedek ve hat
YazılımCSS :has(), :is(), :where() ve :not(): Fonksiyonel Seçiciler Rehberi
CSS :has() ile ebeveyn seçin, :is() ve :where() ile listeleri kısaltın, :not() ile dışlayın. Affedici liste, özgüllük hesapları ve performans.
YazılımCSS grid-template-areas ve Çizgi Yerleşimi: grid-column, span ve Adlı Çizgiler
CSS grid öğeleri nasıl yerleştirilir? Çizgi numaraları, grid-column ve grid-area, span, negatif çizgiler, adlandırılmış çizgiler ve grid-template-area
YazılımCSS Grid Rehberi: grid-template-columns, fr Birimi, repeat() ve gap
CSS grid nasıl kullanılır? Grid kapsayıcı, iz, çizgi ve hücre kavramları, grid-template-columns, fr hesabı, repeat(), açık ve örtük grid ile gap örnek
YazılımCSS Grid auto-fill, auto-fit ve minmax(): Otomatik Yerleşim ve subgrid
repeat(auto-fill, minmax()) nasıl çalışır? auto-fill ile auto-fit farkının hesabı, grid-auto-flow ve dense, minmax(0, 1fr), fit-content() ve subgrid g
YazılımCSS Gradyanları: linear-gradient, radial-gradient ve conic-gradient
CSS gradyanları: yön ve açı, renk durakları, keskin geçiş ve şeritler, renk ipucu, radial boyutları, conic açıları, repeating gradyan ve renk uzayı.
YazılımCSS Yazı Tipleri: font-family, font-size, font-weight ve @font-face
CSS font-family yedekleme, em katlanması, font-weight yedek algoritması, birimsiz line-height, font kısayolu, @font-face, WOFF2 ve değişken fontlar.
YazılımCSS Flexbox Rehberi: Flex Kapsayıcı, Eksenler, flex-wrap ve order
CSS flexbox nasıl çalışır? Flex kapsayıcı ve öğe, ana ve çapraz eksen, flex-direction, flex-wrap, flex-flow, order ve erişilebilirlik uyarıları örnekl
YazılımFlexbox Hizalama: justify-content, align-items, align-content ve gap
Flexbox hizalama rehberi: justify-content, align-items, align-self, align-content, gap, otomatik margin, safe hizalama ve sık hatalar örneklerle.
YazılımCSS flex-grow, flex-shrink ve flex-basis: Alan Dağıtımı ve flex Kısaltması
flex-grow, flex-shrink ve flex-basis ile alan nasıl dağıtılır? Pozitif ve negatif boş alan, adım adım hesap, flex: 1 ile flex: auto farkı ve min-width
YazılımCSS filter ve backdrop-filter: blur, drop-shadow ve Diğer Efektler
CSS filter fonksiyonları, değer aralıkları, sıranın etkisi, drop-shadow ile box-shadow farkı, backdrop-filter ve backdrop root, mix-blend-mode girişi.
YazılımCSS display: block, inline, inline-block, flow-root ve none
CSS display özelliği: dış ve iç görüntü türü, block, inline ve inline-block farkı, çok anahtarlı sözdizimi, flow-root, display none ve contents.
YazılımCSS Değişkenleri: Custom Properties ve var() Fonksiyonu
CSS değişkenleri nasıl tanımlanır? --özel-özellik sözdizimi, var() yedek değeri, kalıtım, kapsam ve geçersiz değer davranışı örneklerle.
YazılımCSS ile Dark Mode: prefers-color-scheme, color-scheme ve light-dark()
prefers-color-scheme sorgusu, color-scheme özelliği, light-dark() fonksiyonu, sistem renkleri ve forced-colors ile CSS dark mode nasıl yapılır.
YazılımCSS Container Queries: @container, container-type ve Stil Sorguları
container-type ve container-name ile sorgu kapsayıcısı oluşturma, @container boyut sorguları, cqi gibi birimler ve style() ile özel özellik sorguları.
YazılımCSS color-mix() ve Göreceli Renk Sözdizimi
CSS color-mix() ile renk karıştırma, yüzde normalleştirme, renk uzayı ve ton enterpolasyonu; from ile göreceli renk, calc() ile kanal hesabı.
YazılımCSS Cascade ve Kalıtım: Kaynak Sırası, !important ve inherit
CSS cascade nasıl çalışır? Kaynak ve önem sırası, !important, katmanlar, kalıtım ve inherit, initial, unset, revert, revert-layer farkı örneklerle.
YazılımCSS Neden Çalışmıyor? Sık Hatalar, Nedenleri ve Hata Ayıklama
CSS çalışmıyor mu? Tarayıcının geçersiz CSS'i nasıl attığını, eksik noktalı virgülü, geçersiz seçiciyi, var() tuzağını, z-index ve margin sorunlarını
YazılımCSS calc(), min(), max() ve clamp(): Matematik Fonksiyonları Rehberi
CSS calc() ile karışık birimlerle hesap yapın; min(), max() ve clamp() ile sınır koyun. Boşluk kuralları, adım adım hesaplar ve sık hatalar.
YazılımCSS box-sizing: border-box ile content-box Arasındaki Fark
box-sizing ile width ve height hesabı: content-box ve border-box örnekleri, form öğelerindeki varsayılanlar, sayfa geneli border-box deseni ve sık hat
YazılımCSS border, border-radius, box-shadow ve outline
CSS border stilleri, border-radius köşe sırası ve eliptik köşeler, box-shadow değer sırası, inset ve çoklu gölge, outline ile border farkı ve odak.
YazılımCSS Birleştiriciler: Boşluk, >, + ve ~ ile Öğeleri İlişkiye Göre Seçmek
CSS birleştiricileri: alt öğe (boşluk), çocuk (>), sonraki kardeş (+) ve sonraki tüm kardeşler (~) neyi seçer, nasıl okunur, sık hatalar ve :has() ile
YazılımCSS Birimleri: px, em, rem, %, vw, vh ve svh, lvh, dvh
CSS birimlerini karşılaştırın: px, em, rem, yüzde, vw ve vh, mobil için svh, lvh, dvh; em birikmesi, line-height ve adım adım hesap örnekleri.
YazılımCSS Background Özellikleri: Renk, Görsel, Boyut ve Konum
CSS background özellikleri: background-size cover ve contain, position yüzde hesabı, repeat, origin ve clip, kısayol sırası ve çoklu arka planlar.
YazılımCSS animation ve @keyframes: Anahtar Karelerle Animasyon
CSS @keyframes kuralı, animation kısayolu ve sırası, süre, gecikme, tekrar, yön, fill-mode, çoklu animasyon ve prefers-reduced-motion örnekleri.
YazılımCSS Anchor Positioning: Bir Öğeyi Başka Bir Öğeye Bağlamak
CSS anchor positioning rehberi: anchor-name, position-anchor, anchor(), position-area, anchor-size(), @position-try yedekleri ve position-visibility ö
YazılımCSRF Saldırısı Nedir? Token, Fetch Metadata ve SameSite ile Korunma
CSRF saldırısının nasıl çalıştığı; CSRF tokeni, Sec-Fetch-Site ile Fetch Metadata, basit istekten kaçınma, Origin kontrolü ve SameSite çerezleriyle ko
YazılımCORS Nedir? Aynı Köken Politikası, Preflight ve Access-Control-Allow-Origin
CORS nedir, nasıl çalışır? Köken kavramı, basit istek ve preflight farkı, kimlik bilgili istekler ve Access-Control-Allow-Origin başlıkları örneklerle
YazılımCORS Hataları ve Çözümleri: 15 Konsol Mesajı, Nedeni ve Düzeltmesi
CORS hatası nasıl çözülür? Access-Control-Allow-Origin missing, credential, preflight ve method hataları dahil 15 konsol mesajının nedeni ve çözümü.
YazılımClipboard API ile Panoya Kopyalama: writeText, readText ve ClipboardItem
navigator.clipboard ile panoya metin ve görsel kopyalama: writeText, readText, ClipboardItem, izin ve kullanıcı etkinliği kuralları, copy ve paste ola
YazılımClickjacking Nedir? X-Frame-Options ve CSP frame-ancestors ile Korunma
Clickjacking saldırısının nasıl çalıştığı, X-Frame-Options DENY ve SAMEORIGIN, CSP frame-ancestors yönergesi, Nginx ve Apache ayarı, sık yapılan hatal
YazılımCanvas ile Görsel ve Piksel İşlemleri: drawImage, getImageData, toBlob ve OffscreenCanvas
Canvas ile resim çizme ve piksel işleme: drawImage, ImageData, getImageData/putImageData filtreleri, toBlob, kirli canvas ve CORS, OffscreenCanvas.
YazılımCanvas API Çizim Rehberi: getContext, Şekiller, Yollar, Renkler ve Dönüşümler
Canvas API ile çizim: getContext('2d'), fillRect, beginPath ve arc, Path2D, degradeler, metin, save/restore, dönüşümler ve bulanık kenar sorunu.
YazılımCache API Kullanımı: caches.open, add, put, match, delete ve keys
Cache API ile Request ve Response saklama: caches.open, add, addAll, put, match, delete, keys, eşleştirme seçenekleri ve önbellek sürümleme.
YazılımBootstrap Boyut Sınıfları: w-*, h-*, vh-100, overflow, float ve clearfix
Bootstrap 5.0 w-25..100, h-*, mw-100, min-vh-100, overflow-*, float-*, align-* ve clearfix: CSS karşılıkları, çalışma koşulları ve sık hatalar.
YazılımBootstrap Utilities API: $utilities Map'i ile Yardımcı Sınıf Ekleme, Değiştirme, Silme
Bootstrap 5.0 Utilities API ile kendi yardımcı sınıfınızı üretin: $utilities seçenekleri, sınıf adının oluşumu, responsive, print, state, map-merge ve
YazılımBootstrap Tooltip ve Popover Kullanımı: Başlatma, Seçenekler ve Erişilebilirlik
Bootstrap 5 tooltip ve popover: Popper bağımlılığı, başlatma kodu, yönler, HTML ve sanitizer, devre dışı öğeler, focus ile kapanma, seçenekler ve olay
YazılımBootstrap Toast Bildirim Mesajları: Başlatma, Konum ve Erişilebilirlik
Bootstrap 5 toast bildirimleri: JavaScript ile başlatma, autohide ve delay, toast-container ile yığma, köşeye konumlandırma, renkler, aria-live ve ola
YazılımBootstrap Metin Sınıfları: Hizalama, Boyut, Kalınlık ve Kesme
Bootstrap 5.0 text-start/center/end, fs-1..6, fw-*, fst-*, lh-*, text-truncate, text-break, user-select ve pe-none sınıfları: CSS karşılıkları ve sık
YazılımBootstrap Tema Renkleri: $theme-colors, Ton Paleti ve Kendi Renginizi Eklemek
Bootstrap 5.0'da $primary gibi tema renklerini değiştirin, map-merge ile yeni renk ekleyin; tonlar, kontrast hesabı ve bileşen varyantlarının üretimi.
YazılımBootstrap Tablo Sınıfları: Striped, Hover, Bordered ve Responsive
Bootstrap 5.0 table, table-striped, table-hover, table-bordered, table-sm, renk varyantları, caption ve table-responsive: çalışma mantığı, örnekler ve
Aramanızla eşleşen yazı yok.