لوحة المتصدرين

يمكنك إنشاء الفهارس يدويا بإدراج جدول، ثم إدخال العناوين وأرقام الصفحات. لكن هذه الطريقة مطولة وتتطلب منك تحديث الجدول يدويا أيضًا كلما أجريت تغييرا على المستند. في هذا الدرس سنتعلم كيفية إنشاء فهارس تلقائية يمكن تحديثها بسهولة عند إجراء تعديلات على المستند، كما سنتعلم كيفية تخصيص هذه الفهارس وتنسيقها بعدة طرق. يُشار إلى الفهارس في النسخة العربية من مايكروسوفت وورد بمصطلح "جداول المحتويات"، وسنستخدم إصدار Word 2013 لشرح هذا الدرس، علما أنّ الخطوات لا تختلف بالنسبة للإصدارات الأقدم. إنشاء جدول محتويات تلقائيفي البداية، وقبل إنشاء الجدول، يجب أن تقوم بتطبيق أنماط العناوين؛ أي Heading 1 (عنوان 1)، Heading 2 (عنوان 2)، إلخ. يمكنك استخدام هذه العناوين حسب التنسيق الذي ترغب فيه. مثلا استخدم "عنوان 1" للمواضيع الرئيسية في المستند، "عنوان 2" للفقرات الرئيسية للموضوع، "عنوان 3" للفقرات الثانوية، وهكذا. لتطبيق أنماط العناوين: انقر فوق نص العنوان الذي تريد إظهاره في جدول المحتويات، ثم من تبويب الصفحة الرئيسية Home اختر نمط العنوان الذي تريده من قائمة أنماط العناوين. بعد أن تقوم بتطبيق جميع أنماط العناوين، انقر على المكان الذي تريد إنشاء الجدول فيه؛ غالبًا يكون في بداية المستند أو نهايته. اذهب إلى تبويب مراجع References ثم انقر على جدول محتويات Table of Content، واختر جدول تلقائي Automatic Table من القائمة المنسدلة. بهذه الخطوة تكون انتهيت من إنشاء جدول محتويات تلقائي. لنفترض مثلا أنّك قمت بالتعديل على المستند كحذف أو إضافة فقرة، تغيير العناوين، أو غيرها. يمكنك تحديث جدول المحتويات بسهولة بعد القيام بتلك التعديلات. اذهب إلى التبويب مراجع References ثم انقر على زر تحديث الجدول Update Table، واختر أحد الخيارين من مربع الحوار، إما تحديث الجدول بتغيير أرقام الصفحات فقط، أو تحديثه بأكمله. تخصيص جدول المحتويات أو تنسيقهيتيح برنامج وورد إمكانية التحكم في العديد من الخيارات لتخصيص الجدول، كإخفاء أرقام الصفحات، إضافة المزيد من مستويات العناوين، إلخ. يمكنك الوصول إلى هذه الخيارات عن طريق: تبويب مراجع References > جدول محتويات Table of Contents > جدول محتويات مخصص Custom Table of Contents معاينة نموذج الطباعة ومعاينة نموذج الويب.لإظهار أرقام الصفحات أو إخفائها.لإظهار خط المحاذاة بين أرقام الصفحات والعناوين أو إخفائها.لتغيير نمط خط المحاذاة.لتغيير تنسيق الجدول.لتغيير عدد المستويات المعروضة داخل الجدول.لإظهار العناوين في الجدول على شكل ارتباطات تشعبية لتسهيل الوصول إليها داخل المستند وذلك بمجرد النقر على العنوان. بإمكانك تحديد هذا الخيار إذا كنت تريد عرض المستند على الويب. أما إذا كنت تريد استخدام المستند لغرض الطباعة فقط، يمكنك الاكتفاء بخيار أرقام الصفحات.خيارات إضافية متعلقة بمستويات العناوين.لتعديل تنسيق المستويات في جدول المحتويات. إذا كان هذا الزر غير مفعل، غيّر التنسيقات Formats إلى من قالب From template. من مربع حوار تعديل Modify يمكنك أن تغيّر تنسيق النصوص داخل الجدول، كلون الخط، حجم الخط، المسافات البادئة، المسافات بين السطور، إلخ. من مربع الحوار هذا اختر المستوى الذي تريد تغيير تنسيقه ثم انقر على زر Modify. قم بإجراء التغييرات التي ترغب فيها ثم انقر موافق OK. بإمكانك تكرار هذه الخطوة على جميع المستويات في جدول المحتويات، وسيتذكر البرنامج هذا التخصيص كلما قمت بتحديث جدول المحتويات. خيارات متقدمةبإمكانك التحكم أكثر بمحتويات الجدول عن طريق الأنماط المخصصة، أو تعديل الجدول باستخدام رموز الحقول field codes. الأنماط المخصصة Custom Stylesلقد لاحظت أنّ إنشاء جدول المحتويات يعتمد على النصوص التي تم تنسيقها باستخدام أنماط العناوين الافتراضية (عنوان 1، عنوان 2، عنوان 3، إلخ)، مع ذلك تستطيع إنشاء نمط مخصص وتضمينه في جدول المحتويات. مثلًا، إذا كنت ترغب في إضافة مستوى رابع إلى الجدول يعرض وصفًا مختصرًا تحت كل عنوان، يمكنك استخدام نمط مخصص: قم بتحديد النص الذي تريد تضمينه في جدول المحتويات، ثم من معرض الأنماط اختر أنشئ نمطا Create a Style. قم بتسمية النمط بالاسم المرغوب، وليكن "ملخص" مثلا. ثم انقر OK. الآن اذهب إلى جدول المحتويات وانقر داخله لكي يتم تحديده. ثم من تبويب مراجع References انقر على جدول محتويات Table of Contents، ثم جدول محتويات مخصص Custom Table of Contents. انقر على زر خيارات Options ثم مرّر نزولا إلى النمط الذي قمت بإنشائه ("ملخص")، وفي حقل TOC level (مستويات جدول المحتويات) الخاص بهذا النمط قم بإدخال الرقم 4 (أو رقم المستوى الذي تريد إظهار الملخص فيه). لاحظ أن فقرة الملخص قد ظهرت في جدول المحتويات. بإمكانك التعديل على المسافة البادئة لتظهر بشكل مرتب. قم بتحديد النص في جدول المحتويات، ومن لوحة الأنماط انقر على السهم بجانب TOC 4 ثم اختر تعديل Modify. في مربع الحوار الذي سيظهر، انقر على زر تنسيق Format، ثم فقرة Paragraph.في الجزء الخاص بالمسافة البادئة Indentation قم بتغيير قيمة المسافة حسب ما تراه مناسبا. يمكنك استخدام المعاينة في أسفل مربع الحوار قبل تطبيقها. بعد اختيار المسافة البادئة المناسبة انقر OK. تعديل جدول المحتويات باستخدام رموز الحقل Field Codesتعمل رموز الحقل عمل الصيغ formulas في اكسل، حيث يمثل رمز الحقل الصيغة، وتمثل نتيجة الحقل القيمة التي تنتجها تلك الصيغة. تظهر رموز الحقل بين قوسين متعرجين {}، ويمكنك التبديل بين عرض رموز الحقل أو نتيجتها باستخدام المفتاحين Alt + F9. عندما تنقر فوق جدول المحتويات ثم تضغط على المفتاحين Alt + F9 سيظهر رمز الحقل بالشكل التالي: يمثل TOC اسم الحقل، ويستخدم هذا الرمز لبناء جدول محتويات. أما بقية الرموز فتسمى "رموز التبديل switches"، وهي التي تستخدم لتحديد خيارات بناء جدول المحتويات. مثلا الرمز o "1-3" يستخدم لإنشاء جدول من النصوص المطبقة عليها أنماط العناوين من 1 إلى 3. والرمز h يستخدم لعرض النصوص في الجدول على شكل ارتباطات تشعبية. أما الرمز t فيستخدم لإنشاء الجدول من أنماط العناوين المخصصة غير الأنماط الافتراضية، وهو النمط "ملخص" في مثالنا هذا (بإمكانك الاطلاع على المزيد من رموز الحقول الخاصة بجداول المحتويات عبر هذا الرابط). يمكنك استخدام رموز الحقول للتعديل على خيارات الجدول بشكل أسرع من مربعات الحوار. كما توفر رموز الحقول إمكانية تحكم أكبر في الخيارات المتاحة. مثلا، لو أردنا حذف رقم الصفحة من مستوى "الملخص" في جدول المحتويات. لا يمكننا فعل ذلك عن طريق مربع الحوار الخاص بجدول محتويات مخصص، لأنّه لا يوفر إمكانية حذف أرقام الصفحات لكل مستوى على حدة. لكن يمكننا فعل ذلك عن طريق رموز الحقول: قم بوضع المؤشر قبل رمز التبديل "t"، واكتب الرمز n\ ثم مسافة، ثم 4-4 ثم مسافة. إذ يستخدم الرمز n لحذف أرقام الصفحات من مستوى معين. وفي هذا المثال سيتم حذف رقم الصفحة من المستوى الرابع. انقر بزر الفأرة الأيمن على رمز الحقل، اختر تحديث الحقل Update Field، ثم اختر تحديث الجدول بأكمله Update entire table. بعد ذلك اضغط على المفتاحين Alt + F9 للعودة إلى نتيجة رمز الحقل (أي عرض الجدول): لاحظ اختفاء رقم الصفحة في المستوى الرابع. قد ترغب في بعض الأحيان بعرض ملخص أو وصف في جدول المحتويات ولا تريد إظهاره في المستند. بإمكانك فعل ذلك عن طريق الحقل TC. ضع المؤشر أمام العنوان الذي تريد عرض الملخص أو الوصف تحته في جدول المحتويات. من تبويب إدراج Insert انقر أجزاء سريعة Quick Parts ثم اختر حقل Field. من مربع الحوار الذي سيظهر اختر حقل TC. وفي خانة إدخال النص Text entry قم بكتابة النص الذي تريد ظهوره في جدول المحتويات. ثم أدخل رقم المستوى الذي تريد ظهور النص فيه واختر إخفاء رقم الصفحة Suppresses page number ثم انقر OK. وبذلك قمت بإضافة رمز الحقل. لعرض الرمز اذهب إلى تبويب الصفحة الرئيسية Home ثم انقر على زر علامة الفقرات. قم بإخفائه بالنقر على نفس الأيقونة من جديد. الآن اذهب إلى جدول المحتويات واضغط على المفتاحين Alt + F9. في رمز الحقل، ضع المؤشر قبل الرمز t ثم اكتب /f ثم مسافة، وذلك لعرض النص الذي أدخلته في حقل TC. قم بتحديث رمز الحقل ثم اضغط Alt + F9 لعرض جدول المحتويات. ستلاحظ ظهور النص الذي أدخلته في حقل TC في الجدول وعدم ظهوره في المستند. قم بإجراء التنسيقات المرغوبة. إذا كان المستند طويلًا جدا ويتكون من عدة فصول، يمكنك إنشاء أكثر من فهرس واحد في المستند، أي فهرس لكل فصل على حدة. وهذا ما سنشرحه في درس قادم إن شاء الله.

