টুইটার বুটস্ট্র্যাপ বনাম jQuery ইউআই? [বন্ধ]

Question

আমি কিছু বেসিক পৃষ্ঠা বর্ধনের জন্য jQuery UI ব্যবহার করছি। বোতাম এবং ইনপুট স্টাইলিং এবং মডেল ডায়ালগ বাক্স। এখন আমি বুটস্ট্র্যাপ জুড়ে এসেছি এবং এটি দেখতে বেশ সুন্দর দেখাচ্ছে।

JQuery UI ব্যবহার থেকে বুটস্ট্র্যাপে যাওয়ার কোনও অভিজ্ঞতা আছে কি? এটি আমি যা করতে ভাবছি তবে এটি করার আগে আমি কী সমস্যার মুখোমুখি হতে পারি সে সম্পর্কে সচেতন হতে চাই।

Comments

এটির একটি সম্ভাব্য সমাধান যা যখন জিজ্ঞাসা করা হয়েছিল তখন এটি উপলভ্য নাও হতে পারে ... অ্যাডি ওসমানী এবং তার দল দু'জনের একত্রীকরণের জন্য কাজ করছেন - যদি আপনি তাদের মধ্যে আটকে থাকেন, তাহলে পরীক্ষা করে দেখুন এবং সম্ভবত আপনি যা চান তা পেতে পারেন! - addyosmani.github.io/jquery-ui-bootstrap

— রাস্তার আলো

(2014!) উত্তরগুলি কীভাবে আপডেট করবেন? কেউ কি এখানে অনুগ্রহ শুরু করতে পারেন?

— পিটার ক্রাউস

বুটস্ট্র্যাপ ওয়েবসাইট থেকে - "বুটস্ট্র্যাপ কেবল একবারে একটি মডেল উইন্ডো সমর্থন করে N নেস্টেড মডেলগুলি সমর্থন করা হয় না কারণ আমরা বিশ্বাস করি যে তারা ব্যবহারকারীর দুর্বল অভিজ্ঞতা" " - শুভ দুঃখ

— জর্জ বিয়ার

Answer 1

আমি বিভিন্ন প্রকল্পে আছে।

আমার মতে সবচেয়ে বড় পার্থক্য

• jQuery UI ফ্যালব্যাক নিরাপদ, এটি সঠিকভাবে কাজ করে এবং পুরানো ব্রাউজারগুলিতে ভাল দেখায়, যেখানে বুটস্ট্র্যাপ CSS3 এর উপর ভিত্তি করে মূলত নতুন ব্রাউজারগুলিতে দুর্দান্ত মানে, পুরানোতে এত দুর্দান্ত নয় old

• আপডেট ফ্রিকোয়েন্সি: বুটস্ট্র্যাপ অসাধারণ নতুন বৈশিষ্ট্য সহ কিছু দুর্দান্ত বড় আপডেট পাচ্ছে, তবে দুঃখের বিষয় তারা পূর্বের কোডটি ভেঙে ফেলতে পারে, সুতরাং নতুন কোনও বড় রিলিজ হলে আপনি কেবল বুটস্ট্র্যাপ ইনস্টল করতে পারবেন না এবং আপডেট করতে পারবেন না, মূলত এটির জন্য অনেকগুলি নতুন কোডিং প্রয়োজন it

• jQuery UI জাভাস্ক্রিপ্ট থেকে রূপান্তরগুলি সহ ভাল এইচটিএমএল কাঠামোর উপর ভিত্তি করে তৈরি করা হয়েছে, যখন বুটস্ট্র্যাপ দৃষ্টিভঙ্গি এবং অনুকূলিতযোগ্য ইনলাইন কাঠামোর উপর ভিত্তি করে। (জ্যাকুয়ারি ইউআই-তে একটি উইজেট কল করে, এটি বুটস্ট্র্যাপে সংজ্ঞায়িত করছে)

তাহলে কী বেছে নেবে?

এটি সর্বদা নির্ভর করে আপনি যে ধরণের প্রকল্পে কাজ করছেন তার উপর। শীতল এবং দ্রুত দেখানো উইজেটগুলি কি আরও ভাল, বা আপনার ব্যবহারকারীরা প্রায়শই পুরানো ব্রাউজারগুলি ব্যবহার করছেন?

আমি সর্বদা উভয় ব্যবহার করে শেষ করি, তাই আমি উভয় বিশ্বের সেরা ব্যবহার করতে পারি।

