سلام دوستان
خیلی از شما تا ب حال اسم کتابخونه یا فریم وورک رو شنیدید
در این قسمت میپردازیم به اینکه اصلا چی هست :)
در این مطلب میخوانید:
فریم ورک یا کتابخانه چیه؟
معرفی کتابخانه ی بوت استرپ در css
معرفی کتابخانه ی فونت اوسوم در css
معرفی کتابخانه ی انیمیت در css
معرفی کتابخانه ی جی کوئری
چطوری کتابخونه ها رو استفاده کنیم
چطوری یه کتابخونه بسازیم؟
فریم ورک یا کتابخانه چیه
یک فرد یا گروه،میان یه سری کد مینویسن و برای استفاده عموم قرار میدن
یعنی تعدادی کد آماده که برای استفاده یک میانبر دارن
(در css این میانبر کلاس یا ایدی هستش)
برای مثال قردی میاد 1000 مدل گرادینت رو با css میویسه
و برای استفادش فقط کافیه بنویسیم g1 یا g2
فهمیدید؟
3 کتابخونه ی معروف کتابخونه های css و html
boot strap:
بوت استرپ کتابخونه ایست که نزدیک به 40000 خط استایل نویسی دارد
این کتابخونه برای استفاده در هر وبی بدرد میخوره
وب موسیقی و دانلود داشته باشید،میتونید از دکمه ها و بوتون ها استفاده کنید
وب اموزشی داشته باشید میتونید از آلرت ها و تگ های کیبورد استفاده کنید
و.....
اموزش کار با این کتابخانه به زودی قرار داده میشود
همچنین برای واکنشگرا (ریسپانسیو)سازی نیز استفاده میشود
Animate.css
-کاش میتونستم به قالبم انیمیشن بدم
-کاش برای انیمیشن دادن به css لازم نبود اون همه کد بزنم
و....
اگه اینا حرفای شماست،راه حلتون این کتابخونه است
این کتابخونه چندین انیمیشن آماده داره
قبلا روش کار و معرفیش در این مطلب آمده بود:
Font Awesome
این کتابخونه میلیون ها آیکون داره
آیکون های سیاه رنگ که به صورت وکتور هستند و میشود اندازه ی آن را تا میلیون ها پیکسل زیاد کرد
این کتابخونه هم قبلا معرفی شده:
کتابخونه ی جی کوئری در جاوا اسکریپت
این کتابخونه شناخته شده ترین کتابخونه در جاوا است که بسیار کاربردی میباشد
اموزش کار با آن به زودی قرار داده میشود
چطوری از کتابخونه ها استفاده کنیم؟
کافیه cdn اون کتابخونه رو داحل تگ head قرار بدید:
<link rel="stylesheet" href="cdn of framework.css">
به جای cdn of framework لینک cdn رو بزارید
چگونه کتابخونه بسازیم؟
اگر شما یک عالمه کد دارید که بدرد تبدیل شدن به کتابخونه میخوره این راه رو برید:
1-یک فایل ایجاد کنید
اگر فریم وورکتون css هستش:
sadra-framework.css
اگر جاوااسکریپت هستش:
sadra-framework.js
2-تمامی کد هاتون رو داخلش بریزید
در این مرحله میتوانید جهت کم شد حجم کدهاتون رو در لینک زیر کوتاه کنید
3-حالا کد ها رو به صورت نمایشی آپلود کنید:
(یعی وقتی کلیک میشه فایل رو دانلود نکنه نمایش بده)
به این صورت:
4-حالا کد cdn رو برای استفاده منتشر کنید
<link rel="stylesheet" href="you frame work link">
به جای you frame work link لینک اپلود فایلتو رو بدید
تموم شد
حالا شما یه کتابخونه دارید
توجه: سعی نکنید فقط 100 خط کد بنویسید،اگه میخواین کتابخونه ی عالی بسازید باید حداقل 1000 تا بنویسید
البته از کم شروع کنید و به زیاد برسید :)))
بسیار هم عالی ، میتوانید أز فیلم اموزشی هم استفاده کنید
ممنون
این کد امنیتیو برش دار
حوصله ی اسپم ندارم