বুটস্ট্র্যাপ বা এইচটিএমএল 5 বয়লারপ্লেটের মতো ওয়েব ফ্রেমওয়ার্কগুলি কি কোনও ডিজাইনারের (ডেভেলপার নয়) কিছু দেয়?


27

দ্রষ্টব্য, এটি উন্নয়নের চেয়ে অনেক বেশি নকশা about

আমি সম্পূর্ণ হাতে লিখিত সিএসএস এবং এইচটিএমএল দিয়ে স্ক্র্যাচ থেকে সাইটগুলি তৈরি করি।

আমি কিছু সময়ের জন্য বুটস্ট্র্যাপ বা এইচটিএমএল 5 বয়লারপ্লেটের মতো প্রাক-বিল্ড সিএসএস টেম্পলেটগুলি সম্পর্কে জানি । আমি অতীতে তাদের সংক্ষিপ্তভাবে তাকিয়েছিলাম কিন্তু কোনও কিছুর জন্য আসলে এগুলিতে কখনও লাফিয়ে উঠিনি। আমার সিএসএস রিসেট করার প্রয়োজন নেই, বা জাভাস্ক্রিপ্ট সহ যখন প্রয়োজন হবে, বা ভিউপোর্টের জন্য কনফিগার করব।

এই সন্ধ্যায়, আমি একটি প্রাথমিক HTML5 / CSS পৃষ্ঠা কোড করেছি od লেআউটের ক্ষেত্রে সত্যই পৃথিবী-বিভক্ত হওয়ার কিছুই নেই। কেবল একটি পয়েন্ট অফ পয়েন্ট। এর পরে আমি বুটস্ট্র্যাপকে একই লেআউট সহ ঘূর্ণি দেওয়ার সিদ্ধান্ত নিয়েছি। এটি একটি সুন্দর স্ট্যান্ডার্ড 960px, নায়ক চিত্রের পৃষ্ঠা সহ 3 কলাম।

পৃষ্ঠা

আমি যখন বুটস্ট্রেপ পরিবর্তন করছি তখন এটি আমার কাছে ঘটেছিল যে আমার ৮০% বা তার বেশি সময় কোন শ্রেণিতে বা আইডি প্রয়োগ করা হয়েছিল তা শিখতে ব্যয় করা হচ্ছে, তারপরে এটি সিএসএসে সামঞ্জস্য করার সন্ধান করুন। এটি স্পষ্ট হয়ে গেছে যে বুটস্ট্র্যাপ আমাকে আদৌ কোনও সময় সাশ্রয় করে না। আসলে, অত্যধিক টেম্প্লেড সিএসএসের কারণে বুটস্ট্র্যাপ উত্পাদনের সময়কে বাড়িয়ে তোলে।

* ( "অত্যধিক টেম্প্ল্যাটেড" দ্বারা আমি বোঝাতে চাইছি যে সিএসএসের প্রচুর পরিমাণে আমি সম্ভবত কোনও প্রদত্ত ওয়েবসাইটের জন্য ব্যবহার করব না Not পুরোপুরি অপ্রয়োজনীয় সিএসএস নেই Not )

আমি বুঝতে পারি যে আমি বুটস্ট্র্যাপের সাথে পরিচিত হলে আমি স্টাইলশিটের ক্লাস / আইডি নাম এবং সাধারণ অবস্থানের সাথে পরিচিত ছিলাম। সুতরাং, আমি যে সময় নিচ্ছি তা নিয়ে আমি কিছুটা বাঁক করতে ইচ্ছুক, বুঝতে পেরেছিলাম যে এটির কিছুটি আমার নিজের অজানা কারণে।

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

যখন আমি কোনও সাইট তৈরি করি তখন আমি নিজের নিজস্ব স্ট্যান্ডার্ড ক্লাস এবং আইডি নাম ব্যবহার করি। আমি সিএসএস গঠন করি এটি কীভাবে আমার পক্ষে স্বজ্ঞাত। দ্রুত সেট আপের জন্য আমার নিজস্ব প্রাক-বিল্ড টেম্পলেটগুলির সেট রয়েছে। অতএব আমি যে কোনও সাইট তৈরি করি তা আমি মোটামুটি দ্রুত সম্পাদনা করতে পারি। প্রাক-কনফিগার করা কোনও ফ্রন্ট-এন্ড প্যাকেজ ব্যবহারের সহজ অর্থ হ'ল আমার নিজের উপর নির্ভর করার পরিবর্তে তাদের নামকরণের সম্মেলনগুলি এবং তাদের কাঠামোটি শিখতে হবে ।

  • বুটস্ট্র্যাপ বা এইচটিএমএল 5 বয়লারপ্লেটের মতো টেম্প্লেটিং সিস্টেমগুলির দুর্দান্ত গুণগুলি কি কেউ আমার কাছে প্রার্থনা করতে পারে ?
  • কী এগুলি আপনার কাছে মূল্যবান করে তোলে?
  • আপনি যে সিস্টেমটি ব্যবহার করেন সেটির সাথে আপনি কি কেবল পরিচিত হন যাতে আপনি এটি সহজেই চলাচল করতে পারেন বা আপনার এখনও আইটেমগুলির সন্ধান করতে হবে?
  • আপনি যদি তাদের ছাড়া কোনও সাইট তৈরি করতে পারেন?

