إعداد ملف 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".

إضافة خريطة الموقع sitemap إلى مشروع nextjs

في هذه التدوينة سنأخذ نبذة عن فائدة ملف sitemap.xml و بماذا يفيدنا به مع المحركات البحث و في مقدمتهم Google، و كذلك كيفية إنشاء الملف و إضافته إلى مشروع Nextjs و ضبطه.

نصائح في رحلة التعلم الذاتي للبرمجة و التقنية

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

طريقة إضافة وضع الليلي للموقع Dark mode

من الأمور المستحسنة وجود وضع الليلي "Dark mode" في الموقع، بل أصبحت شبه مُتطلّب و تفضيل للكثير من المستخدمين، و في هذه التدوينة سنتطرق إلى طُرق و أساليب لضبط وضع الليلي في الموقع و التعامل مع Media queries من خلال جافاسكربت.

ترتيب العناصر في المصفوفة في جافاسكربت

لا شك بأن عملية ترتيب عناصر المصفوفة مهمة في جافاسكربت، و لا شك بأنّه سيأتي يوم و نحتاج لعملها و ضبطها، و من الجيد بأن جافاسكربت توفر built-in method لـ sort، و ما أود إضافته هنا طُرق ضبط إعادة الترتيب من خلال compareFn التي تُمرر لـ sort ...

التقنيات بين الحقيقة و صخب trends

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