Sözlük, A’dan Z’ye.

01Terimler#

A

Accordion

Başlığına tıklanınca açılan içerik bölümü.

API

İki yazılımın konuştuğu arayüz; ör. Claude API.

aria-label

Görünür metni olmayan öğeye ekran okuyucu için verilen ad.

B

Backdrop filter

Bir öğenin arkasını bulanıklaştıran CSS özelliği; Liquid Glass’ın temeli.

Badge

Durum ya da sayı gösteren küçük etiket.

Breadcrumb

Sayfanın sitedeki yolunu gösteren gezinti.

Brotli

Metin dosyalarını gzip’ten daha çok küçülten sıkıştırma; CDN dosyaları bununla sunulur.

C

Canonical

Bir sayfanın asıl adresini arama motoruna bildiren etiket.

CDN

Dosyaları dünyanın her yerinden hızlı sunan ağ.

CSP

Tarayıcıya hangi kaynakları yükleyebileceğini söyleyen güvenlik başlığı.

CSRF

Kullanıcının haberi olmadan form gönderten saldırı; gizli token ile önlenir.

Ç

Çerez (cookie)

Tarayıcıda saklanan küçük veri; oturum için kullanılır.

D

DDL

Veritabanı yapısını tanımlayan SQL komutları (CREATE TABLE…).

Dialog

Modal pencereler için yerleşik HTML öğesi.

E

Easing

Animasyonun hızlanma ve yavaşlama eğrisi.

ENUM

Yalnızca belirli değerleri kabul eden veritabanı sütunu.

F

Fallback

Bir özellik desteklenmediğinde devreye giren yedek davranış.

Foreign key

Bir tablodaki satırı başka tablodaki satıra bağlayan anahtar.

G

Glass

fkdev UI’nin buzlu cam yüzey sınıfı: fk-glass.

Grid

Satır ve sütunlardan oluşan düzen sistemi.

H

Hero

Sayfanın en üstündeki büyük giriş bölümü.

htmlspecialchars

PHP’de metni HTML’e güvenle basmak için kaçış fonksiyonu.

I

Izgara

Bkz. Grid.

İ

IntersectionObserver

Bir öğenin ekrana girdiğini bildiren tarayıcı API’si; belirme animasyonu bunu kullanır.

İndeks

Veritabanında aramayı hızlandıran yapı.

Immutable

Önbellekteki dosyanın hiç değişmeyeceğini söyleyen başlık; tarayıcı bir daha sormaz.

J

JSON-LD

Sayfa hakkında arama motorlarına yapılandırılmış bilgi veren biçim.

K

KPI

Panelde izlenen temel performans göstergesi.

Kontrast

Metin ile zemin arasındaki parlaklık farkı.

L

Lede

Başlığın altındaki giriş paragrafı.

Liquid Glass

Apple’ın ışığı kıran, cam görünümlü arayüz dili.

M

Migration

Veritabanı şemasını numaralı adımlarla değiştirme yöntemi.

Modal

Sayfanın üstünde açılan, odaklanılması gereken pencere.

N

Navbar

Sayfanın üstündeki ana gezinti çubuğu.

O

Ortam değişkeni

Şifre ve anahtar gibi gizli değerlerin kod dışında saklandığı yer.

Ö

Önek (prefix)

Sınıf adlarının başındaki ortak parça: fk-.

P

PDO

PHP’nin güvenli veritabanı bağlantı katmanı.

Prompt

Yapay zekâya verilen talimat ya da soru.

Q

Query string

Adresteki ? sonrası parametreler; kişisel veri ve şifre asla buraya yazılmaz.

Queue (kuyruk)

E-posta gönderme gibi uzun işleri arka planda sırayla çalıştıran yapı.

R

Reduced motion

Kullanıcının animasyonları azaltma tercihi.

Reveal

Öğenin ekrana girince beliren animasyonu.

S

SRI

Subresource Integrity: dosyanın imzası; değiştirilmişse tarayıcı yüklemez.

SSE

Sunucudan tarayıcıya tek yönlü canlı veri akışı (Server-Sent Events).

Streaming

Yapay zekâ cevabının parça parça gelmesi.

Switch

Açma-kapama anahtarı.

Ş

Şema

Veritabanındaki tabloların ve ilişkilerin bütünü.

T

TTFB

İlk bayt süresi: isteği gönderdikten sonra yanıtın ilk baytının gelmesi için geçen süre.

Token

Yapay zekâ modellerinin metni böldüğü küçük birim; maliyet bununla ölçülür.

Toast

Köşede beliren kısa bildirim.

Tooltip

Üzerine gelince görünen kısa açıklama.

U

utf8mb4

Türkçe karakter ve emoji dahil tüm Unicode’u saklayan MySQL karakter seti.

Ü

Üst çubuk

Dashboard’da başlık ve araçların bulunduğu satır.

V

Viewport

Tarayıcıda görünen alan.

W

WCAG

Web içeriği erişilebilirlik yönergeleri; fkdev UI AA seviyesini hedefler.

WebSocket

Sunucu ile tarayıcı arasında çift yönlü, sürekli açık bağlantı.

X

XSS

Siteye zararlı betik sokma saldırısı; çıktıyı her zaman kaçırarak (htmlspecialchars, textContent) önlenir.

X-Frame-Options

Sayfanın başka sitelerde iframe içinde açılmasını engelleyen güvenlik başlığı.

Y

Yapay zekâ

Metin anlayan ve üreten modeller; bu dokümantasyonda Claude.

