Blog
KEYDAL blog yazilarinin 14. sayfasi (58 sayfadan): hosting, alan adi, sunucu, e-ticaret ve yazilim rehberleri.
JavaScript Klavye Olayları: keydown, keyup, key ve code Farkı
keydown ve keyup olay sırası, KeyboardEvent key ve code farkı, repeat, isComposing, değiştirici tuşlar, beforeinput ve input olayları.
YazılımJavaScript ile Form Gönderme: submit Olayı, FormData ve requestSubmit
submit olayı ve submitter, preventDefault, FormData append ve set farkı, formdata olayı, requestSubmit ile submit farkı ve fetch ile form gönderimi.
YazılımJavaScript File API: File, Blob, FileReader ve createObjectURL Kullanımı
File API ile kullanıcının seçtiği dosyayı okuma: Blob ve File nesneleri, FileReader olayları, sürükle bırak, createObjectURL ile önizleme ve yükleme.
YazılımJavaScript Olay Yayılımı: Bubbling, Capturing ve Delegation
Olay evreleri, eventPhase, stopPropagation ile stopImmediatePropagation farkı, preventDefault, target ve currentTarget, closest ile olay delegasyonu.
YazılımDOMContentLoaded, load ve visibilitychange ile Sayfa Yaşam Döngüsü
readyState değerleri, DOMContentLoaded ve load farkı, visibilitychange, pagehide ve pageshow, beforeunload uyarısı ve sendBeacon ile veri gönderme.
YazılımJavaScript CustomEvent ve EventTarget ile Özel Olay Oluşturma
CustomEvent detail kullanımı, Event seçenekleri, dispatchEvent dönüş değeri ve eşzamanlı çalışması, EventTarget ve Event sınıfını genişletme örnekleri
YazılımJavaScript addEventListener ile Olay Dinleyici Ekleme
addEventListener imzası, once, passive, capture ve signal seçenekleri, removeEventListener eşleşme kuralı, this değeri ve olay nesnesi örneklerle.
YazılımIntersection Observer API ile Lazy Load, Sonsuz Kaydırma ve Görünürlük Takibi
IntersectionObserver ile elemanın ekranda görünüp görünmediğini izleyin: root, rootMargin, threshold, ilk çağrı davranışı, lazy load ve sonsuz kaydırm
YazılımIndexedDB Kullanımı: open, Object Store, Transaction, Index ve Cursor
IndexedDB ile tarayıcıda veritabanı: open ve upgradeneeded, object store, keyPath, transaction modları, index, cursor, IDBKeyRange ve sürüm çakışmalar
YazılımHTTP İstek ve Yanıt Yapısı: GET, POST, PUT, PATCH, DELETE ve Diğer Metotlar
HTTP mesajının parçaları, istek hedefi biçimleri, GET, POST, PUT, PATCH, DELETE, HEAD ve OPTIONS metotları, güvenli ve idempotent kavramları örneklerl
YazılımHTTP Cache-Control, ETag ve Koşullu İstekler: Önbellek Başlıkları Rehberi
Cache-Control yönergeleri, no-cache ile no-store farkı, max-age ve Age hesabı, Vary, ETag, If-None-Match ve 304 Not Modified akışı örneklerle.
YazılımWeb Erişilebilirliği ve WCAG Temelleri: HTML Yazanlar İçin Rehber
WCAG nedir, dört ilke ve A, AA, AAA seviyeleri ne anlatır? Klavye erişimi, canlı bölgeler, kontrast ve mobil kontrol listesi HTML örnekleriyle.
YazılımHTML video ve audio Etiketi: Kaynaklar, Otomatik Oynatma ve Altyazı
HTML video ve audio etiketi: controls, poster, autoplay muted, preload, source ile çoklu biçim, track ile altyazı ve erişilebilirlik.
YazılımHTML time ve data Etiketi: datetime Özniteliği ve Tarih-Saat Biçimleri
time etiketi ve datetime özniteliği, data value, HTML tarih, saat, hafta, saat dilimi ve süre biçimleri; geçerli değerler ve sık hatalar.
YazılımHTML textarea Etiketi: rows, cols, wrap, maxlength ve dirname
HTML textarea rehberi: başlangıç değeri, rows ve cols, wrap soft/hard/off, maxlength ve minlength, readonly ile disabled farkı ve dirname özniteliği.
YazılımHTML template ve slot Etiketi: Şablonlar ve Bildirimsel Shadow DOM
HTML template ve slot etiketleri: content özelliği, importNode, shadowrootmode ile bildirimsel shadow DOM, adlı slotlar, part ve exportparts.
YazılımHTML Tablo Oluşturma: table, tr, td, th, thead, tbody ve tfoot
HTML tablo nasıl oluşturulur? table, tr, td, th ile satır ve hücreler, thead, tbody, tfoot sırası, örtük tbody ve sık yapılan hatalar örneklerle.
YazılımHTML Tabloda colspan, rowspan, scope, headers ve caption Kullanımı
HTML tabloda hücre birleştirme (colspan, rowspan), scope, headers, caption, colgroup ve col ile erişilebilir tablo kurma rehberi.
YazılımHTML tabindex ve Klavye Erişimi: Odak Sırasını Doğru Kurmak
HTML tabindex değerleri 0, -1 ve pozitif; varsayılan odaklanan öğeler, roving tabindex, autofocus ve accesskey ile klavye erişimi kuralları.
YazılımHTML'de Sık Yapılan Hatalar: İçerik Kategorileri ve İç İçe Kullanım Kuralları
p içinde div, a içinde button, tekrar eden id, eksik alt ve label: içerik kategorileriyle HTML iç içe kullanım kuralları, hatalar ve doğru örnekler.
YazılımHTML Semantik Etiketler: header, nav, main, aside, footer, search
HTML semantik etiketler: header, nav, main, aside, footer, search ve address ne zaman kullanılır, landmark rolleri, atlama bağlantısı ve sayfa iskelet
YazılımHTML select, option, optgroup ve datalist: Açılır Liste Rehberi
HTML select ve option öznitelikleri, required ile yer tutucu seçenek, optgroup, multiple ve size, datalist farkı ve selectedcontent ile özelleştirileb
YazılımHTML script Etiketi: async, defer, type=module, nomodule ve noscript
HTML script etiketi nasıl kullanılır? async ve defer farkı, type=module, nomodule, JSON veri blokları, blocking=render ve noscript örneklerle.
YazılımHTML progress, meter ve output: İlerleme, Ölçüm ve Sonuç Göstermek
HTML progress, meter ve output etiketleri: value ve max, belirsiz çubuk, low, high ve optimum, output for, erişilebilir ad ve canlı bölge.
YazılımHTML preload, preconnect, dns-prefetch ve prefetch: Kaynak İpuçları
rel preload, modulepreload, preconnect, dns-prefetch ve prefetch ne zaman kullanılır? as, crossorigin, type, media ve fetchpriority örnekleriyle.
YazılımHTML popover Özniteliği: JavaScript Olmadan Açılır Katman
HTML popover özniteliği ile açılır katman yapın: auto, manual ve hint farkı, popovertarget, popovertargetaction, light dismiss ve dialog ile karşılaşt
YazılımHTML picture ve source Etiketi: Duyarlı Görsel ve Biçim Yedekleme
HTML picture ve source etiketi ile sanat yönetimi, AVIF ve WebP yedekleme, koyu tema görselleri, srcset tanımlayıcıları ve sık hatalar.
YazılımHTML Öğrenme Rehberi: Temellerden Erişilebilirliğe Yol Haritası
HTML'i sırayla öğrenin: belge yapısı, metin, formlar, tablolar, medya, head etiketleri, etkileşim ve erişilebilirlik için 49 yazılık Türkçe yol harita
YazılımHTML Metin Etiketleri: strong, b, i, mark, u, s, small, sub, sup, br
HTML metin etiketleri karşılaştırması: strong ve b farkı, i ve vurgu, mark, u, s, small, sub, sup, br ve wbr ne zaman kullanılır, sık yapılan hatalar.
YazılımHTML meta Etiketleri: charset, name, viewport ve http-equiv Rehberi
HTML meta etiketinin dört türü: charset, name, http-equiv ve itemprop. viewport, theme-color, color-scheme, referrer ve refresh örneklerle.
YazılımHTML Living Standard Nedir? Yeni HTML Özellikleri Rehberi
HTML neden sürüm numarası taşımaz? search, commandfor, closedby, popover hint, selectedcontent, headingoffset ve diğer yeni özellikler.
YazılımHTML Listeler: ul, ol, li, dl, dt, dd ve menu Öğeleri
HTML liste etiketleri: ul ve ol farkı, start, reversed ve type, li value, iç içe liste kuralı, dl ile tanım listesi ve menu öğesi örneklerle.
YazılımHTML link Etiketi: rel Değerleri, Stil Sayfası, Simge ve Alternate
HTML link etiketi ve rel değerleri: stylesheet, alternate stylesheet, icon, manifest, alternate, me, license. Öznitelikler ve örneklerle anlatım.
YazılımHTML lang ve dir Özniteliği: Sayfa Dili, Yazı Yönü, bdi, bdo ve translate
lang ile sayfa ve bölüm dili, dir ile ltr/rtl/auto yazı yönü, bdi ile yalıtım, bdo ve translate="no". WCAG gereksinimleri ve sık hatalar.
YazılımHTML label, fieldset ve legend: Form Alanlarını Doğru Etiketleme
HTML label for ve sarmalama yöntemleri, etiketlenebilir öğeler, fieldset disabled ve form öznitelikleri, legend kullanımı ve erişilebilir form gruplar
YazılımKullanımdan Kalkan HTML Etiketleri: center, font, marquee ve Yerine Ne Kullanılır
center, font, big, tt, strike, marquee, acronym, frame ve eski öznitelikler neden kullanılmamalı? Her biri için güncel HTML ve CSS karşılığı.
YazılımHTML integrity ve crossorigin Öznitelikleri: Subresource Integrity ve CORS
integrity ile CDN dosyalarını doğrulama: sha256, sha384, sha512 biçimi, özet hesaplama. crossorigin anonymous, use-credentials ve tainted canvas.
YazılımHTML input Türleri Rehberi: Tüm type Değerleri ve Ortak Öznitelikler
HTML input türlerinin tam listesi, ortak öznitelikler (name, value, readonly, required, list) ve text, email, tel, url, search, hidden türleri.
YazılımHTML input number ve range: Sayı Alanı ve Kaydırıcı
HTML input type number ve range: step ile ondalık sayı, min ve max, kaydırıcının varsayılan değeri, datalist işaretleri ve doğru tür seçimi.
YazılımHTML input type="file" ile Dosya Yükleme
HTML input file rehberi: multipart/form-data, accept ile dosya türleri, multiple, capture, files özelliği, fakepath ve boyut sınırı.
YazılımHTML Tarih ve Saat Alanları: date, time, datetime-local, month ve week
HTML input date, time, datetime-local, month ve week türleri: değer biçimleri, min, max, step, gece yarısını aşan aralık ve saat dilimi.
YazılımHTML Import Map: script type="importmap" ile Modül Adları
script type=importmap ile çıplak modül adları, yol önekleri, scopes ile sürüm seçimi, integrity eşlemesi ve birden fazla haritanın birleşmesi.
YazılımHTML img Etiketi: src, alt, width, height, loading ve fetchpriority
HTML img etiketi nasıl kullanılır? İyi alt metni, width ve height ile kaymayı önleme, loading=lazy, decoding, fetchpriority ve sık hatalar.
YazılımHTML iframe Etiketi: sandbox, allow, srcdoc, loading ve Güvenlik
HTML iframe etiketi: title ile erişilebilirlik, sandbox belirteçleri, allow izin politikası, srcdoc kaçış kuralları, loading=lazy ve sık hatalar.
YazılımHTML hidden ve inert Öznitelikleri: Gizlemek ile Etkisiz Kılmak
HTML hidden, hidden="until-found" ve inert özniteliklerinin farkı; beforematch, modal dialog, aria-hidden, disabled ve input hidden karşılaştırması.
YazılımHTML Global Öznitelikler Rehberi: id, class, title, style, contenteditable ve Diğerleri
Tüm HTML öğelerinde geçen global öznitelikler: id, class, title, style, contenteditable, spellcheck, draggable, inputmode ve tam liste.
YazılımHTML form Etiketi Nasıl Kullanılır? action, method, enctype ve Gönderim
HTML form etiketi rehberi: action, method get/post/dialog, enctype, target, novalidate, form özniteliği, gizli alanlar ve sık yapılan hatalar.
YazılımHTML Form Doğrulama: required, pattern, minlength, min, max ve step
HTML form doğrulama rehberi: required, pattern, minlength, maxlength, min, max, step, novalidate ve setCustomValidity örnekleri, hata türleri ve sık h
Aramanızla eşleşen yazı yok.