الويب
النصيحة المفقودة التي أحتاجها عند بدء مسيرتي المهنية
لمساعدتك على تجنب ارتكاب أخطاء مماثلة وإضاعة سنوات ثمينة من حياتك ، يشاركك بول بواج الدروس المستفادة والحقائق الصعبة في بداية حياته المهنية.
قراءة المزيدتقديم أداة تحليل الصور لاختبار سرعة موقع الويب
يقضي مطورو الويب أيامهم في كتابة النص التشعبي ، ولكن ، البايت مقابل البايت ، يتكون معظم الويب من الصور. من الصعب المبالغة في تقدير تأثير الصور على متوسط أداء صفحة الويب ؛ مواقع الويب الأسرع لها مدى وصول أوسع وتأثير أعلى. أول وأهم شيء يمكنك القيام به ** لتحسين أداء صور موقع الويب الخاص بك ** هو معرفة كيفية قياسها. أدخل _Website Speed Test_ ، وهي أداة مجانية وبسيطة ومفتوحة تستفيد من ذكاء الصور (Cloudinary) للسماح لك بقياس وتشخيص و (بشكل حاسم) التواصل حول أداء الصور لأي موقع ويب. والأفضل من ذلك ، أنه مبني على صفحة WebPagetest لـ Pat Meenan ومتكامل فيها. يستفد؟ واصل القراءة!
قراءة المزيدكيف صممنا تطبيق iOS لتصوير فيديو ثلاثي الأبعاد (دراسة حالة)
في هذه المقالة ، يشارك Evgeny Khrolenok و Igor Mikheiko الدروس المستفادة أثناء تطوير تطبيق لمساعدة الأشخاص على إنشاء مقاطع فيديو استريو ثلاثية الأبعاد خاصة بهم.
قراءة المزيدإنشاء مكتبات أنماط باستخدام Shadow DOM في Markdown
يكره بعض الناس كتابة التوثيق ، والبعض الآخر يكره الكتابة فقط. أنا أحب الكتابة. وإلا فلن تقرأ هذا. من المفيد أنني أحب الكتابة لأنني كمستشار تصميم يقدم إرشادات احترافية ، فإن الكتابة جزء كبير مما أفعله. لكني أكره ، أكره ، أكره برامج معالجة النصوص. عند كتابة وثائق ويب تقنية (اقرأ: [مكتبات الأنماط] (https://www.smashingmagazine.com/taking-pattern-libraries-next-level/)) ، فإن معالجات النصوص ليست مجرد عاصية ، ولكنها غير مناسبة. من الناحية المثالية ، أريد وضعًا للكتابة يسمح لي بتضمين المكونات التي أقوم بتوثيقها بشكل مضمّن ، وهذا غير ممكن ما لم يكن التوثيق نفسه مصنوعًا من HTML و CSS و JavaScript. في هذه المقالة ، سأشارك طريقة لتضمين عروض الكود التوضيحية بسهولة في Markdown ، بمساعدة الرموز القصيرة وتغليف Shadow DOM.
قراءة المزيدكيفية الاستفادة من اجتماعات التصميم الأسبوعية
كيف تحافظ على مشاركة الفريق؟ كيف تتأكد من أن الفريق على اطلاع بكل ما يتم إصداره؟ كم مرة يتحدث أعضاء الفريق مع بعضهم البعض وجهًا لوجه؟ هل لديهم ما يكفي من الدعم لإنهاء مهامهم أو لمتابعة نموهم؟
قراءة المزيدحروف الفرشاة اليسرى: كيف تبدأ
سرعان ما أصبحت الحروف والخط من المهارات المطلوبة في صندوق أدوات المصمم. أصبح المصممون مثل ماريان بانتجيس وجيسيكا هيسش وشون ويس ومارتينا فلور ، على سبيل المثال لا الحصر ، مصدر إلهام لبقيتنا فحسب ، بل أصبح أيضًا معيارًا. عملهم لا يعتمد فقط على العميل ؛ لقد أصبحوا علامتهم التجارية الخاصة من خلال توفير المنتجات لمتابعيهم أيضًا. وقد حذا المصممون الآخرون حذوهم ، والآن يبدو أن الحروف والخط موجودة في كل مكان.
قراءة المزيدتصميم الأكورديون المثالي
أنماط التصميم. عبارة شبه أسطورية تلهم غالبًا إما الرهبة أو الاستياء. بصفتنا مصممين ، نميل إلى التفكير في أنماط التصميم على أنها حلول عامة جاهزة للاستخدام يمكن تطبيقها على سياقات مختلفة بشكل ميكانيكي تقريبًا ، وغالبًا دون مراعاة مناسبة. التنقل؟ خارج قماش! صفقات اليوم؟ دائري! انت وجدت الفكرة.
قراءة المزيدعندما لا يكون الحجم كبيرًا بما يكفي: التصميم باستخدام صور البطل
عندما يأتي المستخدمون إلى صفحتك ، سيشعرون بنوع من رد الفعل. سواء أكان ذلك إيجابيًا أم سلبيًا ، فإن رد الفعل هذا يتحدد في جزء كبير منه بما يرونه. لأن ** الرؤية ربما تكون أقوى حس بشري ** ، فإن صورة البطل هي إحدى أسرع الطرق لجذب انتباه المستخدم. الصور الجريئة والمرسومة والمتعمدة تجذب المستخدم. إنه يجذب المستخدم على الفور ويشكل محورًا مثاليًا لتطبيق أو موقع ويب بسيط. صورة البطل هي أكثر من مجرد صورة جميلة. إنها أداة اتصال قوية. في هذه المقالة ، سأقدم لك بعض النصائح حول استخدام صور الأبطال. أيضًا ، إذا كنت ترغب في البدء والبدء في عمل النماذج الأولية والتأطير السلكي لتصميماتك الخاصة بشكل مختلف قليلاً ، يمكنك تنزيل واختبار Adobe XD_ مجانًا.
قراءة المزيدفقط استمر في التمرير! كيف تصمم صفحات مطولة ومطولة
أصبحت مواقع الويب ذات التمرير الطويل أو [اللانهائي] (https://www.smashingmagazine.com/2013/05/infinite-scrolling-lets-get-to-the-bottom-of-this/) أكثر شيوعًا مؤخرًا ، وليس مجرد اتجاه أو صدفة. تتيح تقنية التمرير الطويل للمستخدمين اجتياز أجزاء من المحتوى دون أي مقاطعة أو تفاعل إضافي - تظهر المعلومات ببساطة أثناء قيام المستخدم بالتمرير لأسفل الصفحة.
قراءة المزيدطباعة مستجيبة للسوائل مع CSS Poly Fluid Sizing
كانت المخططات الانسيابية جزءًا طبيعيًا من تطوير الواجهة الأمامية لسنوات. ومع ذلك ، فإن فكرة الطباعة السائلة جديدة نسبيًا ولم يتم استكشافها بالكامل بعد. حتى الآن ، فإن فكرة معظم المطورين عن الطباعة المرنة هي ببساطة استخدام وحدات Viewport ربما مع بعض الأحجام الدنيا والحد الأقصى. في هذه المقالة ، سوف ننتقل إلى مستوى آخر. سنقوم بفحص ** كيفية إنشاء طباعة مرنة وقابلة للتطوير ** عبر نقاط توقف متعددة وأحجام خطوط محددة مسبقًا باستخدام ميزات المتصفح المدعومة جيدًا وبعض الجبر الأساسي. أفضل جزء هو أنه يمكنك أتمتة كل شيء باستخدام Sass.
قراءة المزيد