CSS Dersleri
Dün twitter'da aşağıdaki konuyu tartışırken Should HTML get new controls like <accordion>, <tooltip>, <carousel>, <tabs>, or <typeahead> or leave that to JS frameworks?October 7, 2022 Konu Uğur'un da cevabıyla dosya yükleme elemanına geldi. file inputa
CSS Dersleri
Bir başka Safari bekleyen özellikte daha birlikteyiz. Şöyle bir avantajımız var ki Safari kullanıcıları sistemlerini ve dolayısıyla tarayıcılarını hızlı güncellediği için çok beklemiyoruz. W3C geliştiricileri uzun süre scroll stili ve işlemleriyle alakalı gelişmelere uzak kaldı. Son yıllarda ise bu konuda olabildiğince iyi gelişmeler oldu. Gerek scroll stilini belirlemede gerekse scroll
Editör
Daha önce bu konuda üç adet yazı paylaşmıştım. * Evden çalışma ve çalışma ortamım * Evden çalışmada uzun kullanım önerileri * Çalışma Ortamı Yenilikleri Bu konu da dördüncü yazım. Evden çalışmanın sabit hale gelmesiyle daha net kararlar verebiliyorum artık. Uzun süreler bu şekilde devam edeceğimiz için ergonomik olarak çalışma ortamımı güncellemek istedim.(Bunda
CSS Dersleri
Bu konuya ilgim ilk olarak "responsive mi? adaptive mi?" konusunu tartışırken geldi. Bir menümüz var ve bunu responsive yaparsak menüyü masaüstünde hover ile mobilde ise tıklama ile çözmemiz lazım ve bu ayrımı yakalamak için javascript kullanmalıyız diye bir negatif yönünden bahsedildi. (Negatiflik, javascript kaynaklarını geç yüklenmesi ve bundan
CSS Dersleri
Bu sene Safari'nin arayı kapatmak için yaptığı atılımı yazmakla geçecek herhalde. Daha önce diğer popüler tarayıcılarda var olan ancak Safari'nin geri kalması nedeniyle uygulamalarda tercih etmediğimiz özellikleri artık Safari'nin desteğiyle hayata geçirmeye başlayabiliriz. Bu özelliklerden birisi overscroll-behavior özelliğidir. Artık Safari desteği geldiğine göre rahat
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
CSS Dersleri
Bu tanımın ortaya çıkışının sebebi: Geliştiriciler tarayıcıların otomatik tanımladığı focus tanımlarının yapılan tasarıma uymadığı veya tam olarak ne amaçla kullanıldığını bilmediği için silmesi ve bunun sonucu olarak erişilebilirlik sorunlarının çıkması. .link:focus { outline: none; } Kodunu yazarak tanımlı olan odaklanma halindeki outline çizgisini kaldırıyorduk. Tabi bu erişilebilirlik için ciddi sorunlar oluşturuyor.
Editör
Daha önce bu konuda iki adet yazı paylaşmıştım. * Evden çalışma ve çalışma ortamım * Evden çalışmada uzun kullanım önerileri Bu konuda bu üçüncü yazım. Trendyol teknoloji olarak temelli evden çalışma kararını aldı. Tabi bu bazı tercihleri yapmamı kolaylaştırdı. Ek bazı ihtiyaçlar doğdu. Soğutma (Samsung Wind-Free Klima) {: loading="lazy" }Tamamen
Editör
Sublime Text'i bırakıp VS Code'a geçeli yaklaşık 1,5 sene oldu. Bu süreçte kullandığım bazı eklentileri iki yazıda paylaşmıştım. Bu yazı da ise sizlere kullanım deneyimlerimi ve bazı faydasını gördüğüm eklentileri paylaşacağım. Genel olarak VS Code'dan memnunum Artıları; * Hızlı olması * Açık kaynak olması ve
Editör
Kod yazarken gözümden kaçan yazım hatalarını sonradan düzeltmek can sıkıyor. Bu sorunum için bir çözüm aramadım hiç ama bu eklentiyi görünce tam benim ihtiyacım olan eklenti deyip yükledim. İngilizce ve Türkçe desteği de var. Code Spell Checker eklentisi yazdığımız kod içindeki hatalı olan yazımları bize gösteriyor. Ayrıca düzgün halini öneriyor.
Genel
brokenlinkcheck.com sitesi üzerinden sitemi kontrol ettim. Ciddi kırık bağlantılar çıktı. 500’den fazla bağlantıda sorun çıktı. Özetlersem; Önce yahoo’nun yui sonra jquery ve de ajax topluluğuna ait birçok makale silinmiş. * mozilla (mdn) adreslerini değiştirmesi çok kötü bir hamle olmuş tüm mozilla bağlantılarını düzeltmekle uğraştım. * sitepoint.com bir çok
CSS Dersleri
Karşılaştırmaya girmeden bir önceki Grid ile Uyumlu(Responsive) Sayfalar Yapmak yazısının girişinde yazdığımız aşağıdaki paragrafları tekrar hatırlayalım. CSS grid modülü çıkana kadar sayfa planlama biz geliştiricilere modül, özellik grubu veya tanım olarak bir çözüm sunmamıştı. Geliştiriciler mevcut şartları sağlayacak özellikleri sayfa planlaması için kullandı. İlk olarak <table> etiketiyle