Z

Z-index

Üst üste binen öğelerin sırasını belirleyen CSS özelliği.

02Tüm CSS sınıfları#

Kütüphanede toplam 222 sınıf var. Bu liste fkdev-ui.css dosyasından otomatik üretilir.

• .fk-accordion
• .fk-affix
• .fk-alert
• .fk-alert-danger
• .fk-alert-success
• .fk-alert-warning
• .fk-aside
• .fk-atmosphere
• .fk-avatar
• .fk-avatar-lg
• .fk-avatar-sm
• .fk-avatars
• .fk-badge
• .fk-badge-danger
• .fk-badge-solid
• .fk-badge-success
• .fk-badge-warning
• .fk-banner
• .fk-banner-x
• .fk-between
• .fk-body
• .fk-brand
• .fk-btn
• .fk-btn-block
• .fk-btn-danger
• .fk-btn-ghost
• .fk-btn-group
• .fk-btn-icon
• .fk-btn-lg
• .fk-btn-primary
• .fk-btn-sm
• .fk-btn-text
• .fk-burger
• .fk-card
• .fk-card-dark
• .fk-card-num
• .fk-card-solid
• .fk-card-title
• .fk-center
• .fk-chart
• .fk-chat
• .fk-check
• .fk-cluster
• .fk-code
• .fk-code-inline
• .fk-copyfield
• .fk-counter
• .fk-crumbs
• .fk-dash
• .fk-dash-body
• .fk-dash-brand
• .fk-dash-label
• .fk-dash-main
• .fk-dash-side
• .fk-dash-split
• .fk-dash-top
• .fk-display
• .fk-divider
• .fk-dl
• .fk-dot
• .fk-down
• .fk-drawer
• .fk-drawer-left
• .fk-drop
• .fk-drop-file
• .fk-dropdown
• .fk-dropdown-menu
• .fk-empty
• .fk-error
• .fk-eyebrow
• .fk-fc
• .fk-fc-bottom
• .fk-fc-brand
• .fk-fc-contact
• .fk-fc-eco
• .fk-fc-ico
• .fk-fc-loc
• .fk-fc-nav
• .fk-fc-social
• .fk-fc-tag
• .fk-fc-top
• .fk-fc-wrap
• .fk-field
• .fk-footer
• .fk-footer-bottom
• .fk-footer-brand
• .fk-footer-card
• .fk-footer-links
• .fk-form
• .fk-form-row
• .fk-g-2
• .fk-g-3
• .fk-g-4
• .fk-gap-1
• .fk-gap-2
• .fk-gap-3
• .fk-gap-4
• .fk-gap-5
• .fk-gap-6
• .fk-glass
• .fk-go
• .fk-grid
• .fk-h1
• .fk-h2
• .fk-h3
• .fk-h4
• .fk-hide-mobile
• .fk-hint
• .fk-hr
• .fk-i
• .fk-i-bars
• .fk-i-moon
• .fk-i-sun
• .fk-i-x
• .fk-input
• .fk-input-group
• .fk-input-lg
• .fk-input-sm
• .fk-items-center
• .fk-justify-center
• .fk-kbd
• .fk-kpi
• .fk-label
• .fk-lede
• .fk-link
• .fk-list
• .fk-max-lg
• .fk-max-md
• .fk-max-sm
• .fk-mb-0
• .fk-mb-1
• .fk-mb-2
• .fk-mb-3
• .fk-mb-4
• .fk-mb-5
• .fk-mb-6
• .fk-mb-7
• .fk-mb-8
• .fk-menu
• .fk-menu-foot
• .fk-menu-in
• .fk-menu-label
• .fk-menu-list
• .fk-menu-open
• .fk-modal
• .fk-modal-body
• .fk-modal-foot
• .fk-modal-head
• .fk-mono
• .fk-msg
• .fk-msg-ai
• .fk-msg-user
• .fk-mt-0
• .fk-mt-1
• .fk-mt-2
• .fk-mt-3
• .fk-mt-4
• .fk-mt-5
• .fk-mt-6
• .fk-mt-7
• .fk-mt-8
• .fk-muted
• .fk-mx-auto
• .fk-navbar
• .fk-navbar-in
• .fk-navbar-tools
• .fk-notif
• .fk-nums
• .fk-only-mobile
• .fk-otp
• .fk-pagination
• .fk-pill
• .fk-price
• .fk-price-amount
• .fk-progress
• .fk-progress-indeterminate
• .fk-quote
• .fk-radio
• .fk-range
• .fk-readbar
• .fk-req
• .fk-reveal
• .fk-ring
• .fk-segment
• .fk-select
• .fk-sep
• .fk-skeleton
• .fk-spinner
• .fk-split
• .fk-sr
• .fk-stack
• .fk-stats
• .fk-status
• .fk-stepper
• .fk-steps
• .fk-switch
• .fk-table
• .fk-table-wrap
• .fk-tabs-panel
• .fk-tabsbar
• .fk-tabsbar-ind
• .fk-tag
• .fk-tag-x
• .fk-tags
• .fk-text-left
• .fk-text-right
• .fk-textarea
• .fk-timeline
• .fk-tip
• .fk-toast
• .fk-toast-bar
• .fk-toast-danger
• .fk-toast-msg
• .fk-toast-success
• .fk-toast-warning
• .fk-toast-x
• .fk-toasts
• .fk-truncate
• .fk-typing
• .fk-up
• .fk-w-full
• .fk-wrap