العمل الحر (أو الجلوس الطويل، الوجه الآخر لنفس العملة) قد يجرُّك للهلاك! لا أعني هنا الضّغط الناتج عنه أو عن الإفراط في شرب القهوة الذي غالبًا ما يكون من طقوس المُستقلّين. العمل الحر يجرُّك للهلاك بسبب جلوسك الطّويل متقوّس الظهر أمام شاشة الكمبيوتر طوال اليوم، حيث أجريت العديد من الدراسات العلمية حول هذا الموضوع والتي توصلت إلى أخطارٍ صحية كبيرة نتيجة الجلوس الطويل وقلة الحركة. الجلوس الطويل يمحو أثر كل الجهد الجهيد الذي قد تبذله في ممارسة التمارين الرياضية حتى إن كنت تذهب بانتظام للنادي الرياضي، وهذا ليس بالخبر الجديد على مسامعنا. عبّر الدكتور ديفيد آجوس عن هذا الأمر بكلماتٍ قاسية: أظهر التقرير الذي أعده المركز الوطني لمعلومات التكنولوجيا الحيويّة عام 2012 حول هذا الموضوع نتائج غير مبشّرة. حيث بيّن أن إطالة الجلوس مرتبط مع أمراضٍ خطيرة مثل: أمراض القلب، السرطان، ارتفاع ضغط الدم والبدانة (فالجلوس الطويل لا يمنع الجوع كما يمكن أن يعتقد البعض). لا أعرف ما هي ردود أفعالكم على هذه المعلومات، لكنّني لم أقتنع بها للوهلة الأولى. أتحرّك ولا أطيل الجلوس وأنا لديّ إطارٌ زمنيٌّ محدد لإنجاز مهامّي؟ حركتي تقتصر على المرّات القليلة التي أنهض فيها لأذهب للحمام أو لأعدّ المزيد من القهوة. لكن كيف يمكنني أن أتحرّك أكثر ولا أطيل الجلوس وأنا أكسب دخلي من جلوسي أمام لوحة المفاتيح للتدوين؟ المشكلة ليست فقط في دوام العمل الذي يستمر من الساعة التاسعة للخامسة، فبعد الجلوس في العمل، معظمنا يعود للمنزل (وفي حالة المدوّنين المستقلين مثلي فإننا ننهض من أمام حواسيبنا المحمولة) لنلقي بأنفسنا على الأريكة أمام شاشةٍ أخرى غير شاشة الحاسوب. وهذا ليس مفيدًا على كل حال. لكوني مدوّنةً، قرّرتُ أن أبحث عن خيارات الوقاية المتوفّرة قبل أن يبحثوا لي عن نعشٍ مناسب. ثمن الوقوف في العملهناك دائمًا شخصٌ يسعى لأن يربح على حساب خسارتك، وبدائل الجلوس لا تختلف عن هذا بالنسبة لي. ربّما تختلف معي، لكنني أجد المكاتب الواقفة والمدمجة بأجهزة المشي غير مريحة على الإطلاق. وأيضًا، لديّ ميزانيةٌ وفواتيرٌ لدفعها وأفضّل ألا تكون إحداها لأحد المكاتب المترفة المدمجة بجهاز مشي كهربائي. وبالإضافة إلى أنني لا أحبّ طريقة الاجتماعات والمقابلات التي تتمّ وأفرادها واقفون لتفادي مخاطر الجلوس، والتي يحثّ عليها العديد من الشخصيات البارزة مثل ستيف جوبز ومارك زوكربرغ – فإنّها لا تزال حلًّا غير فعّال لواقع الحاجة للجلوس أمام مكتبٍ طوال اليوم لإنجاز الأعمال. العملاء قد يعتقدون أنّك مجنونٌ إذا قمت لتقف في أحد الأركان خلال اجتماعٍ ما لتتفادى أخطار إطالة الجلوس، نسعى جاهدين لنتودّد للعملاء ونكسب ثقتهم لذلك لا داعي لجعلهم يشكّون في سلامتنا العقلية. الحل الأمثل مجاني!العجيب في الأمر أنّ علاج ما فيه هلاكك بسيطٌ بشكلٍ مدهش، ورخيص الثمن، وفي كثيرٍ من الحالات مجّاني: كلّ 20 دقيقة: انهض واقفًا، تحرّك قليلًا، صفّ ذهنك، وكرّر هذا. هذه النصيحة من غريتشن رينولدز، كاتبة صحفيّة أسبوعيّة في النيويورك تايمز حاولت إيجاد حلٍّ بسيط لتقليل المشاكل الناجمة عن نمط حياتنا المفتقر للحركة. وهذه أحد نصائحها التي ذكرتها في مقابلةٍ معها نشرت في صحيفة النيويورك تايمز: توصّلت رينولدز لشيءٍ رائع من خلال بحثها أثناء كتابة كتابها حول هذا الموضوع: معظم فوائد التمرين تكون في العشرين دقيقة الأولى من الحركة والباقي -كما تقول رينولدز- مجرّد "بهارات". ممارسة الأنشطة الرياضية البسيطة بشكلٍ منتظم ومنفصل لها فائدة عظيمة. لا حاجة لمدرّب. لا حاجة لعضويةٍ في نادي. لا حاجة لأداةٍ على معصمك تحسب خطواتك. كلّ ما تحتاجه هو مؤقّت، وهو موجودٌ في كلّ مكان: في الهاتف النقال وفي جهازك المحمول. المؤقّت يساعدني ألا أستغرق في اللهو وأنسى مهامّي. جمعت أسعارًا لخياراتٍ متنوّعة لمكاتب وأجهزة لياقة في الجدول التالي. (ارتفاع نبضات قلبك نتيجةً لرؤية هذه الأسعار لا يمكن إدراجه ضمن ممارسة الرياضة). ضمّنته مؤقّتي المفضل وكتاب رينولدز: أوّل عشرين دقيقة: نتائج علميّة مفاجئة تظهر لنا كيف يمكننا: أن نتمرن أفضل، نتدرّب بذكاء، ونعيش أطول (أعتقد أنّها احتاجت محرّرًا لكتابة عنوان الكتاب هذا!) سعره مناسب وقد تعتقد أنه يستحقّ أن تدفع فيه، وستجده أرخص في المكتبات على كل حال. تستطيع أيضًا أن تنشئ بنفسك مكتبًا واقفًا باستخدام هذه الحيل من إيكيا. ليس لأفجعك، لكنّ أرخص ثمن ستدفعه بالنسبة لهذه الأفكار 139 دولار، بالإضافة إلى جهدك الذي ستبذله. تريد رأيي؟ الطرق المجّانية أفضل. كيف تحافظ على حياتكألهمتني ريلنولدز ببعض الأفكار، وقمت بإعداد خطّة عمل خاصة بي لتجنّب مخاطر إطالة الجلوس أمام الحاسوب: 1- عين مؤقتا للعشرين دقيقة السحريةأنهضُ واقفةً، ثمّ أسيرُ في دوائر أو أقوم بمهامٍ متعدّدة. قد أخرج الملابس من المجفف (دون أن أطويها بالتأكيد) وفي بعض الأحيان، لجعل الأمر ممتعًا أكثر، أقفز على سبيل الرياضة. في بعض الأحيان أعطي نفسي راحةً أستحقها بجدارة للرقص، ثم أعود للعمل مجدّدًا. هل تعلم ما المفاجئ فعلًا بالنسبة لي؟ أن هذه الطريقة وسيلةٌ فعّالة لإدارة الوقت. أصبح أكثر تركيزًا وتزيد إنتاجيّتي عندما أعرف أنّ لديّ وقتٌ محدّد قبل أن يدق وقت الراحة وعندما أتحرّك أكثر. مكسبٌ مضاعَف! قد أبدو مفرطة في التفاؤل والإيجابيّة، لكن لا يهم. أحاول تحويل شبح الحركة إلى شيءٍ إيجابيّ. يتحسّن شعوري نتيجة قيامي بهذا وأشعر بالمزيد من النشاط. قدماي لا تتخدّران، وعقلي تتحسّن لياقته أيضًا: لا يكون مشوّشًا أو مشتّتًا. ولا أعلق في هذه الدوّامة الرهيبة التي تحدث عندما أتصفّح الإنترنت في وقت الراحة، والتي تتركني أشعر بالخمول كما لو أنّني تناولت للتوّ صندوقًا كاملًا من الكعك. 2- قم واقفا عندما ترد على الهاتف أو تحصل على رسالةهذه إحدى نصائح الذكيّة. أنت تعمل في المنزل لوحدك. لا أحد يراك إذا هببت واقفًا كلّما أردت الردّ على مكالمةٍ هاتفيّة. أصبحت أتصفّح بريدي الإلكتروني على جهازي النقال بدلًا من الحاسوب لأحصل على فرصةٍ للنهوض. وبالنظر إلى كميّة المكالمات التي تتلقاها في وقت العمل، إنّها لمعجزةٌ حقًّا أن تستطيع الجلوس لأكثر من عشر دقائق متواصلة دون أن تنهض واقفًا لبعض الوقت للرد على مكالمة. 3- مارس الرياضة بطريقة غير مباشرةعندما تركن سيّارتك اختَر لها المكان الأبعد. استخدم السلالم وليس المصعد. يجب أن تكون متيقّظًا للفرص التي تُمنح لك للحركة، ابتسِم عندما ترى طابورًا طويلًا في المحلّات. هناك أدلةٌ مثيرةٌ أيضًا تشير إلى أنّ التمارين القصيرة خلال اليوم يمكن أن تكون الحل الأمثل لأولئك الذين لا يستطيعون الذهاب للنادي الرياضي. مهمّتكُ أن تعدّ خطّتك الخاصّة للحركة. من حسن الحظ أنّه لا يوجد حلٌّ وحيدٌ أوحد لتفادي مخاطر إطالة الجلوس، وتستطيع أن تُعد طريقةً مناسبةً لك. لا تجعل هذه النصائح تقف عندك. أنا متأكّدٌ أنّك تعرف على الأقلّ مدوّنًا آخر يواجه مخاطر الجلوس الطويل الآن. احمِ حياته وشاركه هذا المقال! سيسعدني معرفة الأفكار التي تنوي تطبيقها. لديّ صديقٌ يشاهد التلفاز واقفًا. هذا يبدو مؤلمًا لي، لذلك أستبدل الجلوس على الأريكة ببعض القفزات الرياضية (وأجد متعةً في هذا). والآن، شاركنا نصائحك للانتقال إلى حياةٍ صحيّةٍ طويلة الأمد مليئة بالعمل الحر. ترجمة –وبتصرّف– للمقال : Blogger Warning: Don’t Let Your Job Be the Death of You لصاحبته: Marianne Griebler. حقوق الصورة البارزة: Hardworking Businessman Working Late Night | Free vector by Vector Open Stock.

