قائمة قراءة تطوير الويب # 142: الهويات السياقية وتلميحات النماذج و ApplePay.js

نشرت: 2022-03-10
ملخص سريع ↬ سيكون اليوم يومًا في التاريخ بغض النظر عما سيحدث خلال الأسابيع القادمة. صوت غالبية الناس في المملكة المتحدة لصالح مغادرة الاتحاد الأوروبي ، وهذا أوضح مرة أخرى أن العديد من الناس في مجتمعنا يعتقدون أن الوضع الحالي لم يعد مقبولاً. لسوء الحظ ، نعتقد أن إلقاء اللوم على هؤلاء الأشخاص هو الحل ، لكن كما نرى ، ليس كذلك. بدلاً من ذلك ، يجب أن نركز على تعليم الأشخاص حول الأسباب الجذرية للمشكلات ، ويجب أن نتجنب نشر كل شيء على الفور. في أخبار أخرى ، عدت من الإجازة لأحضر لك مقالات جديدة لقراءتها. وأدركت شيئًا واحدًا: في حين أن تسلق الجبال ينطوي على مخاطر ومخاطر حقيقية ، فإن العمل على مواقع الويب في الغالب لا يفعل ذلك. بالطبع ، يجب أن يكون أمان مواقع الويب الخاصة بنا أولوية قصوى ، ولكن حتى لو فشلنا ، إذا تعطل أحد مواقع الويب لبضع دقائق ، إذا أخطأنا في التخطيط على بعض الأجهزة ، فلن تكون ميتًا. لدينا الفرصة لتحسين عملنا من خلال ارتكاب الأخطاء وإصلاحها.

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

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

مزيد من القراءة على SmashingMag:

  • أداء موقع الويب: ما يجب معرفته وما يمكنك فعله
  • التصميم المستند إلى البيانات في العالم الحقيقي
  • خارطة طريق لتصبح خبيرًا في اختبار A / B
  • اختبار متعدد المتغيرات 101: طريقة علمية لتحسين التصميم

أخبار

  • تم الإعلان عن Safari 10 في WWDC ، ولديه بعض الميزات الجديدة الرائعة: دعم IndexedDB ، CSP 2.0 ، Shadow DOM 1 ، دعم ES6 / ES2015 الكامل ، دعم واجهة برمجة تطبيقات تدويل ES ، تشغيل الفيديو المضمن والتلقائي على iOS ، صورة في صورة على نظام التشغيل دعم X و WOFF2 بالإضافة إلى دعم تحميل الخط (yay!). في CSS لدينا الآن object-position الكائن لخاصية object-fit المتوفرة بالفعل والقص باستخدام مسارات SVG. أخيرًا وليس آخرًا ، من الآن فصاعدًا ، حتى إذا تم تعيين حجم user-scalable=no كقاعدة منفذ العرض ، فسيكون المستخدمون قادرين على التكبير والتصغير.

مفهوم التصميم

  • قدمت Mozilla طريقة جديدة للتمييز بين سياقات الحياة في متصفحك. يمكنك الآن فتح علامة تبويب "عمل" أو علامة تبويب "مصرفية" ، تم إنشاء كل منها في سياقها الخاص بحيث يمكنك تسجيل الدخول إلى حسابات Twitter مختلفة في نافذة متصفح واحدة ، على سبيل المثال. هذا مفهوم مثير للاهتمام ، خاصة وأن سير العمل مدروس جيدًا بالفعل ، مما يجعل تجربة المتصفح أفضل.
المزيد بعد القفز! أكمل القراءة أدناه ↓

الهويات السياقية في Firefox Nightly
تتيح الهويات السياقية في Firefox Nightly للمستخدمين فتح علامات تبويب في سياقات مختلفة - الشخصية والعمل والمصرفية والتسوق - وتفصل بيانات الموقع لتحسين الخصوصية والأمان. (رصيد الصورة: Mozilla)

