الويب
W3C في الخامسة والعشرين
في هذه المقالة ، تشرح راشيل أندرو كيفية عمل W3C وتشارك "قصة الويب" لتشرح سبب أهمية عملية معايير الويب لكل شخص ليكون لديه منصة ويب مفتوحة حيث يمكنهم مشاركة قصصهم وبناء أشياء رائعة للويب سويا او معا.
قراءة المزيددليل لأدوات تطوير CSS الجديدة والتجريبية في Firefox
منذ إطلاق Grid Inspector ، تم إلهام فريق Firefox DevTools لبناء مجموعة جديدة من الأدوات لحل مشاكل الويب الحديثة. في هذه المقالة ، سنتعرف على جميع الأدوات السبعة ونلقي نظرة خاطفة على المشاريع المستقبلية المحتملة.
قراءة المزيدكيفية استخدام فتات الخبز على PWA
من المفترض أن تزود PWAs الزائرين بتجربة أفضل من موقع الويب للجوال. ولكن لمجرد أن PWAs ستستخدم التنقل اللزج بالطريقة التي تعمل بها التطبيقات المحلية ، فهذا لا يجعلها سهلة التنقل. إذا كنت قلقًا من صعوبة التنقل في PWA دون بعض التوجيه ، فاستخدم فتات الخبز. يمكنك استخدامها لتحسين التنقل وقابلية القراءة والتحويلات والمزيد.
قراءة المزيدتطوير البرنامج المساعد المخصص لشهر أكتوبر CMS
إذا كنت تحب كتابة كود موجه للكائنات وسهل القراءة ، فهذه المقالة مناسبة لك. ستتعلم كيفية كتابة المكون الإضافي الخاص بك ولماذا قد يكون شهر أكتوبر اختيارًا جيدًا لمشروعك التالي.
قراءة المزيدأنظمة التصميم تدور حول العلاقات
يمكن لأنظمة التصميم تحسين قابلية الاستخدام ، ولكن يمكنها أيضًا تقييد الإبداع أو عدم التزامن مع المنتجات الفعلية. في هذه المقالة ، سوف نستكشف كيف يمكن للمصممين والمطورين إنشاء أنظمة تصميم أكثر قوة من خلال بناء ثقافة التعاون.
قراءة المزيدأنماط التصميم التحريري بشبكة CSS والأعمدة المسماة
من خلال تسمية الخطوط عند إعداد تخطيطات CSS Grid الخاصة بنا ، يمكننا الاستفادة من بعض الميزات الشيقة والمفيدة للشبكة - وهي ميزات تصبح أكثر قوة عندما نقدم الشبكات الفرعية.
قراءة المزيدقرارات تصميم ملهمة مع بيا فيتلر: قوة إبداعية لا يمكن إيقافها
في هذا الإصدار الخامس من قرارات التصميم الملهمة ، سيعلمك آندي كلارك عن Bea Feitler ، التي أدارت Harper's Bazaar طوال الستينيات ووصفت بأنها "المديرة الفنية الرائدة التي لم تسمع بها من قبل". سوف يعلمك Andy عن عمل Feitler الواثق ويوضح لك كيفية تطبيق بعض تقنيات التصميم الخاصة بها على العمل الذي تقوم به للويب. في هذه المقالة ، ستتعلم كيفية التأكيد على المقياس والحفاظ على تباينه حتى على أصغر الشاشات. سيعلمك Andy كيفية تحديد خيارات ألوان واثقة ، وكيفية استخدام النمط والملمس لإضافة عمق إلى تصميماتك.
قراءة المزيدSmashingConf 2020 - سان فرانسيسكو وفرايبورغ ونيويورك وأوستن
إنه رسمي! في العام المقبل ، سننظم SmashingConf في كل من هذه المدن: سان فرانسيسكو وفرايبورغ ونيويورك وأوستن! نحن نخطط للبناء على النجاح والأشياء التي تعلمناها في عام 2019 ، حتى نتمكن من توفير يومين عمليين من التعلم - مع الكثير من المرح والمفاجآت على طول الطريق!
قراءة المزيدهجرة فرانكشتاين: نهج الإطار الحيادي (الجزء 2)
قبل القراءة ، قد ترغب في الرجوع أولاً إلى [الجزء 1] (https://www.smashingmagazine.com/2019/09/frankenstein-migration-framework-agnostic-approach-part-1/) لأنه سيساعدك لمتابعة هذا الجزء الثاني من المقالة.
قراءة المزيدإنشاء الجداول في Figma
هذا دليل مفصل لأولئك الذين يعانون من الجداول في Figma. سننشئ جدولًا باستخدام المكونات ، بحيث يمكنك لاحقًا توفير الكثير من الوقت في قابلية التوسع والتعديلات. علاوة على ذلك ، ستتمكن من دمج الجدول بسهولة في نظام التصميم الخاص بك.
قراءة المزيد