اسألني ما شئت عن إطار Tailwind Css وسأجيبك..

السلام عليكم ورحمة الله.

حياكم الله إخواني، جمعة مباركة علينا وعليكم.

لدي تجربة طويلة مع tailwind css بنيت بها عدة منتجات مختلفة منها:

  • أداة معجمي (mujami.alsharekh.org).

  • تطبيق محرّر دَوّن (beta.dawin.io).

  • مشروع SaaS (مشروع كبير الحجم) سيرى النور قريبا بحول الله خلال الأشهر القادمة.

يمكنك أن تسألني ما شئت عن المكتبة وعن دعم اللغة العربية (RTL) وخاصية @Apply و Animations وكذلك تحديثات النسخة الأخيرة (JIT) التي قدّمها قبل أسبوع Adam Wathan.

كتبت عدة أفكار حول المكتبة في مدونتي (أثناء تطويري للمشروع الأخير)، يمكنك الاطلاع عليها من الرابط التالي:

بانتظاركم، دمتم بود ..


  • هل لديك ملف config معدل تعمل به ؟ الرابط ؟

  • كيف تعاملت مع الأبعاد الغير موجودة مثل أبعاد top, right, left, bottom ... إلخ

  • هل حجم الملف ال css النهائي صغير الحجم مقارنة بحجم ملف css ذو تكويد عادي لنفس الموقع مثلا ؟

  • الكلاسات المحدودة فهل تحدك من ناحية التصميم خصوصا الأبعاد و الألوان ؟

  • ما رأيك في سرعة التطوير بإستخدامه مقارنة بالتطوير بال vanilla css ؟

  1. ملف Config تقوم بتعديله تماما وفق ما تريده من ألوان وخطوط وشفراتك الخاصة بك.

  2. كل Margins/Paddings معرّفة وإن كنت تقصد الطول والعرض فهي توفّر لك استخدام أبعادها المعرّفة مسبقاً أو تعرّفها بنفسك في ملف Config. ولكن في التحديث الجديد عبر إضافة JIT لست بحاجة إلى أي variant مسبق. أكتب واستمتع 😃

  3. الملف الناتج صغير جداً لا يقارن بأي مكتبة ثانية سوى Pure Css ولا أظنك بحاجة إلى استخدام Pure Css لو استخدمتها.

  4. الكلاسات الموجودة كافية 98%، ويمكنك تخصيص ما شئت عبر Config، إن واجهت بعض المشكلات المعروفة مثل Pseudo-element يمكنك العودة لملف css وتعريفها.

  5. السرعة لا تقارن، لربما أقول لك 100x مرة على الكتابة العادية للمشاريع المتوسطة وكبيرة الحجم.