أدوات ومهام سير العمل

  • قدمت Adobe هذا الأسبوع إصدارًا تجريبيًا جديدًا من محرر الأكواد Dreamweaver. ألقيت نظرة عليه ، وأنا معجب جدًا بأنهم تمكنوا من قلب التيار وجعله محررًا عصريًا وجذابًا للمبرمجين المحترفين مرة أخرى. لدي فضول لمعرفة ما ستجلبه التعليقات المفتوحة للمنتج النهائي في المستقبل.

حماية

  • مدير وكالة المخابرات المركزية جون برينان رجل واثق من نفسه. أخبر أعضاء مجلس الشيوخ الأمريكي مؤخرًا أنه لا داعي للقلق بشأن أضرار الأبواب الخلفية للتشفير الإلزامي للشركات الأمريكية ، وذلك ببساطة لأنه لا توجد منتجات غير أمريكية ناجحة. لسوء الحظ ، هو على حق. لا يوجد الكثير من المنتجات التي لا يوجد مقرها في الولايات المتحدة ، وهذا كل ما تريده وكالة المخابرات المركزية ، حيث يكفي النقر على معظم حركة المرور التي تأتي من Facebook و Google و Microsoft و Apple و Yahoo على أي حال.

خصوصية

  • "بدءًا من نظام التشغيل iOS 10 ، تستخدم Apple تقنية الخصوصية التفاضلية للمساعدة في اكتشاف أنماط الاستخدام لعدد كبير من المستخدمين دون المساس بالخصوصية الفردية." يعلق ماثيو جرين على هذه التكنولوجيا الجديدة ويحاول معرفة مزاياها وعيوبها وآثارها.
  • يريد Facebook إثبات أن إعلاناته تؤدي إلى عمليات شراء فعلية. لهذا السبب يمكن لمعلني Facebook الآن إضافة مواقع متاجرهم الفعلية ، وسيقوم Facebook بعد ذلك بتتبع المستخدمين من خلال مواقع هواتفهم والإبلاغ عما إذا كانوا قد زاروا المتجر. بالطبع ، ليس Facebook هو أول شركة تفعل ذلك: فالمستخدمون في Google فخورون بأنهم فعلوا الشيء نفسه بالفعل منذ بعض الوقت. يسعدني عدم وجود تطبيقات لهذه العلامات التجارية على هاتفي بعد الآن.
  • Archive.org - المشروع الذي يحفظ تاريخنا على الإنترنت كل يوم. مشروع نحبه جميعًا لأنه يمكنه استعادة المواقع التي لم تعد موجودة ، أليس كذلك؟ حسنًا ، يبدو أنه ليس كل شخص سعيدًا بذلك ، ويشرح Brewster Kahle المشكلات التي يواجهونها: أثناء محاولتهم حماية خصوصية مستخدميهم ، يواجهون هجمات DDoS ضخمة ويتم حظرهم من قبل دول تقييدية مختلفة. الآن يشاركون لماذا لا يعد توجيه DNS عبر Cloudflare خيارًا ولماذا يعتمدون على تبرعاتنا لتشغيل المشروع.

HTML و SVG

  • بعد Safari الذي قدم الميزة بالفعل في iOS 8 ، ستتمكن الآن من إضافة autocomplete="new-password" لتلميح إصدارات Chrome القادمة عند إنشاء كلمة مرور. من الممكن إضافة تلميحات أخرى أيضًا - current-password أو username ، على سبيل المثال.
  • على الرغم من كونها سمة بسيطة وقديمة ، إلا أنه يمكنك العثور على الكثير من مواقع الويب التي تقوم بذلك بشكل خاطئ: lang HTML. في بعض الأحيان لا يتم التصريح عنها على الإطلاق ، وأحيانًا تكون قيمتها "en" على الرغم من أن المحتوى ليس باللغة الإنجليزية. تعرف على كيفية استخدام سمة lang بشكل صحيح وأين يمكنك تطبيقها.

إمكانية الوصول

  • يشرح Rob Dodson سبب وجوب بناء بدائل وصول أفضل في مثال الوسائط وتعطيل tabindex.
  • أصدرت Google دورة مجانية حول إمكانية الوصول إلى الويب حول الجرأة.
نافذة مشروطة على موقع التجارة الإلكترونية
النماذج عادة ما تكون عقبة في الوصول. يشرح روب دودسون كيف يمكننا تحسينها. (رصيد الصورة: روب دودسون)

