إعداد ملف tailwindcss config و تخصيصه

على الرغم من وجود كلاسات مساعدة "خدمية" Utility Classes التي توفّرها tailwindcss، كذلك أيضًا توفّر إمكانية تخصيص و زيادة إتّساع كلاسات الخدمية بطريقة سلسة، من خلال ملف الإعداد tailwind.config.js الذي يمنحه لك الإطار، مثل إضافة نظام ألوان أو خطوط و غيرها، و في هذه التدوينة سنتطرق إلى زيادة كفاءة و تخصيص tailwindcss بحيث يصبح لدينا ملف مُعدّ و يمكن استخدامه في أكثر من مشروع و كذلك تطويره.

وحدات القياس في css

ربما لاحظت في بحثك عبر محرك البحث Google كود css يستخدم وحدات قياس rem - em - vh - vw للتعبير عن العرض أو الإرتفاع أو padding أو غيرهم، أو ربما لاحظت إحدى الوحدات عند استخدامك لكلاسات من مكتبة tailwindcss أو bootstrap أو غيرهما من المكتبات المشهورة، في البداية سأخبرك بأن هُناك نوعين من وحدات القياس و هما وحدات قياس المُطلقة و وحدات قياس النسبية.

دعم rss feeds في مشروع nextjs

إن من الأدوات المفيدة لإبقاء قراء و زوار الموقع على إطلاع بأحدث التدوينات و الأخبار دون الحاجة منهم إلى زيارته يدويًا باستمرار هي RSS، حيث تسمح لهم بمعرفة آخر التدوينات و الأخبار المطروحة بشكل تلقائي، و هو أمر جيد كذلك لزيادة عدد الزيارات و الزوار لموقعك بطريقة غير مُباشرة، و في هذه التدوينة سنتطرق إلى ما هو RSS و كيفية إضافته لمشروع Next.js.

دعم تعدد اللغات في Next.js من خلال مكتبة next-translate

تعدد اللغات لأي موقع من الأمور المهمة و المطلوبة، في هذه التدوينة سنتطرق لمكتبة `next-translate` المختصة في تعدد اللغات و توافقها مع `Next.js`، كما إنها تمتاز بسهولة ضبطها و إعدادها مقارنة بقريناتها، بالإضافة إلى مميزاتها الآخرى، و الآن لنبدأ!

تساؤلات متى أصبح مُبرمج و ما هي مُتلازمة امبوستر

إن من أكثر الأسئلة التي تأتيني من الأشخاص في بدايات مشوارهم لتعلّم البرمجة أو مسارهم الوظيفي و العمل الحر كمبرمج هو متى أبدأ؟ متى أصبح مُبرمج؟ و كذلك الأشخاص الذين يملكون الخبرة و المعرفة و لكنهم لا يعترفون بها و يشكّكون في مستوياتهم و أنفسهم، و أود أن أقول بأن الكثير منهم بعد خوض محادثة مطوّلة أجدهم جاهزين للبدء، و بأنهم مُبرمجين فعليًا، و لكنهم لا يدركون ذلك و غير واثقين، و يعود السبب لتسارع تطور التقنيات في عصرنا هذا، و بذلك يجدون أنفسهم غير مُلمّين بجوانب هذا العالم، و في هذه التدوينة سأركّز على النقاط المهمة لتعرّف الشخص بنفسه هل هو جاهز و هل هو مُبرمج أم لا! بالإضافة إلى إن كان مُصاب بمتلازمة المحتال و طُرق تجاوزها!

ما هو ملف robots.txt و طريقة إضافته لمشروع Nextjs

نستطيع أن نقول بأن ملف robots.txt بأنه المسئول عن إخبار برامج التتبع crawlers "أو كما يُطلق عليها برامج الزحف" التابعة لمحركات البحث عن الصفحات التي يمكن طلبها و فهرستها، و في الغالب يُستخدم لتجنّب تحميل عبء زائد على الموقع الإلكتروني من خلال طلبات الزحف، و لا يمكن إعتبارها آلية لإخفاء صفحات ويب من محركات البحث.

إضافة زر نسخ الكود في صفحة ويب

سنتطرق في هذه التدوينة إلى طريقة إضافة زر نسخ الشيفرة "code" إلى حاوية الأكواد "Code snippets" في صفحة ويب، سواءً كانت واحدة أم أكثر بأبسط طريقة من خلال جافاسكربت و كذلك رياكت جي اس "Reactjs".