مهدی
1 سال پیش توسط مهدی مطرح شد
7 پاسخ

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

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


ثبت پرسش جدید
فرزاد عامری
تخصص : وردپرس
@Farzadameri 1 سال پیش مطرح شد
0

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


MagicalDev
تخصص : Laravel Developer
@magicaldev1 1 سال پیش مطرح شد
1

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


محمد حسین
تخصص : mevn stack
@saghari 1 سال پیش مطرح شد
0

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


رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 1 سال پیش مطرح شد
0

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


سید آرین سید مومن
تخصص : junior security researcher
@arianseyed 1 سال پیش مطرح شد
0

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

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

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


مهدی
تخصص : برنامه نویس
@askari.mahdi 1 سال پیش مطرح شد
0

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


فرزاد عامری
تخصص : وردپرس
@Farzadameri 1 سال پیش مطرح شد
0

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


مهدی نظری
تخصص : توسعه دهنده Front End
@mahdi.nazari 1 سال پیش مطرح شد
0

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

موضوعی که مطرح کردی صرفا با داشتن پایه ای تا حدودی امکان پذیر نیست چرا که فقط این سطح از دانش شاید نیاز عمومی رو مارو رفع میکنه و برای اینکه من بفهمم یه کتابخونه 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/

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


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

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