2
+1 সুন্দর প্রশ্ন আমি নিজেই এই সম্পর্কে কৌতূহলী ছিলাম তবে আপনার মতো অভিজ্ঞতার পরিমাণের কাছে নেই। সুতরাং কেউ একজন নবজাতকের সুবিধাগুলি জানতে চাইলে শুরু করার সাথে সাথে আমি এটির কাছে পৌঁছেছিলাম। আপনি যখন ড্রিমওয়েভারটি উল্লেখ করেন আপনি কোডিং বা ডাব্লুওয়াইএসআইওয়াইজি এটি ব্যবহারের পদ্ধতি সম্পর্কে কথা বলছেন? আমি ড্রিমউইভার ব্যবহার করি তবে কেবল কোড সম্পাদক এবং কিছু সাহায্য করতে পারলে স্বয়ংক্রিয় কিছুই নেই।
brnnnrsmssn

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

1
ড্রিমউইভারের একটি এবং কেবলমাত্র হত্যাকারী বৈশিষ্ট্যটি হ'ল এলোমেলো, স্বেচ্ছাসেবী গাছের গভীরতায় স্থানীয় ফাইলগুলির একটি স্বেচ্ছাসেবী নির্বাচন করতে এবং এগুলিকে একটি দূরবর্তী সাইটে আপলোড করার ক্ষমতা। আমি দীর্ঘ এবং প্রায়শই এফটিপি প্রোগ্রামের জন্য অনুরূপ ট্রিভিউ ভিউ / ফাইল এবং ডিরেক্টরিগুলি সংহত করে যা এটি করে।
হোরাটিও

1
@ ম্যাকটিতে হোরাটিও ট্রান্সমিট করুন। উইন্ডোজ সম্পর্কে বলতে পারি না।
স্কট

@ হোরাটিও ফাইলজিলা আমি এফটিপি-র জন্য সুপারিশ করছি। সার্ভারে এবং থেকে গাছের দর্শন এবং সরল টানুন এবং ড্রপ করুন।
জন

উত্তর:


6

আমি গত একমাস বা ফ্রেমওয়ার্ক নিয়ে অনেক গবেষণা করেছি। আমি আসলে কোনও সমাধানগুলিতে ডাইভ করি নি, তবে আমার শর্টলিস্টে থাকা বেশ কয়েকটি ফ্রেমওয়ার্ক বিকল্প হ'ল ফাউন্ডেশন , ইনটুইট এবং ওয়াইএএমএল এবং বেস

এগুলি সম্পর্কে ভাল বিষয়টি হ'ল তাদের 'বুটস্ট্র্যাপ' চেহারা নেই এবং তারা প্রতিক্রিয়াশীলতার যত্ন নেওয়ার সময় ডিজাইনারদের তাদের কাজের (নকশা) প্রতি উত্সাহিত করে বলে মনে হচ্ছে।

এই নিবন্ধে ফ্রেমওয়ার্ক এবং আরও তথ্যের একটি বড় তালিকা এখানে ।

উল্লিখিত হিসাবে, আমি গবেষণা লেগওয়ার্কটি সম্পন্ন করেছি, তবে সেগুলি পরীক্ষা করা শুরু করি নি, তাই কোনও ফ্রেমওয়ার্কের পক্ষে পরামর্শ দেওয়ার মত কোনও মন্তব্য সহায়ক হবে।


কয়েক মাস পরে - আমি আসলে আমার নিজের 'ফ্রেমওয়ার্ক' তৈরি করেছি (সত্যিই এটি সাধারণ লেআউট বৈশিষ্ট্যযুক্ত একটি সিএসএস ফাইল) আমি বেস (উপরের লিঙ্ক) দিয়ে শুরু করেছিলাম, তবে তারপরে প্রচুর কাস্টমাইজেশন যুক্ত করেছি। বেস সম্পর্কে ভাল বিষয়টি হ'ল এটি নির্ধারণ করা এবং একটি শক্ত শুরু হিসাবে উল্লেখ করা খুব সহজ ছিল।
জন

11

সুবিধাগুলি প্রাথমিকভাবে থাকে:

  • দ্রুত প্রোটোটাইপিং (অর্থাত্ গতি)
  • অন্তর্নির্মিত ক্রস ব্রাউজারের ধারাবাহিকতা