لم تكن شركتنا النّاشئة Groove لتُبنى أبداً بدون مطور، وإليك كيف اتخذت الخطوة الأولى لتحويل فكرتي إلى مشروع تجاري. في البداية لم أكن أملك شيء، لا نموذج أولي، ولا عملاء، وبالتأكيد لا تمويل. حققت شركتي السابقة بعض المكاسب الصغيرة مؤخرًا، مما أعطاني بعض القدرة المالية وكنت جاهزًا ومستعدًا لوضع مالي في تطوير Groove. لكن لماذا سيخاطر أي مطور خبير ومحنك بالانضمام إليّ دون وجود أي سبب للاعتقاد بأننا سننجح؟ مضت الأسابيع بسرعة، ولم يصل بحثي عن شريك مؤسس تقني إلى نتيجة. وإذا كنت أريد تطبيق فكرتي المجنونة، عليّ إذًا البحث عن خيارات أخرى. حاليًا، يختلف في الرأي بشدة الكثير من الأشخاص الأذكياء فيما إذا كانت تحتاج الشركات الناشئة إلى شريك مؤسس تقني في مرحلة مبكرة من العمل. حيث يعتقد Mark Suster أنه " إذا لم يكن لديك شخص ما داخل مؤسستك يُحدّد الاتجاه التقني فأنا واثق أنك لن تصل للعظمة أبداً." بينما يعترف Drew Houston بمدى صعوبة إيجاد شريك مؤسس تقني. ويقترح تعلم البرمجة أو التعهيد. (التعهيد Outsourcing هو استخدام واستئجار كفاءات وقوى وأفراد ووسائل وخدمات من مؤسسات أو شركات أو جهات ثالثة أجنبية أو محلية.) على النقيض من مشاركة مؤسس تقني أو التعاقد مع مطور مستقل. فإن العمل مع شركة تطوير ليس بديلًا يأخذه الكثير من المؤسسين بعين الاعتبار. وبصراحة أعتقد أن Mark على حق، لو أنني وجدت شريك مؤسس تقني مناسب، مع المهارات المُناسبة وبالسّعر /حصّة الشّركة الأنسب كنت لأخبركم الآن قصة مختلفة. لكنني لم أجد الشريك، ولن أخبركم عن تلك القصة. يتوجب عليّ أن أكون مبدعاً إذا أردت البدء في تنفيذ Groove بسرعة. لذا قررت البدء في البحث عن شركة تطوير لبناء الإصدار الأول من Groove. تفحصت العشرات من شركات التطوير دون العثور على الخيار المناسب. لم يشعرني أيًا منهم بأنه سيفعل لي حقاً ما أحاول القيام به. وبعد ذلك، في لقاء غير متوقع، قابلت بالصدفة شركة MojoTech. رتبت هذه المقدمة سير الأحداث التي أدت في النهاية إلى تحويل فكرتي حول Groove إلى تطبيق حقيقي يستخدمه عملاؤنا اليوم. إجراء المكالمة بقيت لأيام أقلّب الأفكار برأسي لأحدّد ماهي الخطوة التالية؟ فكرّت ملياً بالإيجابيات والسلبيات المحتملة. سيكون العمل مع شركة تطوير مكلفًا حقًا. من المحتمل أن يكون ثلاثة أضعاف تكلفة التعاقد مع مطور. لكن بحثي عن شريك مؤسس لم يصل إلى نتيجة، وأنا أضمن بهذه الطريقة على الأقل أن منتجي لن يحتاج وقتًا طويلًا ليبصر النور. وبالنسبة لشركة التطوير التي ستعتمد على ما أدفعه لها لمواصلة نشاطنا، هل ستتماشى مصالحنا؟ هل سيكونون متحمسون للعمل بسرعة مثلي؟ يعني تمامًا مثلما سيفعله الشّريك المُؤسس التقني الذي طال البحث عنه. إذا تعاقدت مع شركة تطوير، فلن أحتاج بالطبع إلى توظيف فريق مما سيسمح لي بالتركيز معهم على بناء المنتج بدلاً من الانشغال بالعديد من المهام التي تأتي عادةً مع بناء الأعمال التجارية. ومن ثم تأتي مسألة الملكية، إذا اخترت التعهيد فستكون ملكية الشركة لي بالكامل، وهذا شيء جيد. ومن جهة أخرى، هذا يعني أيضًا أن جميع القرارات تتوقف علي. ولن يكون هناك قيود تأتي مع وجود شريك لديه منظور مختلف (وأكثر أهمية في العديد من الحالات). في النهاية كان هناك سببان رئيسيان دفعاني للتوقيع مع MojoTech. السبب الأول، بما أنني كنت مدير منتج من خلال خلفيتي وأعمالي السابقة، فقد شعرت بالراحة مع الأدوات والطرق التي يستخدمونها في العمل، كما شعرت بالثقة في قدرتي على التنقل وتقييم المسار الذي سنسلكه معاً. والسبب الثاني أنه كان لدي إدراك جيد للخطوة المقدم عليها بما أنني أعدت كتابة قائمة الإيجابيات والسلبيات ستة أو سبعة مرات. وبالتالي يمكن أن يكون لدي في السوق بعد أربعة أشهر من الآن منتج مفعم بالحياة سيسمح لي بجمع ردود فعل المستخدمين، بالإضافة إلى التحقق من فعالية فكرتي على أرض الواقع ودفع العمل قدماً. أو من الممكن أيضاً أن أبقى جالسًا هنا بدون أي شيء. وقد وقعت العقد مع MojoTech في أصيل ذلك اليوم. ملاحظة: إن عدم اتخاذ أي قرار هو دائماً أسهل من اتخاذ القرار، للأسف لا يبنى أي عمل تجاري على التردد، اتخذ مسارًا ببساطة وسر عليه–حتى لو لم يكن الخيار المثالي-إلا أنه دائماً أفضل من بقائك عاجزاً عن الاختيار. العمل معا في الأشهر التالية، عملت عن كثب مع فريق من 4 أشخاص مكرسين لـ Groove. خلال ذلك الوقت، كنت أتواصل مع الفريق يومياً عبر هيب شات (HipChat خدمة ويب للدردشة الداخلية الخاصة). عملنا كفريق، وأصبح لدينا بعد حوالي 4 أشهر من العمل موقعًا ونسخة تجريبية جاهزة من البرنامج. كان الوصول إلى هذه النقطة كل ما أحتاجه لاختبار افتراضي بأن هناك طلباً على بديل بسيط لـ Zendesk (برنامج يتميز بقدرته على الاندماج مع العشرات من أنظمة إدارة المحتوى وأدوات إدارة علاقات العملاء customer relationship management). أطلقنا النسخة التجريبية، وأسرع موقع the Next Web لكتابة مقال عنا، وكان لدينا بعد أسبوع أكثر من ألف مشترك في النسخة التجريبية من البرنامج. لقد أصبح لديّ حاليًا التأثير الذي كنت أفتقده في المراحل الأولى من العمل. فلديّ عملاء مُحتملين، فكرة يتم التحقق من فعاليتها، ومكالمات من مستثمرين محتملين. باختصار، لديّ شيء لأبني عليه. عملت مع MojoTech على بضعة تطويرات إضافية لتطبيق Groove وتسويق الموقع حتى بدأت بتوظيف أول موظفي Groove. ثم توقفت عن العمل مع MojoTech وافترقنا بشكل وديّ، بعد تعاقدي مع مطورين اثنين لحسابي. تأملت في العمل الذي قمنا به سويةً، كان هناك عدد من الملاحظات (الإيجابية والسلبية) التي تدفع بقوة أي مؤسس في وضع مشابه للتفكير مليًا: الجوانب الإيجابية لدي تطبيق الشيء الأكثر أهمية في كل ذلك. أنه كان لدي تطبيق يعمل أطلقناه في السوق بعد أربع أشهر من بدء العمل، كنا قادرين على جمع ردود أفعال المستخدمين، واختبار المنتج، التعرف على مستخدمينا وتحسين خدماتنا. لم يكن لدي فكرة كم من الوقت كان سيلزم قبل بناء التطبيق لو لم أكن قد تعاقدت مع MojoTech. قاموا بالكثير من العمل نيابة عني لم أحتج للتوظيف. لم أحتج لتدريب أي موظف. وبينما كنت أعمل بقرب مع فريق mojo. لم أحتج إلى إدارة أي شيء بشكل مباشر. تمكنت من التركيز على ما كان أكثر أهمية بالنسبة لي: المساهمة بشكل مباشر في إنشاء المنتج. لدي تأثير مع بناء التطبيق، قام المستخدمون بالتسجيل ونشر موقع The Next Web قصتنا، كان لديّ ما أحتاجه ليس فقط للبدء ببناء فريق، وإنما أيضاً للبحث عن مستثمرين لمساعدتي على مواصلة بناء الشركة، حيث كنت أملك أكثر من مجرد فكرة أعرضها عليهم. في حين أن الحصول على تمويل ليس بالأمر السهل، إلا أن التحقق من فعالية فكرتي أعطتني بعض التأثير الذي ساعدني على إقناع الممولين بأن Groove سيكون رهانًا مناسبًا. وبعد فترة وجيزة من إطلاق الإصدار التجريبي، حصلت على تمويل بقيمة $700,000 من مجموعة صغيرة من الممولين. وهذا أعطانا الدفعة التي نحتاجها للبدء في بناء الفريق. لدي مسؤولية قبل استثمار $300,000 على العمل مع MojoTech، كان Groove يعيش في رأسي وبضعة مستندات في حاسوبي، واستعرضته للشركاء المحتملين في المقاهي، لكن لم أحرز أبداً أي تقدم ملموس. إن الالتزام بالحصول على تطبيق مبني ألقى على عاتقي مسؤولية، ولم يعد التأجيل أمرًا مُمكنًا، أنفقت الأموال وقضي الأمر. وكان يتوجب عليّ البدء بالعمل. الجوانب السلبية لم يكن رخيصا كما أشرت آنفاً، لقد أنجزت الكثير بالأموال التي استثمرتها في العمل مع MojoTech، لقد كان بإمكاني التعاقد مطورين يعملون لحسابي منذ البداية، وليس لدي فكرة إذا ما كانت النتيجة لتكون نفسها، لكن التكلفة لم تكن متواضعة، ولا يستطيع تحملها العديد من الناس. لا زلت أتمنى لو كان لدي شريك مؤسس منذ البداية ليس لدي شريك مؤسس يساعدني في اتخاذ القرارات الأكثر أهمية، أو حتى الثانوية منها. لا يأخذني العديد من الممولين والشركاء المحتملين على محمل الجد بدون شريك مؤسس تقني. كونك مؤسس منفرد (بدون الدعم العاطفي من شخص ما يشاركك رحلتك) فستشعر بالوحدة التي لها آثار فعلية على الشّركة النّاشئة بدرجة كبيرة، وسأشارك المزيد عن هذا الأمر في المقال القادم. أنا أحب بالطبع ما أقوم به كل يوم، لكن هذا لا يعني أن الأمر لا يكون مزعجًا أحيانًا. لم أحب دائما "طريقة عمل شركة التطوير" كريادي أعمال، لقد رغبت دائماً في بناء نسخة سريعة حتّى ولو كانت كثيرة الأخطاء من رؤيتنا بحيث يمكننا طرحها في السوق والبدء بالاختبار والتطوير. إن نهج العمل المنظم لشركة التطوير كان من الصعب تقبله بالنسبة لي . في حين استفادت Groove بشكل كبير جدًا منذ بدأنا في اتخاذ نهج قائم على الأبحاث للنمو. إلا أنني لا أعرف إن كنت سأتخذ مثل هذا النهج المنظم مرة أخرى. تحدي بناء الفريق لم ينجز بعد لا يوجد أي مطور في فريقنا كان موجوداً عند كتابة أول سطر برمجي في المشروع. وهذه مشكلة ضخمة. ليس فقط لأنها تتسبب أحياناً في أخذ وقت طويل لإيجاد الأخطاء وإصلاحها، لكنها أيضاً قضية معنوية، أحب أن يشعر فريقنا بملكية المنتج التي تأتي من المشاركة في بناءه منذ اليوم الأول. هل عليك التعاقد مع شركة تطوير لبناء تطبيقك؟ كتبت هذا المقال لعشرات المؤسسيين ومن يحاولون أن يصبحوا مؤسسين الذي راسلوني يطلبون النصيحة حول إطلاق منتجاتهم. هل التعاقد مع شركة تطوير سينجح معك؟ بصراحة، لا أعرف. لقد نجح الأمر معي. أنا تعاقدت مع MojoTech. لقد بنوا الإصدار الأولي من Groove. ووصلنا إلى ما نحن عليه الآن عن طريق العمل بنشاط بالغ، وتحقيق انتصارات تطلبت جهدًا جهيدًا، كما مررنا بتجارب قاسية للغاية. لم نصل بعد إلى ما نطمح إليه، ولكننا ههنا. هل كنا لنصل إلى هنا لو استمريت في البحث عن شريك تقني مؤسس؟ افترض أنني لن أعرف أبداً. لكن آمل من خلال مشاركتك تجاربي على مساعدتك لاتخاذ خيار بشكل أسهل قليلاً. لن يكون الخيار واضحًا أبدًا، وكذلك الظرف لن يكون مثاليًا أبدًا. لكن الشيء الأكثر أهمية الذي يمكنك أن تفعله. بغض النظر عن أي طريق تختاره، هو أن تبدأ. ترجمة -وبتصرف- للمقال What I Did When I Couldn't Find a Technical Co-Founder لصاحبه Alex Turnbull. حقوق الصورة البارزة: Designed by Freepik.

