تدوينات

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

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

منذ عام واحد

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

Cover Image for وحدات القياس في css

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

منذ عام واحد

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

Cover Image for دعم rss feeds في مشروع nextjs

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

منذ عام واحد

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

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

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

منذ عام واحد

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

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

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

منذ عام واحد

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

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

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

منذ عام واحد

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

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

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

منذ عام واحد

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

تصميم@sulealothman