تميزت الأمس الرئيسية في Apple WWDC بنظامي تشغيل جديدين. يدعى MacOS الجديد El Capitan بعد تشكيل صخري في Yosemite (والذي تم أخذه من قبل معظم المعلقين للإشارة إلى أن Apple ترى نظامها القادم كإصدار ثانوي ، بدلا من إصدار رئيسي). سيتم طرح MacOS El Capitan و iOS 9 الآن لمطوري Apple ، وسيتم إصدارها إلى الإصدار التجريبي العام الشهر المقبل ، وسيتم نشرها في الخريف.

كان هناك العديد من الإشارات حول كيفية رؤية أبل للإنترنت ، وتطور دور سفاري ، في السنوات القليلة المقبلة ، وذلك بين الإعلانات الغاضبة حول دفع أبل إلى دولتين كاملتين (كندا والمملكة المتحدة) وخدمة الموسيقى المتدفقة من أبل. ...

1) انزلاق التمرير

واحد من أكبر الإعلانات لمصممي الويب هو تنفيذ الالتقاط CSS التمرير. التمرير اللولبي - الذي يتحقق حاليًا باستخدام جافا سكريبت - هو طريقة لضبط التيسير في التمرير حتى ينتقل التمرير إلى موضع محدد مسبقًا. إذا قمت بتمرير موقع صفحة واحدة انزلق إلى القسم التالي ، بدلاً من عدد وحدات البكسل التعسفية ، فقد واجهت عملية الانزلاق.

تتوقع شركة Apple الاتجاه لمواقع الصفحة الواحدة ... للمتابعة

يشير ذلك إلى توقع شركة Apple للاتجاه لمواقع الصفحة الواحدة ، مع الأقسام التي تملأ كامل إطار العرض ، للاستمرار دون هوادة.

يقدم برنامج Safari 9 خصائص الانغراف التمرير CSS التالية: -webkit-scroll-snap-type، -webkit-scroll-snap-points-y، -webkit-scroll-snap-points-x، -webkit-scroll-snap-destination، و -webkit- التمرير ، المفاجئة الاحداثيات.

نظرًا لانصغاط التمرير إلى حد كبير باعتباره تحسينًا تدريجيًا ، فقد يكون من العملي قريبًا تبديل هذا التأثير من JavaScript إلى CSS.

2) المواقع المثبتة

سفاري 9 يقدم مواقع مثبتة. المواقع المثبتة هي طريقة للحفاظ على مواقعك المفضلة مفتوحة في المتصفح للوصول السريع ، دون ترك علامة تبويب مفتوحة. لاستخدام المواقع المثبتة في Safari 9 ، قم بسحب علامة تبويب مفتوحة إلى اليسار وسيتم إنشاء رمز صغير في شريط الإشارات يسمح لك بالوصول إلى الصفحة بسرعة.

يتوقع المستخدمون بلا شك استخدام هذه الميزة ، لذلك يجب إعداد جميع المواقع. لكي تكون جاهزًا ، كل ما عليك فعله هو إنشاء رمز: جعله أسود خالصًا ، مع خلفية شفافة ، وحفظه بتنسيق SVG. يمكنك بعد ذلك الربط مع الرمز الموجود في رأس مستند HTML ، مثل:

إذا كنت ترغب في تلوين الرمز ليتناسب مع علامتك التجارية ، فأضف علامة meta tag هذه فورًا:

3) تحسينات الفيديو HTML5

يقدم Safari 9 تحسينات لمقاطع الفيديو بتنسيق HTML5.

تسمح ميزة Airplay بعناصر التحكم المخصصة لوسائط HTML5. باستخدام JavaScript ستتمكن من اكتشاف توافر Airplay وحيثما أمكن (أي في Safari 9) ، قم بتوفير عناصر التحكم المخصصة. مثالي لأي شخص آخر سئم من الضوابط الافتراضية يكسر اتساق العلامة التجارية.

PiP (صورة في صورة) هو نمط فيديو يستخدم على نطاق واسع على التلفزيون. تتضمن PiP تشغيل فيديو في زاوية الشاشة بينما يتم عرض محتوى آخر في مكان آخر ؛ إن استعراض دليل القنوات على صندوق Tivo في حين تلعب القناة الحالية في الزاوية ، هو مثال جيد.

برنامج Safari 9 introducing PiP هو ابتكار مذهل لكل من يحب مشاهدة الأحداث المباشرة (مثل Apple WWDC keynote) بينما يعمل بالفعل. ومع ذلك ، مثل معظم التقنيات ، يكون برنامج PiP مفتوحًا لإساءة الاستخدام ؛ من المحتمل أن ترى إعلانات PiP الأولى التي تظهر في ركن المتصفح الخاص بك في الأشهر الستة القادمة. لحسن الحظ ، يشتمل Safari 9 أيضًا على خيار تجاهل جميع الملفات الصوتية في جميع علامات التبويب بنقرة سريعة.