আপনার যদি গ্রিড তৈরি করতে হয় এবং আপনার তৈরি করা গ্রিডটি প্রাক-বিল্ট সিএসএস ফ্রেমওয়ার্কের সাথে খাপ খায় তবে যুক্তিটি হ'ল ফ্রেমওয়ার্কটি ব্যবহার করে আপনি সেখানে অর্ধেক হয়ে গেছেন।

যা কিছু বলেছিল, আমি আপনার সাথে একমত হতে চাই। সিএসএস ফ্রেমওয়ার্কগুলি, আইএমএইচও, ভিজ্যুয়াল ডিজাইনের টেম্পলেটগুলির মতো এটি যদি তারা আপনার উদ্দেশ্যটির 90% পূরণ করে তবে তারা দুর্দান্ত, তবে যদি তা না হয় তবে আপনি কেবলমাত্র বিল্ডিং বনাম ডিফল্ট পরিবর্তন করার জন্য আরও সময় এবং প্রচেষ্টা ব্যয় করছেন just আপনার নিজের স্ক্র্যাচ।

সংযোজন:

আমার আরও একটি সম্ভাব্য সুবিধা যুক্ত করা উচিত:

  • এটি একটি নথিভুক্ত সিস্টেম

একটি এন্টারপ্রাইজ পরিবেশে, যেখানে আপনার বেশ কয়েকটি ফ্রন্ট এন্ড বিকাশকারী হতে পারে এবং প্রজেক্টটি বেশ কয়েক বছর ধরে ফ্রন্ট এন্ড বিকাশকারীদের বিভিন্ন টিমের সাথে বিস্তৃত হতে পারে, একটি ডকুমেন্টেড অন্তর্নিহিত উপস্থাপনা স্তর কাঠামো সাহায্য করতে পারে।

এটি আপনার নিজের গৃহ-নির্মিত কাঠামোটি নথিভুক্ত করা যায় না তা বলার অপেক্ষা রাখে না, কেবলমাত্র ডকুমেন্টেশনটি প্রায়শই অগ্রাধিকার হয় না।


11

আমি এইচটিএমএল 5 বয়লারপ্লেটের সাথে পরিচিত, তবে আমি বুটস্ট্র্যাপের সাথে আরও পরিচিত, তাই আমি সে সম্পর্কে কথা বলব। মনে রাখবেন যে উভয়ই দুটি ভিন্ন কার্যের দিকে এগিয়ে রয়েছে, (এইচ 5 বিপি একটি প্রতিক্রিয়াযুক্ত নরমাল টেম্পলেট, বুটস্ট্র্যাপ এইচটিএমএল / সিএসএস / জেএস উইজেট এবং একটি প্রতিক্রিয়াশীল গ্রিডের সংগ্রহ)) আসলে এগুলি একসাথে ব্যবহার করা যেতে পারে ।

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

সাদৃশ্যটি এখানে ব্যর্থ হয় কারণ আপনার বুটস্ট্র্যাপ উত্সটিতে সম্পূর্ণ অ্যাক্সেস রয়েছে। আপনি যদি কিছু কাজ করে তা পছন্দ না করেন তবে আপনি এটি পরিবর্তন করতে পারেন। আমার কাছে এটি ক্রাচের বিপরীত - আপনি সিএসএস কৌশল শিখতে উত্স কোডটি ব্যবহার করতে পারেন ।

আমি বিশ্বাস করি না যে "কোড ডিজাইন করা" ধাতুটির এতটা কাছাকাছি হওয়া উচিত যে আমি বিশ্বাস করি যে সি কোডারদের সমাবেশ ভাষা সম্পর্কে অন্তরঙ্গ জ্ঞান থাকা দরকার। যদিও এই উপমাটি সমতল হয় কারণ এইচটিএমএল / সিএসএস সামঞ্জস্য করা কেবল নির্বাচকদের প্রসারিত করা এবং আপনার যা প্রয়োজন তা যুক্ত করার বিষয়।

বুটস্ট্র্যাপ বা এইচটিএমএল 5 বয়লারপ্লেটের মতো টেম্প্লেটিং সিস্টেমগুলির দুর্দান্ত গুণগুলি কি কেউ আমার কাছে প্রার্থনা করতে পারে?

আমার জন্য বুটস্ট্র্যাপের হত্যাকারী বৈশিষ্ট্যটি হ'ল উইজেট স্টাইলিং এবং জাভাস্ক্রিপ্ট উপাদান প্রয়োগ করার জন্য সামঞ্জস্যপূর্ণ এবং সহজ। বোতামের মতো দেখতে কোনও লিঙ্ক চান? একটি '.btn' ক্লাস যুক্ত করুন। একটি টেবিল চান? একটি '.table' ক্লাস যুক্ত করুন। একটি নেভিগেশন উপাদান চান? একটি আনর্ডারড তালিকা সেট আপ করুন এবং নেভিগেশন ক্লাস যুক্ত করুন।

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

