الويب
كيفية بناء لعبة SpriteKit في Swift 3 (الجزء 3)
هل تساءلت يومًا ما المطلوب لإنشاء لعبة [SpriteKit] (https://developer.apple.com/spritekit/)؟ هل تبدو الأزرار مهمة أكبر مما ينبغي؟ هل تساءلت يومًا كيف تستمر في الإعدادات في اللعبة؟ لم يكن صنع الألعاب أسهل من أي وقت مضى على iOS منذ تقديم SpriteKit. في الجزء الثالث من هذه السلسلة المكونة من ثلاثة أجزاء ، سننهي لعبة RainCat الخاصة بنا ونكمل مقدمتنا إلى SpriteKit. إذا فاتتك [الدرس السابق] (https://www.smashingmagazine.com/2016/12/how-to-build-a-spritekit-game-in-swift-3-part-2/) ، فأنت يمكنه اللحاق بالركب عن طريق الحصول على الكود [على GitHub] (https://github.com/thirteen23/RainCat/releases/tag/smashing-magazine-lesson-two). تذكر أن هذا البرنامج التعليمي يتطلب Xcode 8 و Swift 3.
قراءة المزيدحروف الفرشاة: تتحسن بعد الممارسة (الجزء الثاني)
في هذه المقالة ، تشارك Alma Hoffmann رحلتها كمتعلمة وتساعدك على البدء من خلال مشاركة النصائح والنصائح العملية ومقاطع الفيديو الإرشادية والعروض المجانية. تنبيه مفسد صغير: الممارسة تحرز تقدمًا.
قراءة المزيدليس دجال: محاربة تعب الجبهة
في هذه المقالة ، يشارك ديفيد بيرنر النصائح حول كيفية تجنب التعب. بمجرد أن تشعر بالإرهاق التام ، من الصعب جدًا استعادة هذا الشغف الذي كان لديك لما تفعله ولماذا بدأت في القيام به في المقام الأول.
قراءة المزيداستكشاف كرر الشبكة في Adobe XD
إذا كنت مصممًا بصريًا ، فمن المحتمل أنك تقضي معظم وقتك في إجراء تعديلات صغيرة على عناصر مرئية متعددة. ربما قرر عميلك أنه يحتاج إلى عدد قليل من وحدات البكسل من الحشو بين كل عنصر من عناصرك ، أو ربما قرر أن جميع الصور الرمزية الخاصة به تحتاج إلى زوايا مستديرة. بأي طريقة ، قد تجد نفسك تقوم بنفس الضبط في تصميمك مرارًا وتكرارًا ... ومرة أخرى. في _Adobe Experience Design CC_ (Beta) ، قدمنا ميزة Repeat Grid لمعالجة هذا الجانب الممل من سير عمل المصمم. في هذه المقالة ، سنحفر بعمق لاكتشاف القوة الحقيقية لهذه الميزة الموفرة للوقت. سننشئ ونضبط شبكة التكرار ، ونضيف محتوى إليها ، ونعمل على توصيلها في وضع النموذج الأولي البسيط والقوي في Adobe XD. إذا كنت ترغب في المتابعة ، يمكنك تنزيل واختبار _Adobe XD_ مجانًا.
قراءة المزيدالأكاذيب الحقيقية لواجهات المستخدم المتفائلة
تنتقل ثلاث واجهات مستخدم (UIs) إلى حانة. الأول يطلب مشروبًا ، ثم عدة مرات أخرى. بعد ساعتين ، يسأل عن الفاتورة ويترك الحانة في حالة سكر. تطلب واجهة المستخدم الثانية مشروبًا ، وتدفع ثمنه مقدمًا ، وتطلب مشروبًا آخر ، وتدفع ثمنه وما إلى ذلك ، وفي غضون ساعتين تترك الحانة في حالة سكر. تخرج واجهة المستخدم الثالثة من الحانة وهي في حالة سكر بالفعل فور دخولها - فهي تعرف كيف تعمل الحانات وتكون فعالة بما يكفي لعدم إضاعة الوقت. هل سمعت عن هذا الثالث؟ يطلق عليه "واجهة مستخدم متفائلة.
قراءة المزيدقائمة قراءة تطوير الويب # 158: قابلية استخدام النموذج ، Vue.js ، وتكشف CSS الحرجة
في هذه الأيام ، كنت أفكر في ** ما الغرض الذي نتمتع به كمطورين في عالمنا **. لا يمكنني تقديم إجابة لك هنا ، ولكن بدلاً من ذلك أريد أن أشجعك على التفكير في الأمر أيضًا. هل لديك رأي في هذا؟ هل نحن فقط نرضي مطالب الآخرين؟ أم أننا مسؤولون عن نصح الأشخاص الذين يطلبون حلولاً منا إذا اعتقدنا أنهم مخطئون؟ سؤال صعب ، وستكون الإجابة مختلفة من شخص لآخر هنا. إذا كنت تريد إخباري بأفكارك ، فسأكون سعيدًا لسماعها. تحمل معي ، قائمة هذا الأسبوع كبيرة. ظهرت الكثير من الموارد الجيدة ، التي تشرح المفاهيم الفنية والتصميمية ، وكيفية استخدام أساليب JavaScript الجديدة لكتابة تطبيقات أكثر ذكاءً ، ومشاركة الدروس المستفادة من تخطيطات شبكة CSS ونصائح للاهتمام بسعادتك.
قراءة المزيدأين توجد أفضل مختبرات الأجهزة المفتوحة في العالم؟
يعرف كل مطور أنه لمجرد أن موقع الويب يبدو ويفعل ما يُقصد به على أحدث iPhone ، لا يعني أنه سيعمل عبر كل جهاز محمول. في هذه المقالة ، سوف ** نسلط الضوء على بعض من العديد من مختبرات الأجهزة المفتوحة ** المتوفرة - مبادرات رائعة ومفيدة من قبل المجتمع تستحق الدعم والاهتمام. تُعد معامل الأجهزة المفتوحة (ODLs) استجابة لعدد لا يحصى من أنظمة التشغيل والمتصفحات والأجهزة التي تتناثر في المشهد التقني لدينا. أنها توفر للمطورين (عادة) مساحة حرة للذهاب لاختبار أنظمة الويب ومواقع الويب والتطبيقات الخاصة بهم على مجموعة من البرامج والأجهزة. تشكل هذه الفرضية جوهر مبادرة [OpenDeviceLab.com] (https://www.OpenDeviceLab.com) ، وهي حركة مجتمعية لمساعدة الأشخاص في تحديد موقع ODL المناسب للوظيفة وحشد المزيد من الدعم لمراكز الاختبار هذه .
قراءة المزيدكيفية إنشاء الرسوم التوضيحية المتجهة الدرامية
لقد كنت أرسم خلفيات سطح المكتب للمجموعات الشهرية لمجلة Smashing Magazine منذ أكثر من عام ، وفي كل مرة تكون مهمة ممتعة وصعبة للغاية. في هذه المقالة ، أود أن أشارك ** كيف أتناول جميع مراحل العملية ** وأقدم تقنيات عامة لإنشاء الرسوم التوضيحية المتجهة في Adobe Illustrator. نأمل أن تجد هذه التقنيات مفيدة. أثناء الإشارة إلى رسم معين - الرسم التوضيحي لخلفية سطح المكتب "فهم نفسك" ، والتي ظهرت في [مجموعة خلفيات مايو هذا العام] (https://www.smashingmagazine.com/2016/04/desktop-wallpaper-calendars- may-2016 / # understand-yourself-05-2016) - سأقوم أيضًا بتسليط الضوء على النقاط الرئيسية من تجربتي كرسام ومصمم.
قراءة المزيدالخروج من الصندوق: إلهام التصميم (نوفمبر 2016)
مع بدء الخريف في إظهار مجده الكامل ، ليس هناك حقًا سبب للبقاء بالداخل وشرب الكاكاو الساخن. لا ، لقد حان الوقت للخروج والاستمتاع بكل ** الألوان الدافئة ** التي يجب أن توفرها الطبيعة ، خاصةً ** الأوراق الصفراء الذهبية النابضة بالحياة ** التي يمكن العثور عليها الآن في كل مكان تقريبًا. إنه موسم الصباح الضبابي ، ولوحات الألوان الدافئة الجميلة. في مجموعة هذا الشهر ، جمعت بعض الرسوم التوضيحية والصور التي تعبر عن هذا الشعور الموسمي. يوضح الرسم التوضيحي الموضح أعلاه طريقة رائعة لكيفية قضاء أيامك قبل حلول فصل الشتاء.
قراءة المزيدالقواعد الذهبية لتصميم الملاحة السفلية
التصميم أكثر من مجرد مظهر جيد - شيء يجب أن يعرفه جميع المصممين. يغطي التصميم أيضًا كيفية _تفاعل المستخدمين مع أحد المنتجات. سواء كان موقعًا أو تطبيقًا ، فهو أشبه بالمحادثة. التنقل _is_ محادثة. لا يهم مدى جودة موقعك أو تطبيقك إذا لم يتمكن المستخدمون من إيجاد طريقهم. في هذا المنشور ، سنساعدك على فهم مبادئ التنقل الجيد لتطبيقات الأجهزة المحمولة بشكل أفضل ، ثم نوضح لك كيف يتم ذلك باستخدام نمطين شائعين. عندما نفحص تصميمات التنقل التفاعلي الأكثر نجاحًا في السنوات الأخيرة ، فإن الفائزين الواضحين هم أولئك الذين ينفذون الأساسيات _ بلا أخطاء_. في حين أن التفكير خارج الصندوق عادة ما يكون فكرة جيدة ، فهناك بعض القواعد التي لا يمكنك كسرها.
قراءة المزيد