قبل عدة سنوات لم يكن من الممكن إنشاء قائمة منسدلة بدون الاستعانة بالجافاسكربت، أمّا الآن فيمكننا وبمساعدة بعض الخصائص والمُحدّدات (selectors) المتقدمة الخاصة بلغة CSS3 القيام بذلك وبكل سهولة. فإذا أردت إنشاء قائمة منسدلة خاصة بك فعليك بتتبع هذا الدرس. سوف تحتوي القائمة التي سنقوم بإنشائها على قائمتين فرعيتين تظهران عندما يقوم المستخدم بوضع مؤشر الفأرة (hover) فوق الرابط/العنصر الأب (parent link). ألقِ نظرة على ما سنقوم بإنشائه في هذا الدرس. هيكلة ملف HTMLسنقوم في البداية بإنشاء ملف HTML يحتوي على الوسوم (tags) الخاصة بالقائمة. سوف نستعمل وسم <nav> الذي ظهر في HTML5، ثم نضيف روابط القائمة الرئيسية داخل وسم <ul>. <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Tutorials</a></li> <li><a href="#">Articles</a></li> <li><a href="#">Inspiration</a></li> </ul> </nav>بعد ذلك سوف نضيف القوائم الفرعية (قوائم فرعية درجة أولى) أسفل رابطي "Tutorials" و"Articles"، وكل واحدة من هاتين القائمتين ستكون عبارة عن وسم <ul> موجود داخل وسم <li>. أنظر الشفرة البرمجية في الأعلى. <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Tutorials</a> <ul> <li><a href="#">Photoshop</a></li> <li><a href="#">Illustrator</a></li> <li><a href="#">Web Design</a></li> </ul> </li> <li><a href="#">Articles</a> <ul> <li><a href="#">Web Design</a></li> <li><a href="#">User Experience</a></li> </ul> </li> <li><a href="#">Inspiration</a></li> </ul> </nav>أمّا روابط القائمة الفرعية الثانية (قائمة فرعية درجة ثانية) فسوف تكون موجودة داخل الخيار "Web Design" من القائمة الفرعية الأولى ذات الدرجة الأولى. أي أنّ هذه الروابط ستكون موجودة داخل وسم <ul> وهذا الوسم سيكون موجودًا داخل الوسم: <li><a href="#">Web Design</a></li> (يمكنك النظر إلى الشفرة البرمجية التالية حتى تتوضح الصورة بشكل أفضل). <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Tutorials</a> <ul> <li><a href="#">Photoshop</a></li> <li><a href="#">Illustrator</a></li> <li><a href="#">Web Design</a> <ul> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> </ul> </li> </ul> </li> <li><a href="#">Articles</a> <ul> <li><a href="#">Web Design</a></li> <li><a href="#">User Experience</a></li> </ul> </li> <li><a href="#">Inspiration</a></li> </ul> </nav> لقد حصلنا إلى الآن على قائمة منسدلة بقوائم فرعية واضحة المعالم وسنقوم في الخطوة التالية بإضافة تنسيقات CSS. إضافة تنسيقات CSSلنبدأ الآن بإضافة بعض تنسيقات CSS الأساسية لنجعل القائمة المنسدلة تعمل. يمكننا باستخدام بعض المحددات المتقدمة أن نستهدف عناصر موجودة بشكل عميق داخل بنية HTML من دون استعمال أي ids أو classes، ففي البداية سنقوم بإخفاء العناصر الفرعية وذلك عن طريق استخدام الخاصية display:none على عناصر <ul> الموجودة داخل عناصر <ul> أخرى. وحتى نجعل هذه القوائم تظهر مرة أخرى عند وضع مؤشر الفأرة فوقها فإننا سنحتاج إلى إضافة الخاصية display: block. وبالنسبة للمحدد > فسوف نستخدمه حتى نتأكد بأنّ يظهر فقط العنصر الإبن <ul> الموجود داخل <li> الذي وضع فوقه مؤشر الفأرة بدلًا من أن تظهر جميع القوائم الفرعية بنفس اللحظة وهو ما لا نريده بكل تأكيد. nav ul ul { display: none; } nav ul li:hover > ul { display: block; }يمكننا الآن تنسيق القائمة الرئيسية وذلك باستخدام بعض خصائص CSS3 مثل gradients ،box shadows وborder-radius. استخدمنا position:relative حتى نتمكن من موضعة القوائم الفرعية بالنسبة للقائمة الرئيسية (بعبارة أخرى، حتى نستطيع إعطاء الخاصية position: absloute للقوائم الفرعية)، واستخدمنا الخاصية display: inline-table حتى نمنع القائمة من التمدد على كامل الصفحة. أمّا بالنسبة للسطرين الأخيرين في الكود الموجود في الأعلى فهذا ما يسمى Clearfix وهو يستخدم لحل مشكلة الـfloats الشائعة وحتى لا نضطر إلى استعمال overflow: hidden لأن ذلك سيؤدي إلى إخفاء القوائم الفرعية ويمنعها من الظهور. nav ul { background: #efefef; background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); box-shadow: 0px 0px 9px rgba(0,0,0,0.15); padding: 0 20px; border-radius: 10px; list-style: none; position: relative; display: inline-table; } nav ul:after { content: ""; clear: both; display: block; } قمنا بعد ذلك بتنسيق عناصر القائمة <li> وما تحتويه من عناصر <a>. وعندما يقوم المستخدم بوضع مؤشر الفأرة فوق العنصر سيتحول لون الخلفية إلى إحدى تدرجات اللون الأزرق وسوف يتغير لون الخط إلى الأبيض. nav ul li { float: left; } nav ul li:hover { background: #4b545f; background: linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%); } nav ul li:hover a { color: #fff; } nav ul li a { display: block; padding: 25px 40px; color: #757575; text-decoration: none; } أصبحت القائمة الرئيسية جاهزة الآن ولكن القوائم الفرعية تحتاج إلى بعض العمل الإضافي، فبعض التنسيقات في عناصر القوائم الفرعية سوف ترث تنسيقات العنصر الأب، لذلك سوف نحتاج إلى تغيير لون الخلفية (background) وإزالة border-radius وتعديل قيم padding حتى يظهر كل شيء بأفضل شكل. وحتى نضمن أن تظهر هذه القوائم أسفل القائمة الرئيسية فقد استعملنا الخاصيتين position: absolute و top: 100%. إنّ عناصر <li> الموجودة داخل <ul> في القوائم الفرعية لن تحتاج إلى أن تكون بجانب بعضها بشكل أفقي (أي لن نحتاج إلى استعمال خاصية float) وإنما ستكون فوق بعضها البعض بشكل عمودي مع وجود حدود (borders) صغيرة تفصل بينها. وفي الأخير هناك تأثير hover الذي سوف يُغيّر لون الخلفية إلى شيء أدكن. nav ul ul { background: #5f6975; border-radius: 0px; padding: 0; position: absolute; top: 100%; } nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; } nav ul ul li a { padding: 15px 40px; color: #fff; } nav ul ul li a:hover { background: #4b545f; } نأتي الآن للخطوة الأخيرة وهي موضعة القوائم الفرعية من الدرجة الثانية. سوف ترث هذه القوائم التنسيقات الخاصة بالقائمة الفرعية من الدرجة الأولى وبذلك فكل ما سنحتاجه هو موضعة هذه القوائم باستخدام position: absolute و left: 100% نسبة إلى العنصر الأب <li> الذي يحتوي على الخاصية position: relative. nav ul ul ul { position: absolute; left: 100%; top:0; } وإلى هنا نصل إلى نهاية هذا الدرس ونكون قد حصلنا على قائمة منسدلة جميلة وأنيقة. يمكنك تصفح النتيجة النهائية من هنا. ترجمة -وبتصرف- للمقال How To Create a Pure CSS Dropdown Menu لصاحبه Iggy.