আপনি যদি সেগুলি ব্যবহারের সিদ্ধান্ত নেন তবে উভয় ফ্রেমওয়ার্কের লিঙ্কগুলি এখানে।

1. jQuery UI
2. বুটস্ট্র্যাপ

Comments

উত্তর দেওয়ার জন্য সময় দেওয়ার জন্য ধন্যবাদ। আমার প্রয়োজনগুলি আইই 9 বা পরবর্তী সংস্করণ ব্রাউজারগুলিতে কাজ করার জন্য যা বেশ ভাল সিএসএস 3 সমর্থন করে। আমার জন্য বুটস্ট্র্যাপটি দেখতে ভাল লাগছে। একটি প্রশ্ন. আমি এএসপি.এমভিসি ব্যবহার করছি। আমি কম প্রয়োজন সম্পর্কে কিছু লক্ষ্য। মাইক্রোসফ্ট এএসপি এমভিসি প্ল্যাটফর্মের সাথে বুস্টারপ ঠিকঠাক কাজ করবে? "কম" কোথায় ফিট?

— জেসিকা

আপনি কম ফাইলগুলি .css ফাইলগুলিতে সংকলন করতে পারেন। বুটস্ট্র্যাপ তৈরি করা (মেক ব্যবহার করে) সিএসএস ফাইল ব্যবহারের জন্য প্রস্তুত তৈরি করবে। এইভাবে আপনার কম ব্যবহার করার দরকার নেই।

— মিকেলব

কম একটি সিএসএস কাঠামো। বুস্ট্র্যাপ ব্যবহারের জন্য এটি কোনওভাবেই প্রয়োজন হয় না (তাদের একটি নিয়মিত সিএসএস / জেএস সংস্করণ রয়েছে), তবে কমের সাহায্যে আপনি সহজেই সিএসএসে ভেরিয়েবল তৈরি করতে পারেন (রঙ পরিবর্তন করুন), এটি নির্ভর করতে পারেন, কার্যকারিতা রাখতে পারেন। এখানে দেখুন: lesscss.org এবং .NET- র মধ্যে একটি সংকলকের জন্য একটি বিটা সংস্করণ রয়েছে দেখুন: dotlesscss.org

— মার্কো

আপনি কীভাবে "উভয় বিশ্বের সেরা" ব্যবহার করবেন? আমার কাছে সবচেয়ে কাছেরটিটি হল jQueryUI বুটস্ট্র্যাপ (মূলত একটি jQueryUI থিম) ব্যবহার করে তবে এটি 2.0 নয়, বুটস্ট্র্যাপ 1.4 এর জন্য ডিজাইন করা হয়েছে এবং বোতামগুলির জন্য জেএস ব্যবহার করার চেষ্টা করার সময় সংঘর্ষ রয়েছে

— অ্যাডাম লিঞ্চ

@ ফিনিক্সএক্স_2 অসুস্থ চেষ্টা করুন! উদাহরণ: বুটস্ট্র্যাপে আপনি বোতামের উপাদানগুলিতে সমস্ত ক্লাস লেখেন (যেমন button button-primary button-small, jQueryUI তে আপনি একটি উপাদানকে বোতাম হিসাবে অর্পণ করেন যেমন "বিটিএন" যোগ করুন এবং তারপরে জেএসের মাধ্যমে আপনি এটি একটি বোতাম তৈরি করেন $(".btn").button()This এর অর্থ বুটস্ট্র্যাপে আপনি এটি HTML এ সংজ্ঞায়িত করুন, এবং jQueryUI এ আপনি এটি জেএস-এ সংজ্ঞায়িত করুন। বুটস্ট্র্যাপে নেতিবাচকদের আপনার HTML টি সম্পাদনা করা দরকার যখন আপনি কোনও কিছু আপডেট করেন / পরিবর্তন করেন (অর্থাত্ বুটস্ট্র্যাপ সংস্করণ) যেখানে jQueryUI আপনাকে কেবল আপনার জেএস পরিবর্তন করতে হবে যা প্রায়শই সহজ। উভয়ের সাথে ইতিবাচক এবং নেতিবাচকতা রয়েছে! :)

— মার্কো

Answer 2

উভয় ব্যবহার করে, টুইটারের বুটস্ট্র্যাপ একটি উন্নত প্রযুক্তি সেট। এখানে কিছু পার্থক্য রয়েছে,