কী এগুলি আপনার কাছে মূল্যবান করে তোলে?

  • প্রোটোটাইপ সাইটগুলি দ্রুত করতে পারে
  • ক্রস ব্রাউজার এবং ক্রস প্ল্যাটফর্ম সিএসএসের সমস্ত ডিবাগিং আমার জন্য করা হয়েছে।
  • ভেরিয়েবলের বিস্তৃত নির্বাচন সহ সহজেই সিএসএস কাস্টমাইজ করা হয়েছে যাতে আমি পরীক্ষামূলকভাবে এবং প্রোটোটাইপ বিন্যাসগুলি দ্রুত করতে পারি।
  • স্ট্যান্ডার্ড নেভিগেশন উইজেট
  • সোর্স কোডটি উন্মুক্ত এবং নিখরচায়, আমি যদি আমার নতুন মিশ্রিনের প্রয়োজন হয় বা আমার প্রয়োজন মতো আচরণ পরিবর্তন করতে পারি তবে আমি আমার হাতগুলি নোংরা করতে পারি এবং কম কাস্টমাইজ করতে পারি।

আপনি যে সিস্টেমটি ব্যবহার করেন সেটির সাথে আপনি কি কেবল পরিচিত হন যাতে আপনি এটি সহজেই চলাচল করতে পারেন বা আপনার এখনও আইটেমগুলির সন্ধান করতে হবে?

বুটস্ট্র্যাপের বৃহত্তম বৈশিষ্ট্যগুলির মধ্যে একটি এটির দুর্দান্ত ডকুমেন্টেশন । আমি এটিকে সহজেই নেভিগেট করতে পারি এবং সিএসএস নির্বাচকগুলি স্বজ্ঞাত এবং মনে রাখা সহজ।

আপনি যদি তাদের ছাড়া কোনও সাইট তৈরি করতে পারেন?

হ্যাঁ, তবে এটি স্পষ্টতই আরও কাজ। সমাপ্ত ভাল লাগার উইজেট এবং ধারাবাহিক কার্যকারিতা সহ আমি ইউএক্স এবং দ্রুত প্রোটোটাইপ লেআউটে ফোকাস করতে পারি।


"যদি কোনও জিনিস কীভাবে কাজ করে তা আপনি পছন্দ না করেন তবে আপনি এটি পরিবর্তন করতে পারেন।" <- এর মাধ্যমে, আপনি বোঝাতে চেয়েছেন যে আপনি হয় প্রকল্পটি কাঁটাচামচ করতে বাধ্য করেছেন (এবং আপনার অনন্য কাঁটাচামালি বজায় রাখছেন) বা আপনার চূড়ান্ত সিএসএস আপ করতে চান না এমন সমস্ত জিনিসকে সেট করে না ফেলে । "আপনি সিএসএস কৌশলগুলি শিখতে উত্স কোডটি ব্যবহার করতে পারেন" <- প্রচুর খারাপ সিএসএস কৌশল শিখুন ।
cimmanon

@ সিমনম্যান সেটসেট না করে সিএসএস ফুলিয়ে দেবেন? না, হাস্যকর হবেন না! আপনার নিজের প্রয়োজনীয় বুটস্ট্র্যাপ কোডটি কেবল আপনার প্রয়োজনীয় উপাদানগুলি সহ সংকলন করতে পারেন বুটস্ট্র্যাপ টিমটি "খারাপ" হ'ল কোন সিএসএস কৌশলগুলি ব্যবহার করছে তা জানতে আমি আগ্রহী। কোনও সুনির্দিষ্ট, বা আপনি কি কেবল রেট করছেন এবং সিএসএস ফ্রেমওয়ার্কের বিরুদ্ধে সাধারণত কুসংস্কার করছেন?
ঘোপপে

@ গোপ্পে আমি যা বলেছি সব কিছু বাদ দিয়েছ? আপনার পছন্দসই জিনিসগুলি হ্যাক করার জন্য আপনাকে বেছে নিতে হবে (এবং আমি বলতে চাই না যে আপনি চাইছেন পুরো মডিউলগুলি নয়, তবে নির্দিষ্ট উপাদানের উপর নির্দিষ্ট শৈলী) বা সেগুলিকে ওভাররাইড করতে হবে। <i>"আইকনগুলি" এর জন্য উপাদানটির ব্যবহার প্রচার করা বেশ ভয়ানক। অবাস্তব শ্রেণীর নাম। Classitis। ফন্টের আকারের জন্য পিক্সেল ব্যবহার করা। সত্যিই, আমি যেতে এবং যেতে পারে। তারা আক্ষরিক অর্থে যে বিগত দশক ধরে প্রত্যেকে প্রচার করে আসছে সেই সর্বোত্তম অনুশীলনের বিরুদ্ধে চলছে।
cimmanon

