راکت
حل شده

ساخت کتابخانه css

7 پاسخ

سلام چند وقتیه دارم به این فکر میکنم که چجوری میتونم یک کتابخانه سی اس اس بنویسم کسی مقاله یا فیلم .... میشناسید که بگه چجوریه ؟

ثبت پرسش جدید

پاسخ‌ها

7
فرزاد عامری
فرزاد عامری
@Farzadameri

تخصص: وردپرس

بهترین پاسخ

سلام دوست عزیز
ببین آنچنان کار سختی نیست شما میاید یکسری کلاس ها میسازی مثلا برای دکمه یه کلاس میسازی با نام btn حالا میخوای که دکمه سایز بزرگ داشته باشه میای یه کلاس میسازی با نام bg و درونش میای استایل های مدنظرت برای دکمه بزرگ مینویسی به همین شکل میای برای دکمه مثلاً انواع و رنگ های مختلف میسازی بعد میای اون فایل تو هاست آپلود میکنی و تو هد فایل هایی که میخوای از کتابخونه خودت استفاده کنی میای لینک اون فایلت در هاست میدی .
پیشنهاد میکنم برای اینکه بهتر دستت بیاد برو Bootstrap یا Tailwind یادبگیر تا با روندش بیشتر آشنا بشی

MagicalDev
MagicalDev
@magicaldev1

تخصص: Laravel Developer

درود
خب چه کتابخانه ای دقیقا ‌؟ قراره چه مشکلی رو حل بکنه که الان وجود داره ؟؟‌
مشکل رو انتخاب کنید خودتون با css کدش رو بزنید و حلش کنید و برای استفاده قرار بدید .
فرایند پیچیده ای نداره که مقاله نیاز داشته باشه اصلا . فقط کافیه در css حرفه ای باشید .
موفق باشید .

محمد حسین
محمد حسین
@saghari

تخصص: mevn stack

بوت استرپ چند تا کلاس گذاشته برای هر کدوم یه استایلی مشخص کرده تو اگه اون کلاس رو به تگت بدی اون استایل رو میگیره مثلا یه کلاس برای اخطار یا وارنینگ داره
تیلویند اینطوریه میاد اون کلاس هایی که خودش ساخته رو توی تگات پیدا میکنه با جاوا اسکریپت همونارو توی فایل style.css میذاره مثلا کلاس bg-red-100 یه بک گراند قرمز کم رنگ به تگت میده
در کل همشون یه کلاس رو یه استایل بهش میدن تو اون کلاس رو برای تگت میذاری اون استایل ست میشه

شاید پاسخ شما همین‌جا باشد

رایموند
رایموند
@Raymond

تخصص: مختصص وردپرس - برنامه نویس لاراول

درود خوبی...
ساخت چارچوبی مثل بوت استرپ چیز دشواری نیست و فقط باید سی اس اس اوکی باشید و مدیاکوئری برای رسپانسیو کامل بلد باشید.

سید آرین سید مومن
سید آرین سید مومن
@arianseyed

تخصص: junior security researcher

من خودم دنبال نوشتن بودم و یدونه برای استفاده شخصی نوشتم

کاری که من کردم به شرح زیر بود

اول یک سری کلاس و آیدی در css تعریف کردم و بعدش توی هاست خودم آپلود کردمش و تمام 😃

مهدی
مهدی
@askari.mahdi

تخصص: برنامه نویس

من سی اس اس رو تقریبا کامل بلد هستم ولی این که چجوری کتابخانه درست کنم نمیدونم
اگه میشه یه خورده کامل تر توضیح بدید

مهدی نظری
مهدی نظری
@mahdi.nazari

تخصص: توسعه دهنده Front End

سلام مهدی عزیز🖐
امیدوارم حالت خوب و عالی باشی✨

موضوعی که مطرح کردی صرفا با داشتن پایه ای تا حدودی امکان پذیر نیست چرا که فقط این سطح از دانش شاید نیاز عمومی رو مارو رفع میکنه و برای اینکه من بفهمم یه کتابخونه Css چطوری نوشته میشه ، Maintenace میشه و میتونم اون رو آپدیت و بروز کنم قطعا باید دانشت رو بالا ببری

  • نمونه کدهای مختلف رو ببینی | وبسایت Codepen
  • پروژه های زیادی رو زده باشی | گیت هاب و منابع اپن سورس هر جا مهم نیست
  • ویدیو های یوتیوب | http://youtube.com

هدف ما اینه که کتابخونه ای توسعه بدیم که یا بدرد خودمون بخوره یا مورداستفاده دیگران قراره بگیره
و اینکه حتما از قبل باید فریمورک و کتابخونه های دیگه رو ببینی که چطووووور کار میکنن و چطور پیاده سازی شدن
با بررسی منابع فعلی دانشت میتونه در این زمینه گسترش پیدا کنه

  • نکته مهم اینه که اینارو نگفتم که دلسرد بشی ما باید جوانب کارو همیشه بسنجیم و آگاه بشیم که این مسیر درستشه و نخایم که کیلویی کار جلو بره اوکی | شروع کردن بهتر از شروع نکردنه یادت باشه همیشه 😎
    در ادامه رفرنس و منابعی رو برات میزارم که بتونی بررسی شون کنی و امیدوارم که بدردت بخوره | اگه سوالی داشتی حتما بپرس ❤️

https://dev.to/prankurpandeyy/making-your-own-css-component-library-k0j

https://blog.logrocket.com/top-css-libraries-empower-web-design/

https://www.freecodecamp.org/news/build-a-css-library-with-vitejs/

https://tympanus.net/codrops/2021/10/25/the-process-of-building-a-css-framework/

چطوری کتابخونمون رو روی npm و منابع برنامه نویس ها منتشر کنم ؟

https://docs.npmjs.com/creating-and-publishing-scoped-public-packages/

امیدوارم پاسخم بهت کمک کرده باشه ❤️
موفق و پیروز باشی 🤘🌹

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام