HTML
Uzun içerikli yapıları daha az yer kaplayacak şekilde ve daha işlevsel kullanmak için genelde akordiyon yapılarını kullanırız. Uzun süredir kullanıla gelen bu bileşenlerin genelde işlevselliğini javascript ile yapıyoruz. HTML ve CSS ile yapılan akordiyonlar için son günlerde gelen name attribute ile işlevsellik yönünden eksik kalan kısım tamamlandı. name attribute tam
HTML
Safari yeni sürümlerinde switch elementini destekleyeceğini açıklayınca nasıl birşey diye bakayım dedim. Son zamanlarda UI elementlerinin HTML'e kazandırılması kervanına Webkit'in de katılması açısında önemli bir durum. İlk denemem <input type="checkbox" switch> Sonuç mükemmel. Bu gelişmeleri görünce "Senelerdir niye uğraştırdınız be
HTML
Trendyol'da Baklava design sistemi geliştiriyoruz ve kullanıyoruz. Geçenlerde bir diyalog açıkken bir toast mesajı geldiğinde diyalog elementinin dışında kalan alanların üzerini kapattığımız elemanın (backdrop) altında kalıyor. Burada şöyle bir sorun var biz modal bileşeni için HTML <dialog>elementini kullanıyoruz. Bu elementin backdrop özelliği dokümanın z-index yapısından
HTML
Should HTML get new controls like <accordion>, <tooltip>, <carousel>, <tabs>, or <typeahead> or leave that to JS frameworks?October 7, 2022 Yukarıda bahsedildiği gibi web sayfalarında kullanılan bileşenleri HTML karşılamalı bence. Tabi burada şöyle bir şey var, CSS ile de
HTML
Bu makaleyi Safari (15.4) tarayıcısının dialog elementi desteği gelmesi sonrası yazmaya karar verdim. Genel olarak bir işi standartlarla yapabiliyorsam onu tercih ederim. Bu konuda en müzdarip olduğum element <select> elementidir. Tasarımcıların birçok farklı düşüncelerine karşı select elementine bizim müdahale edeceğimiz yerler kısıtlıdır. Her ne kadar ısrar etsek
HTML
1. CSS Grid'e (Izgara) Giriş 2. CSS Grid Özellikleri 3. fr birimi 4. CSS Izgara çizgi isimlendirmesi ve kullanımı 5. Sayfa planlama sihirbazı grid-template-areas 6. Explicit(belirlenmiş) ve implicit(belirlenmemiş) grid ögeleri 7. CSS minmax işlevsel değeri 8. repeat() işlevi, auto-fill ve auto-fit değerleri 9. CSS Grid öge
HTML
1. CSS Grid'e (Izgara) Giriş 2. CSS Grid Özellikleri 3. fr birimi 4. CSS Izgara çizgi isimlendirmesi ve kullanımı 5. Sayfa planlama sihirbazı grid-template-areas 6. Explicit(belirlenmiş) ve implicit(belirlenmemiş) grid ögeleri 7. CSS minmax işlevsel değeri 8. repeat() işlevi, auto-fill ve auto-fit değerleri 9. CSS Grid öge
HTML
1. CSS Grid'e (Izgara) Giriş 2. CSS Grid Özellikleri 3. fr birimi 4. CSS Izgara çizgi isimlendirmesi ve kullanımı 5. Sayfa planlama sihirbazı grid-template-areas 6. Explicit(belirlenmiş) ve implicit(belirlenmemiş) grid ögeleri 7. CSS minmax işlevsel değeri 8. repeat() işlevi, auto-fill ve auto-fit değerleri 9. CSS Grid öge
HTML
Chrome 76. sürümü ile birlikte gelen loading="lazy" özniteliği (attribute) tanımı sayesinde gerektiğinde yükleme (lazy loading) için kullandığımız scriptlere gerek kalmıyor artık. Tarayıcı kendi bünyesinde bu işi yapıyor. Tarayıcılar bu kadar derin işlere de girmeli mi mevzusu başka bir tartışmanın konusu. Genel olarak resimler için kullandığımız bu yöntem
HTML
Tarayıcıların bazı özellikleri bazı projelerimizde sorunlara neden olabiliyor. Bunlardan birisi de tarayıcıların dil hatalarını algılayıp sorunlu gördüklerinin altını çizmesi. Bu özelliği kapatma kodunun olduğunu bilmiyordum. Dün araştırınca kapatmak için bir HTML özniteliği olduğunu öğrendim. Bir örnek yapalım. İlgili paragrafa fare imleci ile tıkladığımızda ilk paragrafta hataları gösterirken ikinci pragrafta göstermiyor.
HTML
HTML5 API'leri, mobil uygulamalarda olup web sayfalarında kullanamadığımız özellikleri API olarak ekleyerek eksikleri gideriyor. Bunlardan bir tanesi de Web Notification API. Mobil uygulamlarda kullanıcıya anlık bildirimler göndermek için kullanılan bilgileri bu API sayesinde web sayfalarımızdan da yapabiliyoruz. HTML5 ve CSS3 özellikleri hala geliştirilmekte olduğu için zamanla değişim gösterebiliyor.
HTML
HTML sayfalarına CSS, Javascript, resim video, ses vd. dosyaları ekleyebilirken diğer html dosyalarını eklemek için iframe, ajax isteği ile veya çakma script dosyası gibi gösterilmiş html dosyaları ile ekleyerek yapıyorduk/yapıyoruz. HTML import ile artık html dosyalarımızı html içine ekleyebileceğiz. HTML kodlama yapımızı değiştirecek bu yapıyı henüz sadece Chrome ve