Şimdiye kadar okuduğum en iyi uyumlu(responsive) web kaynağı. İlk önce pdf’ini okudum, sonra baktım güzel kitap basılısını sipariş ettim. 1 hafta sonra geldi. Okumam uzun sürdü :) Her bölümü 2 kere okuyup ilerlediğim için okuma sürem uzadı. Tabi İngilizce okuma becerimin kısıtlı olmasının da bunda etkisi var.
Kitap değil kütüphane mübarek. Okuduğum en yararlı uyumlu web kitabı @smashingmag #uyumluweb pic.twitter.com/9TNhBq3iOW
— Fatih Hayrioğlu (@fatihhayri) 22 Nisan 2016
Kitapta her bölümü işinde uzman kişilerin yazması ayrı bir güzel. Gerçek hayatta uygulanıp sonuç alınan konular hakkında tatmin edici bilgi veriyor. Hele optimizasyon bölümü harika.
1. Bölüm Tasarım İş akışı - DAN MALL
Bu bölümü ilk okumaya başladığımda “tasarımcıları ilgilendiren bir bölüm okumasam mı” demiştim. Okuduktan sonra iyi ki okumuş dedirtti. Dan MALL gibi tasarımcıları bulmak lazım. Bir tasarımcı sitenin hızını ve optimizasyonunu düşünüyorsa o adama saygı duymalı.
Süreçlerin anlatıldığı bu bölümde beni daha çok etkileyen kısım, uyumlu web için farklı yöntemlerin denenmesi ve bu denemelerin sonuçlarının sunulduğu kısım oldu. Atomik tasarım, tarayıcı üzerinde tasarım yapma vd.
2. Bölüm Uyumlu tasarım modelleri ve bileşenleri - VITALY FRIEDMAN
Uyumlu web’de en çok tercih edilen yöntemlerden birisi de sayfa bazlı değil sayfayı oluşturan bileşenleri tasarlamak. Bu yöntemde genel olarak kullanılan model ve bileşenlerin listesi sunulmuş. Daha sonra bu bileşenlerin önemlileri örnek verilerek gösterilmiş. Aslında çokta genel olmayan örnekler de var. Örneğin müzik notalarının mobilde gösterimi gibi.
3. Uyumlu web’de içerik koreografisi - EILEEN WEBB
İçerik yönetimini anlatıldığı bu bölüm beni çok sarmadı :(
4. Uyumul web için SVG - SARA SOUEIDAN
SVG hakkında tüm bilgileri bulabileceğiniz güzel bir makale. Tabi bir bölümde bunu sunmak zor. Genel itibari ile bilgi sahibi oluyorsunuz. Sara Soueidan bu konuda en bilgili kişilerden birisi. Makale içinde SVG hakkında detay olacak bilgilerin olmasıda güzel.
5. Flexbox ile uyumlu web için gelişmiş modüller yapmak - ZOE. M GILLENWATER
Flexbox teorisini ve uygulamasını sunan güzel bir makale. Ben blogda teorisin anlattım. Burada görünce uygulamalardaki örnekleri anlatsam daha güzel anlaşılır hissi doğdu. Zamanım olursa flexbox ile alakalı örnek uygulamaları yazacağım.
Örnek uygulamalar güzel;
- Esnek genişlikte ve eşit yükseklikte sayfa planları
- Uyumlu web menü örneği
- Galeri örneği
- Blog kart örneği
- Sıralam örneği
6. Web yazı tipleri performansı - BRAM STEIN
Özel yazı tiplerinin performansa olan etkileri ve çözüm önerilerini anlatıldığı güzel bir bölüm. Farklı yazı tipi uzantıları, font-rendering özelliği, CSS Font Load API ve temel optimizasyon yöntemlerinin anlatıldığı güzel bir makale.
7. Uyumlu web’de resimler - YOAV WEISS
Uyumlu web’in önemli konularından birisi resimler. Mevcut durumda kullanılan yöntemler ve optimizasyon metotları ele alınmış.
8. Uyumlu web test ve hata ayıklama - TOM MASLEN
Uyumlu web sayfaların testi hakkında güzel öneriler var. Ayrıca otomatik testlerde işin dibine vurmuş adamlar. Bu kadarınada pes dedirten test araçları var. Görsel otomatik test araçları ilginç.
Bu konu içinde kod düzeni hakkında önerilerde mevcut.
9. Uyumlu mailing tasarımları - FABIO CARNEIRO
Burada anlatılan metotlar gmail desteği öncesi yöntemler. Tam bu bölümü okurken içimden ah be gmail’de desteklese süper olurmuş dediğimde gmail’in media query desteğini vermeye başlayacağını açıklaması süper oldu.
Mailing sancılı bir alan ama hazır şablonlar can kurtarıyor.
10. Çevirimdışı web sayfaları - JOHN ALLSOPP ve MATT GAUNT
Benim için en fazla bilgilendirici konu bu oldu. Bu konuda hiç geliştirmem olmadı ve konuyu okuyunca bayağı aydınlandım.
HTML5’in yeni API’leri hakkında geniş bilgi de bulunan güzel bir konu.
mobil uygulamalara bir adım daha yaklaştıran bir alan.
Sonuç
Onbirinci bölümde var ama beni pek sarmadı, asıl benim pdf okurken beğendiğim Performans optimizasyon yol haritası kısmının basılı kitapta olmaması kitabın tek eksiği bence.
Sonuç olarak her arayüz geliştiricinin muhakkak okuması gereken bir kitap. Başucu kitabı.
Kalın sağlıcakla.