الويب
قم بإنشاء تأثيرات صورة مستجيبة باستخدام تدرجات CSS ونسبة العرض إلى الارتفاع
تتمثل المشكلة التقليدية في CSS في الحفاظ على نسبة العرض إلى الارتفاع للصور عبر المكونات ذات الصلة ، مثل البطاقات. توفر خاصية "نسبة العرض إلى الارتفاع" المدعومة حديثًا جنبًا إلى جنب مع "تناسب الكائن" علاجًا لصداع الماضي هذا! دعنا نتعلم استخدام هذه الخصائص ، بالإضافة إلى إنشاء تأثير صورة متدرج سريع الاستجابة لمزيد من الذوق.
قراءة المزيدحالة اللائحة العامة لحماية البيانات في عام 2021: التحديثات الرئيسية وما تعنيه
بصفتنا ممارسين رقميين ، فقد أثرت اللائحة العامة لحماية البيانات (GDPR) على كل جانب من جوانب حياتنا المهنية والشخصية. سواء كنت مدمنًا على Instagram ، أو أرسل رسالة لعائلتك على WhatsApp ، أو تشتري منتجات من Etsy أو معلومات Google ، لم يفلت أحد من القواعد التي تم تقديمها في عام 2018.
قراءة المزيدبناء منهج التعلم الشخصي الخاص بك
بصفتنا مطورين ، نتعلم باستمرار لغات وأطر عمل جديدة. ولكن كيف يمكنك هيكلة هذا التعلم لضمان أقصى فائدة مع استمرار التقدم؟ إليك كيفية وضع منهجك الخاص لمواصلة التحرك في الاتجاه الصحيح.
قراءة المزيدالسياق والمتغيرات في مولد موقع Hugo Static
في هذه المقالة ، نلقي نظرة على موضوع السياق والمتغيرات في Hugo ، منشئ مواقع ثابت شهير. ستفهم مفاهيم مثل السياق العام والتحكم في التدفق والمتغيرات في قوالب Hugo ، بالإضافة إلى تدفق البيانات من ملفات المحتوى عبر القوالب إلى الأجزاء والقوالب الأساسية.
قراءة المزيدنصائح واختصارات تصحيح DevTools (Chrome و Firefox و Edge)
يعتبر DevTools متقدمًا ومفيدًا للغاية ، ولكنه قد يكون أيضًا مخيفًا جدًا وساحقًا. دعونا نصلح ذلك. في هذه المقالة ، يراجع Vitaly الميزات والاختصارات المفيدة لتصحيح الأخطاء في Chrome و Firefox و Edge و Safari.
قراءة المزيدتحسين حجم الفيديو وجودته
يمكن أن تؤدي إضافة الفيديو إلى تطبيقك إلى زيادة تفاعل العملاء ورضاهم. ولكن يمكن أن يحدث العكس تمامًا عندما تكون هناك مشكلات في تشغيل الفيديو: أكشاك الفيديو محبطة وتدفع العملاء بعيدًا. في هذه المقالة ، سنتعرف على خطوات تحسين الفيديو على موقع الويب الخاص بك لضمان التشغيل السريع وتقليل الأكشاك.
قراءة المزيدأشياء يمكن توقعها من ورشة عمل تحطيم: دروس متقدمة في تصميم النماذج
قبل أسبوعين ، نظمنا [Form Design Masterclass] (https://smashingconf.com/online-workshops/workshops/adam-silver) ، ورشة عمل عبر الإنترنت مع Adam Silver جنبًا إلى جنب مع 81 شخصًا ودودًا وذكيًا. يشارك آدم اليوم تجربته وتفاصيله من خلال تسليط الضوء على ما يمكن أن تتوقعه كحضور من ورشة عمل Smashing Workshop ، والأشياء التي يجب وضعها في الاعتبار عند تشغيل واحدة.
قراءة المزيدما الذي يمكن أن يعلمنا إياه شاول باس عن تصميم الويب
اعتمادات الأفلام وشعارات العلامات التجارية والملصقات ... لقد فعل شاول باس كل شيء ، والمبادئ التي استرشدت بها أعماله أصبحت الآن قيّمة تمامًا كما كانت قبل 50 عامًا.
قراءة المزيدإنشاء تطبيق ويب باستخدام React و Redux و Sanity.io
يعد Headless CMS طريقة قوية وسهلة لإدارة المحتوى والوصول إلى واجهة برمجة التطبيقات. بنيت على React ، Sanity.io هي أداة سلسة لإدارة المحتوى المرنة. يمكن استخدامه لبناء تطبيقات بسيطة إلى معقدة من الألف إلى الياء. في هذه المقالة ، يشرح Ifeanyi كيفية إنشاء تطبيق قائمة بسيط باستخدام Sanity.io و React. ستتم إدارة الدول العالمية باستخدام Redux وسيتم تصميم التطبيق بمكونات مصممة.
قراءة المزيدالكتابة الثابتة الديناميكية في TypeScript
في هذه المقالة ، نلقي نظرة على بعض الميزات الأكثر تقدمًا لـ TypeScript ، مثل أنواع الاتحاد والأنواع الشرطية وأنواع القوالب الحرفية والأدوية العامة. نريد إضفاء الطابع الرسمي على سلوك JavaScript الأكثر ديناميكية بطريقة يمكننا من خلالها اكتشاف معظم الأخطاء قبل حدوثها.
قراءة المزيد