1
@ সিমম্যানন <i>উপাদানটি একটি খারাপ ধারণা ছিল, এ কারণেই তারা এটি সংস্করণ 3 দিয়ে বন্ধ করে দিয়েছে, হ্যাঁ, গ্রিডটি শব্দার্থক নয়, তবে আপনাকে এটি ব্যবহার করতে হবে না, বা নিজের প্রিপ্রোসেস করতে আপনি কম / SASS ব্যবহার করতে পারেন গ্রিড শৈলী সহ শব্দার্থ নির্বাচক। আছে আলোচনা প্রচুর কেন px আকারে / ই.এম. চয়ন করা হয়েছে সম্পর্কে। আধুনিক ব্রাউজারগুলি যেভাবে ওয়েবপৃষ্ঠাগুলির স্কেল করে তাতে ইস্যুটি আগের মতো কাটা ও শুকানো হয় না। প্রতিটি সিএসএস ফ্রেমওয়ার্কের ওভাররাইডিং শৈলীর প্রয়োজন হয়, যা সিএসএস প্রিপ্রসেসরগুলি ব্যবহার করার একটি ভাল কারণ।
ghoppe

1
@ সিমমানন অবশ্যই সমালোচনার অবকাশ রাখে, তবে আমার পক্ষে ভাল খারাপের চেয়ে বেশি, এবং অনেক সাইটের পক্ষে এটির পক্ষে একটি ভাল সূচনা প্রতিক্রিয়াশীল বেস।
ghoppe

7

টেম্প্লেটিং সিস্টেম এবং ফ্রেমওয়ার্কগুলির দুর্দান্ত জিনিসটি হ'ল তারা যদি আপনার ইচ্ছা মতো কাজ করে তবে তারা আপনাকে অনেক সময় সাশ্রয় করতে পারে। সুতরাং, বুটস্ট্র্যাপের সাহায্যে, আপনি একবার জেএস কারাউসেল করার জন্য তাদের শব্দার্থবিজ্ঞানগুলি শিখলে, এটি বাস্তবায়ন করা প্রায় অপরাধমূলক simple এছাড়াও, বুটস্ট্র্যাপটি খুব সহজ হয়ে উঠবে বলে মনে হয় আপনি যদি শুরু করার আগে নিজেই রোল করেন বা ফ্লাইতে those ভেরিয়েবলগুলি পরিবর্তন করতে রেলগুলিতে বুটস্ট্র্যাপ-স্যাসের মতো কিছু ব্যবহার করেন; এটি আপনাকে পরে সমস্ত কিছু পরিবর্তন করা থেকে রক্ষা করবে।

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

শেষ পর্যন্ত, আমি এইচটিএমএল / সিএসএস ফ্রেমওয়ার্কগুলি সীমাবদ্ধ খুঁজে পেতে চাই; আমি এখনও নিয়ন্ত্রণ কৌতুকের যথেষ্ট যে আমি এখনও হাতের কাছে দিয়ে কোড করতে পছন্দ করি can তবে, আমি এই সত্যকে সম্মান করি যে আমার চেয়ে চতুর এবং উন্নত লোকেরা এই টেম্পলেটগুলি / ফ্রেমওয়ার্কগুলি সেট আপ করতে প্রচুর সময় ব্যয় করেছিল।


1
আপনার নিজস্ব ঘূর্ণায়মান ভাল পয়েন্ট। একইভাবে, আমি কম বা sass সম্পর্কে জানি, তবে পিএসএইচপি এর মাধ্যমে সিএসএসে পরিবর্তনশীলগুলি পরিচালনা করব। তো .. তাই আমি কোনও কিছুর জন্য রুবিতে ঝাঁপিয়ে পড়তে চাই না। "বিকাশ" দিকটি খুব বেশি দখল করতে চান না, কেবল আমার জীবনকে আরও সহজ করতে চান :)
স্কট

@ স্কট - গোটচা আমি কেবল রুবিকেই উল্লেখ করেছি কারণ আমি প্রথমে একটি রেল পরিবেশে বুটস্ট্র্যাপ চেষ্টা করেছি এবং আমি পছন্দ করেছি যে আপনি নতুন সংস্করণ পুনরায় জমা না করেই ফ্লাইতে মাস্টার ভেরিয়েবলগুলি পরিবর্তন করতে পারেন।
ব্রেন্ডন

2
@ স্কট মাইট "আপনার সমস্ত কিছু যদি হাতুড়ি হয় তবে সবকিছুই পেরেকের মতো লাগে" এর একটি মামলা হতে পারে - অবশ্যই আপনি সিএসএস ভেরিয়েবলগুলি পরিচালনা করতে পিএইচপি ব্যবহার করতে পারেন তবে আপনি একটি অপ্রয়োজনীয় পারফরম্যান্স হিট করছেন। আপনি কম বা SASS দিয়ে ভেরিয়েবলগুলি পূর্বনির্মাণ করতে পারেন। আমি পিএইচপি জুড়ে পেপার্ডের চেয়ে কম পড়া সহজ মনে করি। :)
ghoppe