4) قوة الأحداث التي تعمل باللمس

تتميز أجهزة MacBook الجديدة من Apple بميزة تراكباد تعمل باللمس. لوحات التتبع التي لا تكتشف فقط الصنابير ، بل القوة التي تنقر عليها. يقدم برنامج سفاري 9 العديد من أحداث جافا سكريبت الجديدة - التي يتم تصنيفها على أنها أحداث ماوس - من أجل التعامل مع الميزة: webkitmouseforcewillbegin و webkitmouseforcedown و webkitmouseforceup و webkitmouseforcechanged.

من المحتمل أن تكون فعاليات فورس تاتش مفيدة فقط للملاحة التكميلية في هذه المرحلة حيث أن التكنولوجيا ليست مجرد برمجيات ، بل أيضًا أجهزة مقيدة. ومع ذلك ، إذا تم استخدامها كتعزيز تقدمي ، فإنها تفتح بعض الاحتمالات المثيرة للاهتمام ، خاصة في مجال تصميم الألعاب والتصميم التجريبي لواجهة المستخدم.

5) SFSafariViewController

للوهلة الأولى ، يبدو أن SFSafariViewController أكثر أهمية لمصممي التطبيقات من مصممي الويب. سيسمح للتطبيقات بعرض محتوى الويب داخل أحد التطبيقات باستخدام عرض Safari.

تم تصميمه لتبسيط السيناريوهات مثل فتح تطبيق أصلي ، ثم إنشاء حساب على صفحة ويب الشركة ، قبل العودة إلى تطبيق لتسجيل الدخول باستخدام الحساب ، الشيء المهم حول SFSafariViewController هو الذي يسمح للويب ، وليس الأم ، أن يكون حجر الزاوية في أنظمة الشركة عبر الإنترنت. إنها جزء صغير من البرامج التي تثير خطوة كبيرة جدًا نحو تكامل أوثق بين المحتوى المحلي والويب.

6) ECMAScript 6

جافا سكريبت هي خطوة أقرب لتصبح لغة OOP التي يجب أن تكون

سيتم تحفيز مطوري جافا سكريبت لتعلم أن Safari 9 يتضمن دعمًا كاملاً للفصول ، والخصائص المحسوبة ، والمجموعة الضعيفة ، وكائن الأرقام ، والثماني الثمانية والحروف الثنائية ، وكائنات الرموز ، والحروف الحرفية. يعني هذا الدعم أن جافا سكريبت هي خطوة أقرب إلى أن تصبح لغة OOP التي يجب أن تكون عليها في الوقت الحالي.

7) مرشحات CSS

تمت إضافة خاصية CSS في Backdrop-filter إلى Safari 9. تتوفر جميع عوامل التظليل ، التمويه ، التباين ، التباين ، التناقص التدريجي ، التدرج الرمادي ، التدوير المتدرج ، العاكسة ، العتامة ، التشبع ، والفلاتر.

8) تحديثات وضع المطور

تم تقديم وضع التصميم المتجاوب في Safari 9 كطريقة لتوفير التبديل السريع للتخطيطات عبر مناطق العرض المختلفة. يتم تضمين جميع أجهزة Apple كإعدادات مسبقة ، ولكنها أكثر من أداة عرض تقديمية مفيدة لاجتماعات العملاء مقارنة بأداة التطوير لأن أفضل الممارسات تفضل المحتوى ، على عكس منفذ العرض ، نقاط التوقف. من المهم ملاحظة أن وضع التصميم المتجاوب يغير فقط إطار العرض ، ولا يحاكي أجهزة مختلفة. قد يكون ذلك مفيدًا كاختبار سريع عند إطلاق أجهزة Apple الجديدة ، قبل أن تقترب محاكيات الجهاز.

تم إعادة تصميم مفتش الويب. جنبا إلى جنب مع بعض تعديلات واجهة المستخدم لتحسين UX ، هناك تركيز أكبر على تقديم الإطار والأداء.

9) CSS غير مُصدَرة

بعض التحديثات موضع ترحيب أكثر من غيرها. واحدة من أكثر الترحيب ، ولكن من غير المحتمل أن يتم ملاحظتها ، هي إسقاط بادئات المتصفح لأكثر من 45 خاصية CSS. في حين أنها لا تفعل الكثير على المدى القصير مع المتصفحات القديمة التي لا تزال قيد الاستخدام ، فكلما سرعان ما تسجل المتصفحات البادئات ، كلما سارعنا إلى وداعها إلى الأبد.

تتمثل أهم خصائص الانتقال دون البادئة في خصائص المرن ، وخصائص النقل ، وخصائص التحويل ، وخصائص الرسوم المتحركة .