• উইজেট : jQuery UI এখানে জয়ী। এটি সরবরাহ করে যে তারিখ উইজেটটি প্রচুর পরিমাণে দরকারী, এবং টুইটার বুটস্ট্র্যাপ এই ধরণের কিছুই সরবরাহ করে না।
• স্ক্যাফোোল্ডিং : বুটস্ট্র্যাপ এখানে জয়ী। টুইটারের গ্রিড তরল এবং স্থির উভয়ই শীর্ষস্থানীয়। jQuery UI শেষ ব্যবহারকারী পর্যন্ত পৃষ্ঠার বিন্যাস ছেড়ে এই দিকটি সরবরাহ করে না।
• বাক্স পেশাদারিত্বের বাইরে : CSS3 ব্যবহার করে বুটস্ট্র্যাপ এগিয়ে রয়েছে, jQuery UI তুলনা অনুসারে তারিখযুক্ত।
• আইকনস : আমি এই এক সাথে টাই যেতে হবে। বুটস্ট্র্যাপে jQuery UI এর চেয়েও ভাল আইকন রয়েছে তবে গ্লিকিকনস হাফলিংস সাধারণত নিখরচায় পাওয়া যায় না, তবে বুটস্ট্র্যাপ এবং গ্লাইফিকনস নির্মাতাদের মধ্যে একটি ব্যবস্থা আপনাকে বিকাশকারী হিসাবে বিনা ব্যয়ে সম্ভব করে তুলেছে। আপনাকে ধন্যবাদ হিসাবে, আমরা আপনাকে যখনই ব্যবহারিক হবে তখন গ্লাইফিকনে একটি optionচ্ছিক লিঙ্ক অন্তর্ভুক্ত করতে বলি।
• চিত্র এবং থাম্বনেইলস : বুটস্ট্র্যাপে যায় , jQuery UI এমনকি এখানে সহায়তা করে না।

অন্যান্য নোট,

• এই দুটি প্রযুক্তিও এই ক্ষেত্রের মধ্যে কীভাবে প্রতিযোগিতা করে তা বোঝা গুরুত্বপূর্ণ। সেখানে প্রচুর ওভারল্যাপ রয়েছে, তবে আপনি যদি সহজ ভাসা এবং স্থির / তরল তৈরির বুটস্ট্র্যাপ চান তবে অন্য প্রযুক্তি নয়, এটি সেরা প্রযুক্তি। আপনি যদি কোনও একক উইজেট চান তবে jQuery UI সম্ভবত শীর্ষ তিনে নেই। আজ, jQuery ইউআই মূলত একটি ইউনিফাইড কাঠামো ব্যবহার করে ক্লায়েন্ট-সাইড উইজেট তৈরির জন্য ধারাবাহিকতা এবং ধারণার প্রমাণের জন্য কেবল একটি খেলনা।

Answer 3

অপেক্ষাকৃত কয়েকটি সমস্যা নিয়ে আপনি উভয়ই ব্যবহার করতে পারেন। টুইটার বুটস্ট্র্যাপ jQuery 1.7.1 ব্যবহার করে (এই লেখাগুলি হিসাবে), এবং আপনি আপনার এইচটিএমএল টেমপ্লেটগুলিতে অতিরিক্ত Jquery UI উপাদান সংহত করতে পারবেন না এমন কোনও কারণ আমি ভাবতে পারি না।

আমি ইনিশিয়াল.কম.কম এ নির্মিত এইচটিএমএল 5 বয়লারপ্লেট এবং টুইটার বুটস্ট্র্যাপের সংমিশ্রণটি ব্যবহার করছি। এটি দুর্দান্ত স্টার্টার প্রকল্পে দুটি দুর্দান্ত স্টার্টার টেম্পলেট একত্রিত করে। Http://html5boilerplate.com/ এবং http://www.initializr.com/ এ বিশদটি দেখুন বা এখনই শুরু করতে, http://www.initializr.com/ এ যান , "বুটস্ট্র্যাপ 2" ক্লিক করুন বোতামটি ক্লিক করুন এবং "এটি ডাউনলোড করুন" ক্লিক করুন। এটি আপনাকে শুরু করার জন্য সমস্ত জেএসএস এবং সিএসএস দেবে।

এবং এইচটিএমএল 5 এবং সিএসএস 3 দ্বারা ভয় পাবেন না। ইনিশিয়ালজার এবং এইচটিএমএল 5 বয়লারপ্লেটে পলিফিলস এবং আইই নির্দিষ্ট কোড অন্তর্ভুক্ত যা সমস্ত বৈশিষ্ট্যগুলিতে আইই 6, 7 8 এবং 9 এ কাজ করতে দেয়।

