Görmeden Tasarım Yapmak: Zihnindeki Resmi Koda Dökmeye Hazır mısın?

[bora fırlangeç]

Merhaba,

Bize yıllarca web tasarımının sadece "görenlerin" işi olduğu söylendi. "Sen renklerden anlamazsın, hizalamayı göremezsin, düzeni kuramazsın" dediler.

Ben Bora. Kör bir geliştiriciyim ve size şunu söylemek için yazıyorum: Yanılıyorlar.

Tasarım yapmak için gözlere ihtiyacınız yok; sadece uzamsal algıya ve doğru araçlara ihtiyacınız var. Ve şu an elimizdeki en güçlü araç: Tailwind CSS.

Neden Bu Kampa Katılmalısın?

Şubat ayında başlayacak olan "Erişilebilir Web Geliştirme Kampı"nda, size ezbere kod yazmayı değil; zihninizdeki o karanlık boşluğu, bir ressamın tuvali gibi parsellemeyi öğreteceğim.

Görmeden Nasıl Tasarım Yapacağız?

Bu eğitimde, ekranı bir A4 kağıdı veya bir mantar pano gibi düşüneceğiz. Ve Tailwind'in bize sunduğu "Utility" sınıflarıyla o panoya hükmedeceğiz:

• Ekranı Parsellemek: Bir odayı hayal edin. Eşyaları yan yana dizmek istiyorsanız flex, alt alta dizmek istiyorsanız flex-col komutunu vereceksiniz. Bu, görsel bir eylem değil, matematiksel bir dizilimdir.
• Boşlukları Hissetmek: Bir kutunun içindeki eşyaların duvara yapışmasını istemezsiniz, değil mi? İşte o nefes alma payına biz padding diyoruz. p-4 yazdığınızda, o kutunun içine ne kadar boşluk bıraktığınızı zihninizde tam olarak canlandırabileceksiniz.
• Modern Kartlar Tasarlamak: Bir "Ürün Kartı"nı zihninizde canlandırın. Üstte bir başlık, altında bir açıklama, en altta sağa yaslanmış bir "Satın Al" butonu... Bunu yapmak için görmenize gerek yok. justify-between dediğinizde, o başlık ve butonun birbirinden, iki elinizi açmışsınız gibi uzaklaştığını bileceksiniz.

Bu Kendine Yapacağın En Büyük Yatırım

Bu kampın sonunda;

• Kimseye "Bu buton ortalandı mı?" diye sormak zorunda kalmayacaksın. Çünkü yazdığın kodun matematiğine güveneceksin.
• Kendi portfolyo siteni, blogunu veya proje sayfanı tek başına inşa edebileceksin.
• Sadece "arka planı" (backend) yapan değil, "vitrini" (frontend) de yöneten tam donanımlı bir geliştirici olacaksın.

Kapsayıcı Bir Sınıf Deneyimi

Bu eğitimde yalnız değiliz. Gören geliştiricilerle aynı sınıfta olacağız. Onlar bizden "erişilebilirliği", biz onlardan "görsel detayları" öğreneceğiz. Ama günün sonunda, yazdığımız kodun her satırına biz hükmedeceğiz.

Zihnindeki tasarımı koda dökmek ve ekran okuyucunla web'i yeniden inşa etmek istiyorsan, seni bekliyorum.

Detaylar ve Kayıt İçin Tıkla

Görüşmek üzere,
Bora FIRLANGEÇ
Erişilebilir Web Geliştirme Eğitmeni