Setinizi Ayarlamayın: Retinaya Gittik!
Bu web sitesini Retina ekranlı yeni bir iPad veya MacBook Pro'da okuyorsanız, logonun ne kadar net olduğunu fark etmiş olabilirsiniz. Devam et; iyice bak. Parmaklarınızla yakınlaştırın. Ayrıca gezinme çubuğuna ve İncelemeler, İpuçları ve Nasıl Yapılır için grafiklere göz atın. Ne kadar net ve net olduklarını görüyor musunuz?
Bunun nedeni, siteyi, Apple'ın piksellerle çok yoğun olan ve neredeyse görünmez olan ekranlar için kullandığı pazarlama terimi olan Retina'ya yükseltmiş olmamızdır.
Gerçekten keskin göründüğünü düşünüyoruz. Ve önümüzdeki hafta, mobil siteyi iPhone 5 için güzel hale getirmek için tam bir revizyon yapacağız.
Sitenin Retina ve Retina olmayan cihazlarda nasıl göründüğü aşağıda açıklanmıştır.
![cultofmac_before_after](/f/2bc46d342db6ff83b334468f48d5d206.jpg)
Bazı geek ayrıntıları için atlamayı vurun:
Retina yükseltmesi, site grafiklerinin çoğunun çözünürlüğünün iki katına çıkarılmasını içeriyordu:
– Masthead (logo, logotype, sosyal)
- Gezinti çubuğu
– Yorumlar (satır içi olmayan)
– Sayfa arka plan gradyanları (kısa süre içinde CSS3'te yapılacak)
– BC simgeleri
– Altbilgi simgeleri ve logosu
– Kuyuları arayın
Masaüstü için bu, her şeyin x2 olduğu anlamına gelir. Bu, boyutun iki katına kadar şişirilmiş orijinal dosyanın değil, iki kat daha ayrıntılı olduğu anlamına gelir.
Site, yeni iPad'lerde ve Retina ekranlı MacBook Pro'larda gözle görülür şekilde daha canlı ve temiz. Değişiklikleri görmek için yeni bir makineye ihtiyacınız var; site, Retina olmayan cihazlar için aynı kalır. Test sırasında, yeni grafikleri açıp kapatırken fark çarpıcıydı. Bir kamerayı odaklamak ve odaktan çıkarmak gibiydi.
Çalışma, Craig Grannell tarafından yapıldı. Snub İletişimleri ve Dan Draper Dan Draper Tasarımları. Harika iş için teşekkürler çocuklar! Ve bizi yükseltmeye zorladığı için okuyucu Adam Scott'a teşekkürler.
Retina olmayan bir ekrana yakınlaştırdığınızda eski site şöyle görünür:
![Cultofmac_non_retina_4](/f/7c35c1c110221bfd0861f27b6aa65cc4.jpg)
Ve yeni iPad'i yakınlaştırdığınızda:
![CultofMac_retina_1](/f/5fcf0e554dea9cdda4cceaa88585a531.jpg)