@ গোপ্প বোঝা হয়েছে :) তবে রঙগুলির জন্য পিএইচপি পৃষ্ঠার শীর্ষে ভেরিয়েবলগুলির একটি তালিকা, তারপরে কেবল সিএসএস নির্বাচকগুলিতে vari ভেরিয়েবলগুলি ব্যবহার করা আমার অভিজ্ঞতাতে কম বা SASS এর চেয়ে জীবনযাত্রাকে সহজ করে তোলে। এবং হ্যাঁ, আমি বুঝতে পারছি যে পিএইচপি বড় কাঠামোর জন্য পারফরম্যান্স উপস্থাপন করে তবে প্রয়োজনে ব্যবহার করার জন্য আমি একটি স্ট্যান্ডার্ড .css ফাইল আউট করতে পারি (আমার নিজের কম আর্কিটেকচারের সাজান)। আমি মূলত একটি নতুন মার্কআপ হ'ল পড়া আরও কিছুটা কঠিন বলে মনে করি। এইচটিএমএল / সিএসএস / পিএইচপি এখানে খুব পরিচিত।
স্কট

@ স্কট আমি পুরোপুরি আপনাকে নতুন মার্কআপ শেখার সাথে নিয়ে আসছি। সে কারণেই আমি SASS পছন্দ করি। এটি মূলত সিএসএসের কেবলমাত্র একটি এক্সটেনশান, আপনাকে একটি নতুন সিনট্যাক্স শিখতে হবে না, কেবল নতুন বৈশিষ্ট্যগুলি আপনার দরকার (যেমন ভেরিয়েবল বা মিক্সিন্স)) সুপার সহজ।
ঘোপপে

6

আগ্রহের বাইরে, আপনারা কি কোনও বড় সংস্থার জন্য একটি বড় দলে কাজ করেন?

বুটস্ট্র্যাপের মতো ফ্রেমওয়ার্কগুলি কোনও প্রকল্পের জুড়ে নিয়মিত মানের কোড তৈরি করার জন্য দুর্দান্ত, এর অর্থ এটিও হ'ল নতুন বিকাশকারীদের জন্য নিয়োগের সময়, একটি জনপ্রিয় কাঠামোর অভিজ্ঞতা সম্পন্ন ব্যক্তিরা ইতিমধ্যে বাক্য গঠনটির সাথে পরিচিত হবে এবং আরও দ্রুত উত্পাদনশীল হয়ে উঠতে পারে ... বড় সংস্থাগুলির জন্য দুর্দান্ত খবর।

এছাড়াও .. বুটস্ট্র্যাপের মতো ফ্রেমওয়ার্ক সহ, তারা আমাদের (যেমন আমরা বুটস্ট্র্যাপ ব্যবহার করি) এমন কোনও সংস্থায় আরও স্ক্রিন আকার, আরও বেশি ডিভাইস এবং আরও ভাল বৈশিষ্ট্যগুলি সমর্থন করে ক্রমাগত এটি আপডেট করে চলেছি যা মূলত সংরক্ষণ করা অর্থের নিচে আসে।

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


আমার উত্তর দেখুন। :)
DA01

.. এবং এজন্যই আমি জিজ্ঞাসা করেছি। আমি কোনও বৃহত বিকাশের পরিবেশে কাজ করি না। আমি সন্দেহ করি আমার মতামত আলাদা হবে যদি আমি তা করি।
স্কট

4

পূর্ববর্তী উত্তরের উত্তরে যা বলা হয়েছে তা যুক্ত করে, এই টেমপ্লেটগুলির আরও একটি সুবিধা হ'ল ক্রস-ডিভাইসের ধারাবাহিকতা । অন্তর্নির্মিত গ্রিডগুলি কোনও ওএসের জন্য ডিজাইন করা খুব সহজ করে তোলে।

আমি এখনও নিম্নলিখিত কারণে নিজের কোড লিখতে পছন্দ করি:

  • আমি ইতিমধ্যে যা লিখেছি তার সাথে পরিচিতি। আমার যদি কোনও পরিবর্তন করার দরকার হয় তবে আমি জানি ঠিক এটি কোথায়;

  • প্রকল্প কেন্দ্রিক কাঠামো। প্রতিটি নতুন সাইট / অ্যাপ্লিকেশনটির পূর্বের থেকে আলাদা প্রয়োজন হবে, সুতরাং ফাইল এবং সংস্থানগুলি আলাদাভাবে সাজানোর প্রয়োজন হতে পারে।

  • বিভিন্ন ডিভাইসের জন্য কাস্টমাইজড দর্শন।

