Forwarded from Anophel | آنوفل
Bootstrap در مقابل Tailwind CSS: مقایسه فریمورک های برتر CSS
🔺 امروزه فریمورک های CSS متعددی در دسترس هستند که هر کدام دارای پیشنهادات منحصر به فرد خود هستند. انتخاب چارچوب مناسب CSS از بین این گزینهها میتواند چالش برانگیز باشد، زیرا اکثر کاربران مطمئن نیستند که کدام چارچوب برای پروژه توسعه وب آنها مناسبتر اس...
🌐 : Bootstrap در مقابل Tailwind CSS: مقایسه فریمورک های برتر CSS
#css #tailwind #bootstrap
🔺 امروزه فریمورک های CSS متعددی در دسترس هستند که هر کدام دارای پیشنهادات منحصر به فرد خود هستند. انتخاب چارچوب مناسب CSS از بین این گزینهها میتواند چالش برانگیز باشد، زیرا اکثر کاربران مطمئن نیستند که کدام چارچوب برای پروژه توسعه وب آنها مناسبتر اس...
🌐 : Bootstrap در مقابل Tailwind CSS: مقایسه فریمورک های برتر CSS
#css #tailwind #bootstrap
Forwarded from DevAcademy
شرکت
گلرنگ_سیستم برای پست کارشناس توسعه دهنده
فرانت_اند به صورت قرارداد ساعتی/پاره وقت
استخدام میکند.
- جنسیت بدون تفاوت
- دارای حداقل 3 سال تجربه کار عملی و پروژه هایی جهت بررسی فنی.
- تسلط کامل به
#React
#HTML,
#CSS,
#Bootstrap,
#Javascript
- دارای تجربه کار به صورت
#Teamwork
- توانایی حضور حداقل 2 روز کاری در هفته در محل شرکت.
از علاقمندان پیوستن به شرکت گلرنگ سیستم دعوت میکنم در صورت تمایل رزومه خود را جهت بررسی در پیغام خصوصی و یا ایمیل ارسال و یا رزومه ی خود را در سامانه گروه صنعتی گلرنگ تکمیل فرمایند.
[email protected]
https://people.golrang.com/jobs/2728/%DA%AF%D9%84%D8%B1%D9%86%DA%AF-%D8%B3%DB%8C%D8%B3%D8%AA%D9%85_-%DA%A9%D8%A7%D8%B1%D8%B4%D9%86%D8%A7%D8%B3-%D8%AA%D9%88%D8%B3%D8%B9%D9%87-%D9%81%D8%B1%D8%A7%D9%86%D8%AA-%D9%85%D8%AD%D8%B5%D9%88%D9%84%D8%A7%D8%AA-%D8%AA%D8%AD%D8%AA-%D9%88%D8%A8_2024-08-21
💻@DevAcaademy
💬@DevAcademyGroup
گلرنگ_سیستم برای پست کارشناس توسعه دهنده
فرانت_اند به صورت قرارداد ساعتی/پاره وقت
استخدام میکند.
- جنسیت بدون تفاوت
- دارای حداقل 3 سال تجربه کار عملی و پروژه هایی جهت بررسی فنی.
- تسلط کامل به
#React
#HTML,
#CSS,
#Bootstrap,
#Javascript
- دارای تجربه کار به صورت
#Teamwork
- توانایی حضور حداقل 2 روز کاری در هفته در محل شرکت.
از علاقمندان پیوستن به شرکت گلرنگ سیستم دعوت میکنم در صورت تمایل رزومه خود را جهت بررسی در پیغام خصوصی و یا ایمیل ارسال و یا رزومه ی خود را در سامانه گروه صنعتی گلرنگ تکمیل فرمایند.
[email protected]
https://people.golrang.com/jobs/2728/%DA%AF%D9%84%D8%B1%D9%86%DA%AF-%D8%B3%DB%8C%D8%B3%D8%AA%D9%85_-%DA%A9%D8%A7%D8%B1%D8%B4%D9%86%D8%A7%D8%B3-%D8%AA%D9%88%D8%B3%D8%B9%D9%87-%D9%81%D8%B1%D8%A7%D9%86%D8%AA-%D9%85%D8%AD%D8%B5%D9%88%D9%84%D8%A7%D8%AA-%D8%AA%D8%AD%D8%AA-%D9%88%D8%A8_2024-08-21
💻@DevAcaademy
💬@DevAcademyGroup
LinkedIn
LinkedIn Login, Sign in | LinkedIn
Login to LinkedIn to keep in touch with people you know, share ideas, and build your career.
Forwarded from Golden Code (@lix)
نگاهی به تغییرات مهم نسخه 6
طبق اعلام تیم Bootstrap، در نسخهی Bootstrap v6 سیستم رنگ و تم به شکل کامل بازطراحی خواهد شد.
هدف؟؟
سادگی بیشتر، هماهنگی بین کامپوننتها و پشتیبانی هوشمند از حالت تیره و روشن.
کلاسهای سراسری بهجای کلاسهای اختصاصی
قبلن برای هر کامپوننت کلاس جدا داشتیم مثل:
.btn-primary یا .alert-primary.
📌 اما در نسخه 6، کلاسهای رنگی سراسری شدن — مثلن فقط از .theme-primary استفاده میکنید و همهی اجزای داخل اون از همون تم پیروی میکنند.
کد سادهتر، طراحی منسجمتر
تطبیق خودکار با حالت تیره/روشن
نسخه جدید از تابع مدرن CSS بنام light-dark() استفاده میکنه،
بنابرین رنگها بهصورت خودکار با حالت سیستم (Dark/Light Mode) هماهنگ میشن — بدون نیاز به media query.
رنگها
رنگهای تازه مثل Violet، Amber، Lime، Brown و Pewter اضافه شدهاند.
همچنین، درجات خیلی روشن و خیلی تیره (025, 050, 950, 975) برای هر رنگ در دسترسه.
📎 در کل:
نسخهی 6 تمرکز داره روی این موارد:
یکپارچهسازی تمها،
کاهش تکرار در کلاسها،
و پشتیبانی هوشمند از حالت تیره.
نتیجش هم طراحی سادهتر، مدرنتر و حرفهایتر برای تمام کامپوننتها.
#bootstrap #بوت_استرپ #فرانت
@GoldenCodeir 🔥
(منبع👇🏾 )
https://x.com/getbootstrap/status/1975652460992835762?t=Iqg0G6PDseMk691A4Gbj5A&s=35
طبق اعلام تیم Bootstrap، در نسخهی Bootstrap v6 سیستم رنگ و تم به شکل کامل بازطراحی خواهد شد.
هدف؟؟
سادگی بیشتر، هماهنگی بین کامپوننتها و پشتیبانی هوشمند از حالت تیره و روشن.
کلاسهای سراسری بهجای کلاسهای اختصاصی
قبلن برای هر کامپوننت کلاس جدا داشتیم مثل:
.btn-primary یا .alert-primary.
📌 اما در نسخه 6، کلاسهای رنگی سراسری شدن — مثلن فقط از .theme-primary استفاده میکنید و همهی اجزای داخل اون از همون تم پیروی میکنند.
کد سادهتر، طراحی منسجمتر
تطبیق خودکار با حالت تیره/روشن
نسخه جدید از تابع مدرن CSS بنام light-dark() استفاده میکنه،
بنابرین رنگها بهصورت خودکار با حالت سیستم (Dark/Light Mode) هماهنگ میشن — بدون نیاز به media query.
رنگها
رنگهای تازه مثل Violet، Amber، Lime، Brown و Pewter اضافه شدهاند.
همچنین، درجات خیلی روشن و خیلی تیره (025, 050, 950, 975) برای هر رنگ در دسترسه.
📎 در کل:
نسخهی 6 تمرکز داره روی این موارد:
یکپارچهسازی تمها،
کاهش تکرار در کلاسها،
و پشتیبانی هوشمند از حالت تیره.
نتیجش هم طراحی سادهتر، مدرنتر و حرفهایتر برای تمام کامپوننتها.
#bootstrap #بوت_استرپ #فرانت
@GoldenCodeir 🔥
(منبع👇🏾 )
https://x.com/getbootstrap/status/1975652460992835762?t=Iqg0G6PDseMk691A4Gbj5A&s=35
X (formerly Twitter)
Bootstrap (@getbootstrap) on X
Lots of happenings lately for v6's development!
One new idea is to move from component-specific modifiers to global ones. Take this example—use `.theme-primary` on all components, or on a parent, and even override where needed.
Also, spot the new button…
One new idea is to move from component-specific modifiers to global ones. Take this example—use `.theme-primary` on all components, or on a parent, and even override where needed.
Also, spot the new button…
🔥2