Dünün WWDC'sindeki açılış konuşması iki yeni işletim sistemine sahipti. Yeni Macos, Yosemite'deki bir kaya oluşumundan sonra El Capitan olarak adlandırılmıştır (çoğu yorumcu tarafından Apple'ın bir sonraki işletim sistemini bir önceki işletim sisteminden ziyade küçük bir versiyon olarak gördüğünü belirtmiştir). MacOS El Capitan ve iOS 9 artık Apple geliştiricilerin kullanımına sunuldu, gelecek ay halka açık beta sürümüne sunulacak ve sonbaharda yayınlanacak.

İki ülkeye (Kanada ve İngiltere) ve Apple'ın akıcı müzik hizmetine sunulan Apple ödemeleri hakkındaki ezici duyuruların arasında, Apple'ın Web'i nasıl gördüğü ve önümüzdeki birkaç yıl içinde gelişen Safari'nin rolü hakkında bir dizi ipucu vardı. ...

1) Kaydırma kaydırma

Web tasarımcıları için en büyük duyurulardan biri, CSS kaydırma yapmanın uygulanmasıdır. Kaydırma kaydırması - şu anda JavaScript ile elde edilir - kaydırmadaki hareket hızını ayarlama yöntemidir, böylece kaydırma önceden tanımlanmış bir konuma geçer. Bir sonraki bölüme kaydırılan tek bir sayfa sitesini, rasgele sayıdaki piksellerin aksine kaydırdıysanız, kaydırma işleminde sorun yaşadınız.

Apple, tek sayfa siteleri için eğilimi bekliyor… devam etmek

Apple'ın tek sayfa siteleri için, tüm görüş alanını dolduran bölümlerin, devam etmeden devam etmesi için eğilimi beklediği bir belirtidir.

Safari 9, aşağıdaki CSS kaydırma yakalama özelliklerini sunar: -webkit-scroll-snap-tip, -webkit-scroll-snap-noktaları-y, -webkit-scroll-snap-noktaları-x, -webkit-scroll-snap-hedef, ve -webkit-scroll-snap-koordinat.

Kaydırma yapışması büyük ölçüde aşamalı bir geliştirme olarak görüldüğü için, bu etkinin JavaScript'ten CSS'ye geçmesi pratik olabilir.

2) Sabitlenmiş siteler

Safari 9 sabitlenmiş siteleri tanıtır. Sabitlenmiş siteler, bir sekme açık bırakmadan, favori web sitelerinizi hızlı erişim için tarayıcıda açık tutmanın bir yoludur. Safari 9'da sabitlenmiş siteleri kullanmak için sadece bir açık sekmeyi sola sürükleyin ve sayfaya hızlı bir şekilde erişmenizi sağlayan yer imleri çubuğunda küçük bir simge oluşturulacak.

Kullanıcılar şüphesiz bu özelliği kullanmayı bekleyeceklerdir, bu nedenle tüm sitelerin hazırlanması gerekir. Hazır olmak için yapmanız gereken tek şey bir simge oluşturmaktır: şeffaf bir arka plan ile sağlam bir şekilde siyah yapmak ve bir SVG olarak kaydetmek. Daha sonra, HTML belgenizin başındaki simgeye şu şekilde bağlantı yapabilirsiniz:

Simgeyi markanıza uygun şekilde renklendirmek isterseniz, bu meta etiketi hemen sonra ekleyin:

3) HTML5 video geliştirmeleri

Safari 9, HTML5 videosu için birkaç geliştirme sunar.

Airplay, HTML5 medyası için özel kontroller sağlar. JavaScript kullanarak Airplay kullanılabilirliğini ve mümkün olduğunda (örn. Safari 9'da) özel kontrolleri sağlayabileceksiniz. Marka tutarlılığını bozan varsayılan kontrollerden sıkılan herkes için idealdir.

PiP (Resim içinde Resim), TV'de yaygın olarak kullanılan bir video tarzıdır. PiP, ekranın köşesinde bir video oynatmayı içerirken, diğer içerikler başka bir yerde görülüyor; Geçerli kanal köşede oynatılırken bir Tivo kutusunda kanal rehberine göz atmak iyi bir örnektir.

Safari 9, PiP'yi tanıtırken, gerçekte çalışırken (Apple WWDC açılış konuşması gibi) canlı etkinlikleri izlemeyi seven herkes için inanılmaz bir yenilik. Ancak, çoğu teknoloji gibi PiP kötüye kullanıma açıktır; Önümüzdeki 6 ay içinde tarayıcınızın köşesinde açılan ilk PiP reklamlarını görebileceksiniz. Neyse ki Safari 9, tüm sekmelerde tüm sesleri hızlı bir tıklama ile susturma seçeneğini de içerir.

4) Dokunma olaylarını zorlamak