আপনি যদি খুব সীমাবদ্ধ পৃষ্ঠা না তৈরি করেন, আপনি শেষ পর্যন্ত নতুন উপাদানগুলিতে আরও বেশি শৈলী যুক্ত করবেন এবং বিদ্যমান পৃষ্ঠাগুলিকে ওভাররাইটিং করবেন।

যেহেতু আমি প্রতিক্রিয়াশীল ডিজাইনগুলির সাথে কাজ করতে চাই, আমি সেগুলি ব্যবহার না করার মূল কারণ হ'ল আমি প্রতিটি প্রতিক্রিয়াশীল পদক্ষেপ "পৃথকভাবে" এবং সামগ্রিকভাবে ডিজাইন করতে পছন্দ করি। এবং এই টেমপ্লেটগুলি সাধারণত কম বা কম অনমনীয় গ্রিডের সাথে কাজ করে যা আপনি সম্পূর্ণরূপে টুইট করতে পারবেন না।


1
আমি যা ভাবছিলাম তার অংশ। এবং আমি কেন বুটস্ট্র্যাপ দিয়ে ছুরিকাঘাত করার সিদ্ধান্ত নিয়েছি। সিস্টেমের প্রতিক্রিয়াটি উপকারী হতে পারে। এটি কাঠামোগুলি শেখার বক্ররেখার চেয়ে প্রায় অপ্রাপ্ত বলে মনে হয়। ব্রেন্ডেন "নিজের নিজের রোলিং" কাঠামোর বিষয়ে তাঁর উত্তরে একটি ভাল বক্তব্য উপস্থাপন করেছেন।
স্কট

4

সর্বাধিক সুবিধাটি হ'ল আপনি কী আকারে দেখতে চান তা অনুমান করার পরিবর্তে নিজেকে পুনরায় আকার দিয়ে পরীক্ষা করতে পারেন।

আমার বিকাশের খুব "বিষয়বস্তু প্রথম" রয়েছে যেখানে আমি প্রকৃতপক্ষে নেভিগেশনকে কোড করি এবং পাঠ্য সামগ্রীটি যুক্ত করি। এটি আপনাকে এমন ডিজাইনগুলিতে উন্মোচিত করে যা আপনি যখন ডিজাইনের পর্যায়ে ছিলেন তখন আপনি প্রত্যাশা করেননি।

টুইটার বুটস্ট্র্যাপের মতো কাঠামো ব্যবহার করে, আপনি নকশাগুলি থাকা অবস্থায় পৃষ্ঠাগুলি প্রকৃতপক্ষে পরীক্ষা করতে পারেন এবং ব্যবহারযোগ্যতা সংক্রান্ত সমস্যা এবং অন্যান্য ব্যবহারকারীর অভিজ্ঞতার চ্যালেঞ্জগুলি উন্মোচন করতে পারেন। ফ্রেমওয়ার্কগুলিতে প্রচুর পুনরায় ব্যবহারযোগ্য ক্লাস রয়েছে যার সাথে আপনি পরিচিত হবেন এবং আপনার সময় সাশ্রয় করবেন।

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


ধন্যবাদ. আমি অন্য কয়েকজনের তুলনায় কঙ্কালটিকে খুব সুন্দর এবং ব্যবহারের যোগ্য খুঁজে পাচ্ছি । আপনার পক্ষে আসলে কোনও নকশা তৈরি না করে সাড়া জাগাতে সহায়তা করার জন্য যথেষ্ট।
স্কট

3

কয়েক বছর ধরে, আমি সবকিছু হ্যান্ডকোড ব্যবহার করতাম তবে আজকাল আমি বুটস্ট্র্যাপ ব্যবহার করার প্রবণতা রাখি। আমি এটা কেন করব?

  1. আমি খুব অল্প কাজ সহ একটি প্রতিক্রিয়াশীল বিন্যাস পেয়েছি। আমি যে ওয়েবসাইটগুলিতে কাজ করছি সেগুলির কয়েকটিতে, একটি ট্যাবলেট- এবং মোবাইল-অনুকূলিত লেআউট পেতে কেবল কয়েকটি ছোট ছোট টুইট দরকার। প্রতিক্রিয়াশীল নববারটি আমার প্রিয় বুটস্ট্র্যাপ উপাদানগুলির একটি।
  2. ডিফল্ট নিয়ন্ত্রণগুলি ব্রাউজার এবং ওএসের মধ্যে সামঞ্জস্যপূর্ণ নয়, আপনি ওএস বা ব্রাউজার ব্যবহার করেন না কেন এগুলি সবই অশুভ। বুটস্ট্র্যাপের সাহায্যে আপনি একটি শালীন, ধারাবাহিক চেহারা পাবেন এবং অল্প কাজ অনুভব করবেন। যদি আপনি যাইহোক যাইহোক সমস্ত নিয়ন্ত্রণ পুনরায় সাজিয়ে নিতে চান তবে হ্যাঁ, বুটস্ট্র্যাপ আপনাকে বেশি সময় সাশ্রয় করতে পারে না, তবে আমার অভিজ্ঞতায় বেশিরভাগ সময় আপনার প্রতিটি নিয়ন্ত্রণ পুনরুদ্ধার করার জন্য পর্যাপ্ত সময় না থাকলেও কুৎসিত ডিফল্ট দ্বারা বিরক্ত বোধ হয় নিয়ন্ত্রণ।
  3. It puts a limit to what you want to do, which is a good thing, because when working in pure CSS you tend to want to tweak every little stuff (the color, the border thickness, the gradient, the shadow, border radius, the transitions, and the list goes on), while individually they take little time, on the whole it is a major time sink. When working on projects with deadline, you want to limit what you can and cannot do; using frameworks lets you think in coarser-grained components instead of what CSS properties to tweak.
  4. Some server side frameworks have integration with bootstrap. For instance, when using django-bootstrap, you can just do {{ form|as_bootstrap }} to get forms styled bootstrap-style, including red-highlight on error messages, etc.