جافا سكريبت

  • AOS عبارة عن مكتبة رسوم متحركة أثناء التمرير تعتمد على CSS والتي تمنح المستخدم تحكمًا كاملاً في التصميم.
  • يمكنك الآن البدء في تطبيق Apple Pay على موقع الويب الخاص بك باستخدام إطار عمل ApplePay JavaScript الخاص بالشركة. من المثير للاهتمام أن كلا من Google و Apple يعملان بشكل كبير على إدخال أنظمة الدفع الخاصة بهما مباشرة إلى المتصفح. لسوء الحظ ، ولكن أيضًا من المعتاد بالنسبة لشركة Apple ، فهم لا يتبعون معيار الويب مثل Web Payment API هنا ، لكنهم يقدمون فقط النظام البيئي الخاص بهم.

CSS / ساس

  • في العرض التوضيحي لـ CodePen ، يشارك Jonathan Neal كيفية جعل نص زخرفيًا مسطرًا بظل مربع ينسج بين تنازلي النص ويحافظ على لون النص.
  • من الصعب التحقق من صحة النموذج من جانب العميل ، ونحن نعلم جميعًا ذلك. ولكن بفضل واجهة برمجة تطبيقات التحقق الداخلية للمتصفحات ، يمكننا عرض رسائل ذكية جدًا تخبر المستخدم بالخطأ الذي حدث. يوضح هذا المقال كيفية القيام بذلك بشكل فعال وحتى يقدم نموذجًا معياريًا.
  • غالبًا لا نستخدم الإمكانات الكاملة لـ CSS من أجل التحقق من صحة النموذج UX. يشارك Chris Coyier بعض خدع CSS لفهمها بشكل صحيح.

الذهاب إلى ما بعد ...

  • ليس من المستغرب أن شركات البيانات الضخمة مثل Google ليست معارضة لـ CETA أو TPP / TTIP. الأمر الأكثر إثارة للدهشة هو أن Google تتخذ الآن موقفًا حازمًا بشأن دعم TPP. من خلال المنطق المثير للدماء ، يجادلون لماذا سيكون خطوة إلى الأمام للإنترنت: "لكن قيود الإنترنت - مثل الرقابة ، وحجب المواقع ، والتخزين المحلي القسري للبيانات - تهدد بنية الإنترنت المفتوحة." لن تختفي أي من هذه المشكلات مع TPP باستثناء التخزين المحلي (وهي ميزة فرضها الاتحاد الأوروبي أخيرًا العام الماضي في معركته لحماية خصوصية المستخدمين). بدلاً من ذلك ، يفرض TPP حماية حقوق الطبع والنشر ، ولا يمكنه فعل أي شيء لمنع الشركاء غير التابعين لـ TPP من حظر أجزاء من الإنترنت ، وهو في الواقع يلحق ضررًا كبيرًا بالخصوصية الحالية والقوانين القائمة ومحاكم البلدان لأنه يمنح الشركات إمكانية تقديم تهم محاكم التحكيم - وهي حقيقة تساعد الشركات الفاسدة والرأسمالية على اكتساب المزيد من القوة بينما يكون المواطنون العاديون في وضع غير موات. يمكنك معرفة مدى تأثير الشركات الخاصة بالفعل على السياسيين في سلسلة Netflix الممتازة "House of Cards".
  • لقد قمت بالفعل بربط ملصقات ناسا "مطلوب مستكشفو المريخ" مؤخرًا ، لكنهم الآن أضافوا ملصقات جديدة لتنزيلها. لا تزال أمثلة رائعة على كيفية تصميم ملصقات جميلة وفريدة من نوعها.

وبهذا ، سأغلق هذا الأسبوع. إذا كنت تحب ما أكتبه كل أسبوع ، فيرجى تقديم الدعم لي من خلال التبرع أو مشاركة هذا المورد مع أشخاص آخرين. يمكنك معرفة المزيد عن تكاليف المشروع هنا. إنه متاح عبر البريد الإلكتروني و RSS وعبر الإنترنت.