التحديث الشهري لتطوير الويب 2-2019: مصادقة الويب ومشكلة UX

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

مثل هذا الأسبوع ، على سبيل المثال. تذكرت حقيقة ننسى عادة: كيف يتم تنظيم الإنترنت. إذا كنت تتصفح الويب ، فإن معظم حركة المرور يتم توجيهها عبر أمازون في وقت ما ، لذلك إذا قمت بحظر خوادمهم - أو خوادم Google أو Apple أو جميعها - فلن يتبقى الكثير من الإنترنت. لقد استخدمت أداة حظر Pi-Hole DNS في شبكتي لمدة ثلاث سنوات حتى الآن ، لكنني لم أقدرها أبدًا ، حتى علمت بقيمتها الحقيقية هذا الأسبوع - الأمان والخصوصية التي توفرها بالنظر إلى اعتمادنا على عمالقة التكنولوجيا. أليس من اللافت للنظر كيف يعتمد جزء كبير من أمني المتصور على الإنترنت على قطعة واحدة من البرامج مفتوحة المصدر التي قضى المؤلفون الكثير من الوقت والجهود عليها لتوفيرها مجانًا في النهاية؟

أخبار

• تم إصدار Firefox 65. يرسل الإصدار الجديد الأحداث على عناصر HTML disabled ويأتي مع دعم لسمة مرجع referrerpolicy على عناصر script ومتغيرات بيئة CSS (وظيفة env() ) Intl.RelativeTimeFormat لجافا سكريبت وصور WebP.
• تقدم Safari Tech Preview 74 ميزة fetch القابلة للإجهاض ، ودعم U2F HID Authenticators على macOS ، وميزات Web Authentication API الجديدة.
• مع Chrome 72 ، قدم Chrome واجهة برمجة تطبيقات تنشيط المستخدم. لا يسمح الإصدار الجديد أيضًا بالنوافذ المنبثقة عند pageunload .
• قام تحديث Chrome 72 لنظام Android بشحن ميزة Trusted Web Activity التي طال انتظارها ، مما يعني أنه يمكننا الآن توزيع PWAs في متجر Google Play.
• ملاحظات إصدار Safari 12.1 قيد التشغيل (iOS 12.2 ، macOS 10.14.4). ما هو الجديد؟ الوضع المظلم للويب ، ومنع التتبع الذكي ، ومطالبة الإشعارات الفورية لـ Safari على macOS تتطلب الآن إعدادات إيماءة المستخدم والحركة والتوجيه على iOS لتمكين DeviceMotionEvent و DeviceOrientationEvent (وهذا يعني أنه تم تعطيله افتراضيًا الآن). ومن الميزات الجديدة أيضًا واجهة برمجة تطبيقات Intersection Observer و Web Share API و عنصر <datalist> .
  

عام

• يشارك ماكس بوك أفكاره حول سبب كون البساطة هي الشيء الأكثر قيمة والأكثر أهمية في المشاريع.
• Ian Littman على Twitter: "نقل 50٪ من الخوادم إلى PHP 7 من PHP 5 سيوفر 2.5 دولار (معدّل إلى 2.0) مليار من تكاليف الطاقة سنويًا ، وتجنب مليارات الكيلوجرامات من انبعاثات ثاني أكسيد الكربون. قم بالترقية إلى PHP 7. أنقذ الكوكب. "
• كيف بدأت تعلم تطوير الويب؟ أعتقد أن معظمنا اعتمد على وظيفة "عرض المصدر" في متصفحاتنا وما زال يفعل ذلك. ولكن مع JavaScript SPAs والمزيد من الأدوات التي تشوش المصادر وتصغرها وتقبحها ، فإننا نمنع هذا الطريق للتعليم الذاتي لعدد لا يحصى من الأشخاص هناك. دعنا ننتقل إلى نهج أكثر انفتاحًا ونوفر على الأقل خرائط المصدر على خوادم الإنتاج حتى يتمكن الأشخاص من الوصول إلى المصادر الفعلية عبر أدوات المطور.

UI / UX

• ما الذي يجعل الفرق بين المنتج الرقمي الجيد والمنتج الرقمي الرائع؟ حرفان: UX. تصميم تجربة المستخدم. لكن هناك مشكلة أساسية في ذلك. يوهانس إيبن يتحدث عن سبب وجوب رؤية البشر وليس المستخدمين.
• هذه تقرير لطيف عن كيفية تغير مواقع الويب الشهيرة على مدار السنوات العشر الماضية - بما في ذلك Google و YouTube و Amazon و Facebook و Apple و eBay. يمكنك أن ترى بوضوح أننا في عصر مختلف اليوم.
• يلخص كولين إيجان العشرات من الاحتمالات التي لدينا لتخصيص تجربة الويب للمستخدم وأي منها يعمل وأي منها لا يعمل. ويختم بنصيحة قيمة: أن تبدأ ببساطة بدلاً من اتباع عبادة المركب ، بغض النظر عن مدى خبرة الشركة وفريقها التكنولوجي.

