Yazılım
Yazılım başlığı altındaki 678 yazı: haber yazılımı, panel özellikleri, modüller ve içerik yönetimi. Hepsi sahadan; en yeniden eskiye doğru sıralı.
678 yazı
CSS z-index ve Stacking Context: Katmanlar Nasıl Sıralanır?
z-index değerleri, z-index olmadan çizim sırası, stacking context oluşturan özellikler, iç içe bağlamlar ve z-index: 9999 neden çalışmaz sorusu.
YazılımCSS View Transitions: @view-transition ve view-transition-name
CSS view transitions: @view-transition ile sayfalar arası geçiş, view-transition-name, sözde öğe ağacı, view-transition-class ve geçiş türleri.
YazılımCSS transition: Geçiş Efektleri, Zamanlama ve @starting-style
CSS transition kısayolu, süre ve gecikme, ease, cubic-bezier(), steps() ve linear() eğrileri, allow-discrete ile display geçişi ve @starting-style.
YazılımCSS transform: translate, rotate, scale, skew ve 3B Dönüşümler
CSS transform fonksiyonları, sıranın etkisi, transform-origin, ayrı translate/rotate/scale özellikleri, yüzde hesabı ve perspective ile 3B dönüşümler.
YazılımCSS @supports: Özellik Sorguları ile Aşamalı Geliştirme
@supports sözdizimi, not/and/or operatörleri, selector(), font-tech(), font-format() ve at-rule() fonksiyonları, @import supports() ve özellik sorgusu
YazılımCSS Sözdizimi: Bildirim, Kural, At-rule ve Yorum Yazımı
CSS sözdizimini öğrenin: bildirim, bildirim bloğu, kural, at-rule ve yorum yazımı, stil dosyasını bağlama ve tarayıcının hatalı CSS'i nasıl yok saydığ
YazılımCSS Seçiciler: Tür, Class, ID, Evrensel ve Attribute Seçicileri
CSS seçicileri örneklerle: tür, class, id, evrensel ve attribute seçicileri, i ve s bayrakları, compound seçici ve seçici listesinde geçersiz seçici t
YazılımCSS Scroll-Driven Animations: scroll(), view() ve animation-range
CSS kaydırmaya bağlı animasyonlar: animation-timeline, scroll() ve view() çizelgeleri, scroll-timeline, animation-range aralıkları ve sık hatalar.
YazılımCSS @scope ile Kapsamlı Stil: Kök, Sınır, :scope ve Yakınlık
CSS @scope kuralını öğrenin: kapsam kökü ve sınırı, donut scope, :scope sözde sınıfı, kapsamlı kurallarda özgüllük ve cascade yakınlık ölçütü örnekler
YazılımCSS Renk Değerleri: Hex, RGB, HSL, HWB, Lab ve OKLCH
CSS renk yazımları: adlandırılmış renkler, hex, rgb(), hsl(), hwb(), lab(), lch(), oklch(), color(), alpha kanalı, currentColor ve opacity farkı.
YazılımCSS Pseudo-element Rehberi: ::before, ::after, ::first-letter ve ::marker
CSS ::before ve ::after ile content kullanımı, ::first-line, ::first-letter, ::marker, ::placeholder ve ::selection kuralları ve erişilebilirlik.
YazılımCSS Pseudo-class Rehberi: :hover, :focus-visible, :nth-child() ve Form Durumları
CSS pseudo-class nedir? :hover, :active, :focus, :focus-visible, LVHA sırası, :nth-child() formülleri ve :checked, :user-invalid gibi form durumları.
YazılımCSS @property ile Kayıtlı Özel Özellikler: syntax, inherits, initial-value
CSS @property ile değişkenlere tür, kalıtım ve başlangıç değeri verin: geçerlilik şartları, geçersiz değer davranışı ve kayıtlı değişkenle akıcı anima
YazılımCSS position: relative, absolute, fixed ve sticky Rehberi
CSS position değerleri, inset kısayolu ve içeren blok kuralları; sticky neden çalışmaz, fixed neden kayar, absolute öğe neye göre yerleşir.
YazılımCSS Özgüllük (Specificity): ID-CLASS-TYPE Hesabı ve Örnekler
CSS özgüllüğü nasıl hesaplanır? ID-CLASS-TYPE sütunları, :is(), :not(), :has() ve :where() istisnaları, satır içi stil, !important ve adım adım örnek
YazılımCSS overflow: Taşma, Kırpma ve Kaydırma Rehberi
CSS overflow değerleri: visible, hidden, clip, scroll ve auto farkı, iki değerli yazım, text-overflow ile üç nokta, scrollbar-gutter ve sık hatalar.
YazılımCSS Ortalama Yöntemleri: Bir Div Yatayda ve Dikeyde Nasıl Ortalanır?
CSS ile div ortalama: flexbox, grid place-items, margin auto, align-content, text-align ve mutlak konumlu öğe ortalama; safe center ve sık hatalar.
YazılımCSS Öğ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.
Altyapınızı KEYDAL ile kurun
Yazılım, hosting ve sunucu tek pakette. Kurulumu ve taşımayı biz yapıyoruz.