Apple'ın yeni MacBook'lerinde zorlu dokunmatik trackpad'ler bulunuyor; sadece muslukları değil, dokunduğunuz gücü algılayan trackpad'ler. Safari 9, bu özelliği ele almak için bir dizi yeni JavaScript etkinliğini (ironik olarak fare olayları olarak sınıflandırılır) sunar: webkitmouseforcewillbegin, webkitmouseforcedown, webkitmouseforceup ve webkitmouseforcechanged.

Dokunma olaylarını zorlamak, yalnızca teknoloji değil, aynı zamanda donanım kısıtlı olduğu için bu noktada tamamlayıcı navigasyon için yararlı olacaktır. Bununla birlikte, eğer ilerici bir gelişme olarak kullanılıyorsa, özellikle oyun ve deneysel UI tasarımı alanında bazı ilginç olasılıklar açarlar.

5) SFSafariViewController

İlk bakışta SFSafariViewController, uygulama tasarımcılarına web tasarımcılarından daha fazla ilgi duyuyor. Uygulamaların, Safari'nin oluşturulmasını kullanarak bir uygulamada Web içeriği göstermesine olanak tanır.

Yerel bir uygulama açma, ardından bir şirketin web sayfasında bir hesap oluşturma, bir hesapla oturum açmak için bir uygulamaya dönmeden önce senaryoları düzenlemek için tasarlanan SFSafariViewController ile ilgili önemli olan, Bir şirketin çevrimiçi sistemlerinin kilit taşı. Yerel ve web'in daha yakın entegrasyonuna yönelik çok büyük bir adım attıran küçük bir yazılım parçası.

6) ECMAScript 6

JavaScript gerçekten olması gereken OOP diline dönüşen bir adımdır

Safari geliştiricilerinin, sınıflar, hesaplanmış özellikler, zayıf set, sayı nesnesi, sekizlik ve ikili edebi değerler, sembol nesneleri ve şablon edebi için tam destek içerdiğini öğrenmek için JavaScript geliştiricileri heyecanlanır . Bu destek, JavaScript'in şu anda olması gereken OOP diline dönüşmesi için bir adım daha yakın olduğu anlamına gelir.

7) CSS Filtreleri

Arka plan filtresi CSS özelliği Safari 9'a eklendi. Bulanıklık, parlaklık, kontrast, gölge düşürme, gri tonlama, renk tonu döndürme, ters çevirme, opaklık, doygunluk ve sepya filtreleri mevcuttur.

8) Geliştirici modu güncellemeleri

Duyarlı tasarım modu, farklı görünümlerdeki düzenlerin hızlı bir şekilde değiştirilmesini sağlamanın bir yolu olarak Safari 9'da tanıtıldı. Tüm Apple aygıtları önayarlar olarak dahil edilir, ancak görüntülü toplantılar, sınırlama noktaları yerine, en iyi uygulamalar içerik lehine bir araçtan ziyade istemci toplantıları için yararlı bir sunum aracıdır. Duyarlı tasarım modunun yalnızca görüntü alanını değiştirdiğini, farklı cihazları simüle etmediğini unutmamak önemlidir. Cihaz simülatörlerinin yakalanmasından önce, yeni Apple cihazları piyasaya sürüldüğünde hızlı bir test olarak yararlı olabilir.

Web müfettişi yeniden tasarlandı. UX'i iyileştirmek için bazı UI ayarlarıyla birlikte, çerçeve oluşturma ve performansa daha fazla vurgu yapılır.

9) Düzeltilmemiş CSS

Bazı güncellemeler diğerlerinden daha hoştur. En çok hoş karşılanan, ancak fark edilmek olasılığı düşük olanlardan biri, tarayıcı öneklerinin 45'in üzerinde CSS özelliği için düşürülmesidir. Kısa süre içinde kullanılmakta olan eski tarayıcılarla kısa vadede çok az olsa da, daha eski tarayıcılar önekleri düşürür, ne kadar çabuk onlara iyilik diyelim.

Ön ekin gerektirmeyen en önemli özellik, esnek özellikler, geçiş özellikleri, dönüşüm özellikleri ve animasyon özellikleridir.