HTML و SVG

• كتبت سارة سويدان دورة 101 حول مرشحات SVG لمساعدتك على فهم ماهيتها وكيفية استخدامها لإنشاء مؤثرات بصرية خاصة بك.

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

• يشاركك Rob Dodson ملخصًا رائعًا حول كيفية بناء بدائل وصول أفضل.

خصوصية

• تعد Google واحدة من تلك الشركات التي تجد دائمًا طرقًا جديدة وذكية لكشف بيانات موقع المستخدم وبيعها لأطراف ثالثة. تريد Google الآن بيع بيانات الموقع الدقيقة للمستخدمين لتحسين التخطيط للمخططين الحضريين ، على سبيل المثال. مفيد من ناحية ، ولكنه لا يزال مقلقًا لجميع مستخدمي منتجات Google الذين قد لا يكونون على دراية بما يحدث لبياناتهم.
• يقول Aral Balkan: "كنت مخطئًا بشأن Google و Facebook: لا حرج فيهما (لذا قلنا جميعًا)". تشرح هذه المقالة كيف تكافح حتى أكثر المشاريع مفتوحة المصدر تكريمًا لاتخاذ خيارات أخلاقية ومغالطات تقديم أفضل تجربة مستخدم بدلاً من الترويج للحلول الصحيحة أخلاقياً.

أداء الويب

• يشارك Jens Oliver Meiert بحثه حول كيفية تأثير طريقة كتابة HTML على الأداء. يمكن أن يُحدث ترك العلامات والاقتباسات الاختيارية فرقًا ، على الرغم من أننا قادرون على استخدام gzip أو تقنيات أخرى لتحسين استجابة المستند في المتصفح.

جافا سكريبت

• مع حدوث معظم خروقات البيانات بسبب كلمات المرور الضعيفة والمعاد استخدامها ، أصبحت مصادقة الويب موضوعًا ساخنًا هذه الأيام. يعد الدليل الجديد لمصادقة الويب مثالاً ممتازًا على أن دليل تطبيق الأمان يمكن أن يكون جميلًا أيضًا.
• لخص ماتياس شيفر الدروس التي تعلمها من الحفاظ على قواعد أكواد JS الكبيرة في المشاريع طويلة الأجل.
• يصف الدكتور أكسل راوشماير ما لا يزال مفقودًا في JavaScript وما يمكن تنفيذه في المستقبل.
• هبطت Intersection Observer في WebKit ، وقام فريق Webkit بكتابة برنامج تعليمي مفيد لها.

CSS

• يوضح Rik Schennink كيفية استخدام CSS الذكي لتطبيق الأنماط بناءً على موضع تمرير المستخدم.
• إنه أمر لا يصدق كيف ابتكر فابريسيوس سيفرت هذه الرسوم المتحركة ثلاثية الأبعاد للنظام الشمسي باستخدام CSS النقي.
• يشرح Preethi Sam كيفية استخدام وظيفة CSS element() غير المعروفة لإنشاء متصفح مصغّر.
• يشارك رومان كوماروف نهجه في تصميم مدونة مرن مع شريط جانبي اختياري. مصنوع من شبكة CSS وخصائص مخصصة.

حياة العمل

• يبحث Paul Greenberg عن الوقت الضائع أمام الشاشة ويستكشف كيف يمكن أن تبدو حياتنا وكم من الوقت سنحصل عليه إذا هربنا من الشاشات. هناك بعض الأرقام الكاشفة في المقال: المواطن الأمريكي العادي ينفق 14000 دولار لكل عقد على الهواتف الذكية. هذا هو 70000 دولار على مدار متوسط ​​حياة العمل. يفضل أكثر من 29٪ من الأمريكيين التخلي عن الجنس لمدة ثلاثة أشهر بدلاً من التخلي عن هواتفهم الذكية لمدة أسبوع واحد. أو يمكنك زراعة 150 شجرة وشراء نصف فدان من الأرض مقابل المبلغ الذي تنفقه على هاتفك الذكي وتطبيقاتك سنويًا.
• هل أنت شخص صبور؟ بغض النظر عما إذا كنت كذلك أم لا ، فإن التجربة التي يريد Jason Fried تجربتها تمثل تحديًا بالتأكيد: حاول اختيار أطول خط في السوبر ماركت ، وإلغاء Amazon Prime حتى يستغرق التسليم وقتًا أطول ، واغتنم الفرصة للانتظار كلما أمكن ذلك. احتضان البطء.
• تشارك "في مديح الاعتدال الشديد" منظورًا مثيرًا للاهتمام حول سبب عدم صحة ثقافة الإفراط في الالتزام والعمل الزائد والإفراط في التسليم في جميع مجالات الحياة ، وكيف يمكننا التحول نحو مسار أكثر اعتدالًا وهدوءًا .

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

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