টুইটার বুটস্ট্র্যাপে কম ব্যবহারও alচ্ছিক। বুটস্ট্র্যাপ দ্বারা ব্যবহৃত সমস্ত সিএসএস সংকলনের জন্য তারা কম ব্যবহার করে তবে আপনি যদি কেবল নিজের স্টাইলগুলি ওভাররাইড করতে বা যুক্ত করতে চান তবে সে উদ্দেশ্যে তারা একটি খালি সিএসএস ফাইল সরবরাহ করে।

আপনার কাস্টম কোড যুক্ত করার জন্য একটি ফাঁকা জেএস ফাইল (স্ক্রিপ্ট.জেএস) রয়েছে। এখানে আপনি অতিরিক্ত jQueryUI উপাদানগুলির জন্য আপনার হ্যান্ডলার বা নির্বাচনকারীদের যুক্ত করবেন।

Comments

দুর্দান্ত উত্তর। তাত্ক্ষণিকভাবে শক্ত প্রশ্ন, টুইটার বুটস্ট্র্যাপ এবং এর প্লাগইনগুলিতে অন্তর্ভুক্ত না হওয়ার চেয়ে jquery ui আসলে কী প্রস্তাব করে?

— MindWire

দুঃখিত, সবেমাত্র এটি দেখেছি। জেএস উইজেট হিসাবে, jQuery UI এর একটি ডেটপিকার এবং স্লাইডার রয়েছে, যা বুটস্ট্র্যাপের অন্তর্ভুক্ত নয়। এছাড়াও জেকিউআই-তে ইন্টারঅ্যাকশন এবং প্রভাবগুলি অন্তর্ভুক্ত রয়েছে যেমন ড্র্যাগ-অ্যান্ড-ড্রপ, শো / লুকান অ্যানিমেশনগুলি, ক্লাস টগলিং এবং আরও বেশ কয়েকটি। বুটস্ট্র্যাপের লেআউট উপাদানগুলির সাথে জেকিউআইআইয়ের ইন্টারঅ্যাকশনগুলির সংমিশ্রণ একটি খুব শক্তিশালী সমন্বয় হতে পারে।

— ইটারপস

দেখার জন্য একটি বিষয়; উভয় প্রকল্পই বেমানান উপায়ে $ .fn.button সংজ্ঞা দেয়।

— লেবি

Answer 4

আমরা উভয়ই ব্যবহার করেছি এবং আমরা এর সরলতার জন্য এবং এটি যে গতিতে বিকাশ ও বর্ধিত হচ্ছে তার জন্য বুটস্ট্র্যাপ পছন্দ করি। JQuery UI এর সমস্যা হ'ল এটি শামুকের গতিতে চলেছে। মেনুবার, ট্রি কন্ট্রোল এবং ডেটাগ্রিডের মতো সাধারণ বৈশিষ্ট্যগুলি বিকাশ করতে কয়েক বছর সময় লাগছে যা চিরকালের জন্য পরিকল্পনা / বিকাশের পর্যায়ে রয়েছে। আমরা অপেক্ষা করা অপেক্ষা করছিলাম এবং অবশেষে ছেড়ে দিয়েছি এবং আমাদের পণ্য http://dblite.com এর জন্য এক্সটজেএস এর মতো অন্যান্য লাইব্রেরি ব্যবহার করেছি ।

বুটস্ট্র্যাপ খুব অল্প সময়ের মধ্যে বৈশিষ্ট্যগুলির একটি বিস্তৃত সেট নিয়ে এসেছে এবং আমি নিশ্চিত যে খুব শীঘ্রই এটি jQuery UI কে ছাড়িয়ে যাবে।

সুতরাং আমি এমন কিছু ব্যবহার করার কোনও অর্থ দেখছি না যা শেষ পর্যন্ত পুরানো হয়ে যাবে ...

Comments

সবশেষে পুরানো হবে। কিছু করার কোন মানে নেই।

— tilgovi

সত্য, আমাদের কেবল এমনটি বাছাই করা দরকার যা আমরা মনে করি যে এর স্থলটি আরও দীর্ঘকাল ধরে রাখবে।

— রাজীব

নাহ, আপনার খালি আপনার ক্লায়েন্টদের কাছ থেকে যে টাকা আনতে হবে তা আপনাকে বেছে নিতে হবে। একবার আপনি এটি কাজ করে নিলে এটি কিছু সময়ের জন্য কাজ চালিয়ে যাওয়া উচিত, এমনকি যদি এটি স্টাইলের বাইরে না পড়ে, তবে একমাত্র আসল উদ্বেগ অর্থটি।

— আদম