Pure CSS Apple nedir, ne işe yarar?

Pure CSS Apple, Apple cihazlarının CSS ve HTML kodlarını oluşturan tek sayfalık bir uygulamadır. Uygulama aynı zamanda cihazlardan bir set oluşturmak için belirli bir değere göre diğer cihazlara ait orantılı genişlik oluşturan bir generator'a ve oluşturulan kodların nerelerde, nasıl kullanılabileceğine dair bazı örnekler içerir.

Neden Pure CSS?

  • Çünkü png, jpg ve diğer imaj formatlarına göre daha az kaynak kullanır.
  • Vektör formatlı olduğundan retina ekranlar için görüntü kalitesi bozulmaz.
  • Piksel kaybı yaşatmadan büyültülebilir ve genişletilebilir.
  • CSS3 animasyonuna uygundur (Tıpkı şurada yaptığım gibi)
  • Sayfaya birkaç imaj çağırmak yerine, CSS stilleri içinde yüklenir. Ekstra sorgu sayısını azaltır.
  • Tamamen kod ile oluşturulduğundan, sıkıştırılabilir.
  • Cihaz içeriğine herhangi bir içerik gömülebilir (Tıpkı şurada slider olarak kullandığım gibi)

Hangi Apple Cihazlarını oluşturabiliyor?

  • iMac (21,5 inch'lik versiyonu)
  • Mac Book (13 inch'lik versiyonu)
  • iPad (3. jenerasyon)
  • iPhone 4
  • iPhone 5 (Siyah & Beyaz)
  • iPhone 6 (Siyah & Beyaz)

Nasıl kullanılır?

purecssapple.com sitesine gidin, Device Type kısmından cihaz tipini seçin, device width değerine cihaz genişliğini ve isteğe bağlı olarak da ekran rengini girip GENERATE butonuna tıklayın. Oluşturulan kodu kopyalayıp HTML dökümanınıza ve CSS still dosyanıza ekleyin.

 

Ömer Aslanbakan tarafından tarihinde yayımlandı.