As I'm altering Bootstrap it occurred to me that 80% or more of my time was being spent learning what class or id was applied to something, then finding that in the CSS to adjust.

That's where you get it wrong. If you want to benefit from Bootstrap, you should not be customizing too much; you give up the flexibility of having to and being able to tweak everything when using pre-built components. You should not be spending time sawing or carving woodboards when decorating a room from IKEA components.

Bootstrap is good when you need to quickly patch up a working website from prebuilt components; their components does stick out like sore thumb if you put them in sites with fancy designs so I usually drop Bootstrap for those kind of projects.

Using any of the pre-configured front-end packages simply means I need to learn their naming conventions and their structure rather than relying on my own.

That's actually an advantage of using a popular package. It's easier to hand off a project to another developer when both of you know what "btn-group", "btn btn-large" does, with personal frameworks they would have to learn your peculiarities (or more common, they'd just cascade your css with their changes, and not bothering to try to decipher or modify your code).

Are you merely familiar with the system you use so you can navigate it easily or do you still have to hunt for items?

Common ones like btn, table, row*, span*, etc would be natural. But for the html for major components, it's much faster to just copy-paste from their examples rather than typing them out.

Could you build a site without them if you had to?

Been there, done that, many times.


Sorry,I see this answer as essentially stating "Bootstrap designs for me rather than my designing a web site." As a designer, that's exactly where I feel Bootstrap fails. If your'e relying on Bootstrap to style everything, you are relying on Bootstrap to design for you. Essentially you are doing page layout, not design.
Scott

@Scott: That is correct, I'm not a graphic designer; I care about a website that works and being able to build it quickly, and less about that it being painted the exact color that I wanted it to have.
Lie Ryan

Fair enough. (but given this site's name....) I'm not asking about development. I'm asking about design. I understand using Bootstrap as your "designer" However, if you are a designer, Bootstrap merely offers structure. I'm finding it difficult to see value in a prepackaged structure I'll simply rewrite to better the canned appearance. It's really easy enough to create your own .btn class and style it. There's little value in the CSS appearance of items as a designer.
Scott

You act as if you could write Bootstrap in an hour. :)
deizel

No, not at all. But I'd rather spend more time on a custom appearance than use some canned package where every site ends up looking the same. I don't expect all developers to "get" that. And for the record, Bootstrap isn't that involved or complex. It's merely custom which requires learning Twitters naming conventions.
Scott

2

they are only good for:

  1. designers that are not familar with coding but want a solution to bring their designs to a site.
  2. a way to stream line production for someone that doesnt want to build their own framework.

personally I have my own methods and have no desire to go this route because I already learned how to code CSS, HTML and jQuery. I do see a benefit in these for people that have no clue and are trying to learn how to code. It would have been nice to see something like this around five years ago. Also, as you have stated, it would take you longer to implement this in your current production methods.

EDIT: not trying to highjack your thread but I too am wondering the same thing but in regards to WordPress. I have lightly used WordPress but I don't know if a framework is beneficial. I have planned to go the old fashioned way until I can find a major benefit.


3
WordPress is beneficial to those that don't know PHP, want a plug in architecture to the PHP, or want the user/security system. I see far more benefit in CMS systems on the whole than I do for CSS templates. Using Wordpress isn't about front-end, it's about back-end.
Scott

0

Bootstrap is good as a starting point for a responsive layout. But as far as design goes i think its pretty lacking. It does its one kinda 'bootstrappy' look, which because its a template is extremely over used..

But you have to bare in mind what bootstrap was made for, it was to bring consistency to in house apps built by twitter, and if you were to use it for that, or even if your a developer who wants to quickly spruce up there web app without much thought, perhaps as an mvp or prototype its a really great tool.

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.