كيف تصبح ماجستير في CSS في 5 خطوات بسيطة

كما تعلمون ، لقد تركت منطقة راحتي مؤخرًا ، وأغلقت Android Studio واندفعت مباشرةً في بحر قاسي ومخيف يسمى تطوير الويب. جزء لا يتجزأ من بناء تطبيقات الويب يعمل مع CSS. بالنسبة لأولئك الذين ليسوا على دراية بـ Cascading Style Sheet - هذه هي الطريقة التي يصمم بها مطورو الويب صفحات الويب الخاصة بهم ، ويعطونها بعض الحياة والهيكل ، ويضيفون الرسوم المتحركة ويفقدون عقلهم أثناء القيام بذلك.

في هذا المنشور ، سأحاول وصف ما يتطلبه الأمر لشخص يريد ، لسبب لا أستطيع فهمه ، أن يصبح أستاذًا في CSS في خمس خطوات بسيطة:

1. تفقد الحدس الخاص بك

لذلك تحتاج فقط إلى إضافة زر واحد إلى نهاية النموذج ، ما مدى صعوبة الحصول عليه ، أليس كذلك؟ يرجى عدم قول "اليمين"!

على سبيل المثال ، لا يحب CSS الجانب الأيمن ، فسيفضل دائمًا اليسار. لأنه عندما تضيف تعويمًا: صحيح ؛ شيء خاطئ لا بد أن يحدث. بعض العناصر سوف تغير مواقفها. بعض divs سوف تذهب فوق بعضها البعض. تقوم بعض الإصدارات القديمة من IE بعرض صفحتك رأسًا على عقب. لماذا ا؟ لا أدري، لا أعرف.

كيف حلها؟ ربما تحتاج إلى إضافة تجاوز سعة: مخفي للعنصر الأصل (أو إضافة div dumm إلى clear floating ، بالطبع). لماذا ا؟ مرة أخرى ، لا أعرف.

هذه هي الطريقة التي تعمل بها CSS ، تعتقد أنه من المفترض أن تعمل بطريقة واحدة ، لكنك عادة ما تكون مخطئًا.

دورة دورة تشفير CSS الخاصة بي (المصدر: الحياة التكنولوجية كرسومات بيانية)

2. ممارسة التأمل بانتظام

للاستمرار في الجزء السابق - عند التعامل مع CSS ، لن تعمل أشياء كثيرة كما هو متوقع. يمكنك محاولة فهم المنطق الكامن وراءه ، ولكن عادة ما يكون ذلك مجرد مضيعة للوقت.

لذا فإنني أوصي ، قبل أن تعرف كل يوم أنك ستعمل على تصميم صفحتك ، واستغرق بضع دقائق ، واسمح لجسمك وعقلك بالاسترخاء. تأمل مع وضع ذلك في الاعتبار: "سيكون هذا صعبًا ، سيكون هذا صعبًا ، لكن هذا مجرد برنامج ، ولم أكن أترك هذا النظام غير الحاسم في أعصابي".

هذا ، مع الجمع بين إزالة أي أشياء حادة بعيدًا عن مكتبك ، يمكن أن يجعل حياتك (وحياة فريقك) أكثر هدوءًا.

المصدر: giphy

3. لا تقم بتحديث صفحتك. أبدا.

عند العمل مع CSS ، فأنت معتاد على العمل مباشرة على المتصفح ، وبهذه الطريقة يمكنك اللعب بسهولة مع خصائص العناصر الخاصة بك والحصول على تعليقات فورية.

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

لديّ نظرية مفادها أنه تم اختراع تطبيق صفحة واحدة.

4. الاشتراك في بعض النشرات الإخبارية.

تطوير الويب هو بيئة سريعة التغير المتغيرة. تتغير الأطر بسرعة ، كل أسبوع توجد مكتبة لامعة جديدة ويتم تقديم مفاهيم جديدة أسبوعيًا.

أفضل طريقة لتكون على قمة الأدوات والأفكار الجديدة هي الاشتراك في واحدة أو أكثر من الرسائل الإخبارية.

بهذه الطريقة ، ستتمكن من قول أشياء مثل: "أوه ، ما زلت تستخدم Flexbox؟ أنا فقط استخدام شبكة CSS الآن ؛ يكون هذا أمرًا غير طبيعي "عندما افسدت العلاقات العامة الخاصة بك تخطيط الصفحة بالكامل ، ولا تعرف السبب.

المصدر: هوانغشوان

5. العمل على مهارات الإقناع الخاص بك.

في يوم من الأيام سوف يأتي مصممك إليك بمفهوم UX المجنون الذي ليس لديك فكرة عن كيفية تنفيذه. لكنك سيد CSS ، ولا يمكن للاساتذة الاعتراف بأنهم لا يعرفون كيفية القيام بشيء ما.

ذلك ما يمكن أن تفعله؟ ببساطة أخرجه منه:

"أوه ، لا يمكننا تحريكه لأنه سيؤدي إلى تعطيل الوصول إلى موقعنا."
"وجهات النظر العائمة تبدو سيئة على الهاتف المحمول ، صدقوني".
"بطاقات المواد؟ هل ما زلنا في عام 2015 ؟!
"Pffff ، مثل Facebook ؟! إنهم يضعون CSS في JS الخاص بهم! هؤلاء الرجال مجانين !! "

استمر في ذلك حتى يكون على ما يرام مع موقع الويب الخاص بقالب بدء التشغيل القياسي الخاص بـ Bootstrap.

المصدر: giphy

الكلمة التالية: هذه المشاركة الساخرة ، وأنا معجب بكل واحد منكم من هناك يمكنه محاذاة النص بشكل صحيح بجوار الصورة المصغرة تمامًا مثلما أراد المصمم أن يكون.

إذا كنت قد استمتعت بهذا المنشور ، فيرجى الضغط على الزر "يوصي" أدناه ومشاركة هذه القصة. سأحب أيضًا سماع تعليقاتك. شكرا لك!

نُشر في الأصل في shem8.github.io في 25 أغسطس 2017.