টুইটার বুটস্ট্র্যাপ কেন ফন্ট আকারের জন্য পিক্সেল ব্যবহার করে?


104

টুইটার বুটস্ট্র্যাপটি প্রতিক্রিয়াশীল / ডিভাইস-বান্ধব হতে ডিজাইন করা হয়েছে, এটি আপেক্ষিক ফন্টের আকারগুলি কেন ব্যবহার করে না?

উত্তর:


129

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

[আপডেট] সুতরাং আজ আমি উপরে উল্লিখিত থ্রেডে মার্ক অটো জবাব দিয়েছি। অনুমানযোগ্যভাবে 'পিক্সেল-নিখুঁত' শব্দবন্ধটির অ্যাক্সেসযোগ্যতা এবং ব্যবহারের কোনও উল্লেখ নেই:

ঠিক আছে, সুতরাং এখানে পূর্ববর্তী সিদ্ধান্তের বিষয়ে কিছুটা পটভূমি এবং এগিয়ে যাওয়ার পরিকল্পনা রয়েছে।

পিক্সেল প্রতিটি ব্রাউজার জুড়ে নিখুঁত নিয়ন্ত্রণ এবং ধারাবাহিক রেন্ডারিং সরবরাহ করে।

ডিজাইনাররা এখনও বেশিরভাগই পিক্সেলগুলিতে ভাবেন এবং পরিচালনা করেন।

ব্রাউজারগুলি আজকাল পুরো পৃষ্ঠাগুলি স্কেল করে, তাই এটি টাইপ স্কেলিং বা কোনও কিছুর সমস্যা নয়।

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

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

এটি পুরোপুরি কিছুটা এবং আশা করি যথেষ্ট সংহত here এই পরিবর্তনগুলি আরও বেশি আসার সাথে সাথে আমি ব্লগ করার চেষ্টা করব, তবে আমি নিশ্চিত না যে 3.0.০ এর কাছাকাছি এবং এটি এখনও কীভাবে প্রবেশ করবে।

আমি যেতে এবং এই থ্রেড সম্পর্কে +1 সম্পর্কে দৃ strong় অনুভূতিযুক্ত কাউকে পরামর্শ দেব ।

[আপডেট] ভি ২.৩ রিলিজ ব্লগপোস্টে ভি 3 রোডম্যাপটি ইএমএসের জন্য সমর্থন যোগ করার বিষয়ে কোনও উল্লেখ করে না।

[আপডেট] বুটস্ট্র্যাপ V3 সম্পর্কে প্রচুর আরও তথ্যের টান অনুরোধ উপলব্ধ এখানে মার্ক আতর থেকে নিম্নোক্ত অন্তর্ভুক্ত রয়েছে:

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

তারপরে আরও সম্প্রতি (তার মন্তব্যে):

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

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

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

[আপডেট] দেখে মনে হচ্ছে যেন রি 4 ভি 4 এ সমর্থিত হবে (এমডো এখান থেকে উদ্ধৃত ):

যারা অনুসরণ করে তাদের জন্য, আমরা আইই 8 সমর্থনটি বাদ দিলে আমরা v4 এ পিক্সেল থেকে আরইএমএসে পরিবর্তন করতে সক্ষম হব। ততক্ষণে বেশি কিছু করা যায় না।

[ফেব্রুয়ারী '17 আপডেট করুন] বুটস্ট্র্যাপ 4 টি এখনও আলফায় রয়েছে, তবে এটির টাইপোগ্রাফি ডক্সে রিমসের ব্যবহার দেখায় , তবে এটির বিন্যাস ডক্সে রিমসের ব্যবহার দেখায় না


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

7
অপারেটিং সিস্টেমের স্তর এবং ব্রাউজার স্তরের ফন্টগুলি ভিশন সমস্যাযুক্তদের দ্বারা বাড়ানো হয়েছে। emএই জাতীয় ব্যক্তির জন্য প্রয়োজনীয়, তাই "অ্যাক্সেসযোগ্যতা"।
স্টিভেন ওয়াচন

1
সেখানে এক আলোচনা এখানে যা ব্যাখ্যা দিয়েছে কেন ফন্টের আকার বৃদ্ধি জুম, বেশী ভালো হয় webaim.org/discussion/mail_thread?thread=5849 "আমি গত বছর যে নির্দিষ্ট যে সমগ্র পৃষ্ঠাতে জুম সব সহায়ক নয় CSUN এ কেউ কথা তাঁর কাছে খুব কম দৃষ্টি রয়েছে এবং এটি পড়ার জন্য তাঁর কোনও পৃষ্ঠার পাঠ্যের আকারটি যথেষ্ট উল্লেখযোগ্যভাবে বাড়ানো দরকার However যাইহোক, আপনি যখন পৃষ্ঠা জুম ব্যবহার করেন, তখন আপনাকে বাম এবং ডানদিকে স্ক্রোল করতে হবে পাঠ্য পড়ুন এবং এটি সত্যই দ্রুত পুরানো হয়ে যায় you আপনার যখন এটি করতে হবে তখন আপনার জায়গা হারাতে খুব সহজ। "
টনি

4
এম-ভিত্তিক আকারগুলি মোবাইল বিকাশের জন্যও অবিচ্ছেদ্য। ডিভাইস নির্মাতারা তাদের ডিভাইসে সুসংগঠনের জন্য সর্বোত্তম বেস ফন্টের আকার নির্ধারণের জন্য অর্থ এবং সময় ব্যয় করে। আমরা যখন "ফন্ট-আকার: 14px" বলি তখন আমরা সেই সমস্ত গবেষণা অকার্যকর করি। আল্ট্রাআউইজআউটরিটিনা ৩.০ এর অর্থ কী? ? বা কম পিক্সেল প্রতি ইঞ্চি প্রস্তুতকারকের কাছে বেস ফন্ট সাইজ আপ ছেড়ে যাওয়া সহ একটি 52 "পর্দায় বেস্ট অনুশীলন, সমভূমি এবং সহজ। Filamentgroup.com/lab/... blog.cloudfour.com/...
জে Dansand

3
যেহেতু আমি একজন (আসুন আমরা এটি বলি) ইএম ধর্মান্ধ, তাই আপনি এই উত্তরটি আপডেট করে চলেছেন তা আমি পছন্দ করি ... এবং এর চেয়েও বেশি আপনি বিকল্পগুলির দিকে ইঙ্গিত করেছেন। +1 ;)
-এ ই-সুশি

11

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

আপনি এটিকে আপনার রায়টিকে নেতিবাচক উপায়ে মেঘ না দেওয়ার পক্ষে যুক্তি দিতে পারেন। এটি একটি শক্ত কাঠামো এবং যদি আপনি কার্যকরভাবে কীভাবে এটি ব্যবহার করতে পারেন তার জন্য সময় বিনিয়োগ করতে উদ্বিগ্ন হন, তবে আপনার বেশিরভাগ যুক্তিই এর মাথায় পড়ে।

যদিও এটি প্রায়শই ন্যূনতম অভিজ্ঞতার সাথে ব্যবহার করা হয় - এবং এতে কোনও ভুল নেই - এটি প্রচুর অভিজ্ঞতা সম্পন্ন ব্যক্তিরাও ব্যবহার করেন।

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

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

হ্যাঁ, কিছু সমস্যা আছে। pxহরফ আকার এবং কম ব্যবহারের জন্য দুটি। তবে এটি সম্পূর্ণ ওপেন সোর্স হওয়ায় আপনি সহজেই এগুলির দুটি প্রতিকারের জন্য বিকল্পগুলি খুঁজে পেতে পারেন।

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

হেক, একটি প্রকল্পে, আমি ফাউন্ডেশনের কিছু অংশ এবং বুটস্ট্র্যাপের অংশগুলি তুলেছি এবং আমার নিজস্ব কাস্টম কোড যুক্ত করেছি - এটি ওপেন সোর্সের সৌন্দর্য।


6
এটি সম্পূর্ণরূপে ন্যায্য এবং সত্য কথা বলতে বুটস্ট্র্যাপ 3 সহ আমি মনে করি এটি সত্যিই এর গেমটি বাড়িয়েছে। পূর্ব-স্পেসে এটি বলার মতো কিছুটা মূর্খ বিষয় ছিল, তবে হতাশার কারণেই এটি জন্ম নিয়েছে এবং আমি এখনও মনে করি যে বুটস্ট্র্যাপের ব্যবহারের বেশিরভাগ সাইট আমি এটি ব্যবহার করি খুব অলসভাবে। এটি প্রোটোটাইপিং এবং অ-জনসমক্ষে মুখোমুখি পৃষ্ঠাগুলি - প্রশাসনিক অঞ্চলগুলি ইত্যাদির জন্য একটি দুর্দান্ত সরঞ্জাম using যে কোনও সরঞ্জামের মতো এটি সহজেই আপত্তিজনকভাবে ব্যবহার করা হয় এবং আমি মনে করি ব্যবহারের স্বাচ্ছন্দ্যেই (আব) ব্যবহারের পরিমাণের ফলাফল হয়।
আনডিস্ট্রাকশন

2
হ্যাঁ, আমি আপনাকে শুনেছি - কখনও কখনও আপনি কোডিংয়ের সাথে কেবল এতটাই রাগান্বিত হন, আপনি আঘাত করবেন :) কমপক্ষে, বুটস্ট্র্যাপ 3.0.০ সহ, যখন আপত্তিজনকভাবে ব্যবহার করা হয়, সেখানে কিছু মান আছে। একই ফাউন্ডেশন প্রযোজ্য। উভয় থেকে শেখা যায় যে অনেক আছে। শেষ পর্যন্ত, সময় দেওয়া, 'নিজের নিজের রোলিং' এগিয়ে যাওয়ার পথ।
ম্যাথু ট্রো

2
অন্য উত্তরে মন্তব্যে একটি উত্তর পোস্ট করা কিছুটা বিভ্রান্তিকর ... (কেবল বলছি)
ই-

কিছুটা ভারসাম্য এনে দেখে ভাল লাগল :) বুটস্ট্র্যাপ অনেক অভিজ্ঞ, অভিজ্ঞ এবং নববধূদের পক্ষে খুব ভাল কাজ করে।
আরিয়া কার্টার-ওয়েয়ার

এটি প্রশ্নের উত্তর দেয় না।
গ্রেগ স্মিট

6

আপনি যদি এখনও ইম এবং রিম সমর্থন সহ বুটস্ট্র্যাপ পছন্দ করেন তবে আপনি এটি একবার দেখে নিতে পারেন - https://github.com/ivayloc/twbs-rem-em রিম বা ইম ইউনিটগুলিতে পিক্সেল রূপান্তর করতে কোনও গণনা করার দরকার নেই, এর জন্য বিল্ড ইন রয়েছে @mixins- @include rem(property, values)- পিএক্স-তে ফ্যালব্যাক এবং আপনি ব্যবহার করতে পারেন এমন রূপান্তরগুলির জন্য em(value)


আমি আর টিবিএস ব্যবহার করছি না কারণ আমি ফাউন্ডেশনকে আরও ভালভাবে চিন্তা করার মতো দেখতে পেয়েছি, তবে এটি একটি ভাল আপস বলে মনে হচ্ছে।
আনডিট্রাকশন

1

আমি বুটস্ট্র্যাপটি ব্যাপকভাবে ব্যবহার করি না কেন, এমন কয়েকটি অঞ্চল রয়েছে যেখানে অ্যাক্সেসযোগ্যতা ব্যাক বার্নার নেয়। আমার ধারণা, এমন প্ল্যাটফর্মের সাথে অনিবার্য বাণিজ্য বন্ধ রয়েছে যা এত বেশি ব্যবহৃত হয়।

তারা ফন্ট-আকারের জন্য পিক্সেল ধরে রাখতে বেছে নিয়েছে কেন তা আমি সম্পূর্ণভাবে পেয়েছি। ফ্রেমওয়ার্কের ফন্টগুলির জন্য ইমের সাথে উত্তরাধিকার সংক্রান্ত সমস্যাগুলি মোট দুঃস্বপ্ন।

রিমস একটি বিকল্প বিকল্প, তবে ব্রাউজার সমর্থন এখনও সমস্যাযুক্ত।

আপনি আপনার নিজের রিমস মিক্সিন তৈরি করতে এবং প্রতিটি ফন্টের কম প্রতিস্থাপন করতে পারেন যা বেস ফন্টের আকারের পরিবর্তনশীল ব্যবহার করে।

এটি বুটস্ট্র্যাপের সৌন্দর্য - এবং এর মতো ফ্রেমওয়ার্কগুলি - এটি থেকে কাজ করা শক্ত ভিত্তি।

হ্যাঁ, আমি টুইটার বুটস্ট্র্যাপের এমন কিছু উপাদান উল্লেখ করেছি যা এগুলি অ্যাক্সেসযোগ্য নয় - একটি ছোট উদাহরণ, ক্লিপ ব্যবহারের পরিবর্তে 'প্রদর্শন: কিছুই নয়' এর ব্যবহার। আমি নিশ্চিত যে এটির জন্য একটি বৈধ কারণ আছে - এবং আবার আপনি খুব সহজেই এটিকে সংশোধন করতে পারেন যদি আপনি চান।

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


1
আমি মনে করি বুটস্ট্র্যাপের একটি বিড়ম্বনাটি হ'ল এটি আপনার অ্যাপ্লিকেশন 'বুটস্ট্র্যাপ' এর চেয়ে অনেক বেশি করে। এটি এতগুলি স্তরের ব্যবস্থাপত্রমূলক, যার মধ্যে কমপক্ষে বিন্যাসও নয়। অলসতা ছাড়াও, এতগুলি সাইট এত স্পষ্টতই বুটস্ট্র্যাপ ভিত্তিক হওয়ার কারণ হ'ল ডিফল্টগুলি থেকে দূরে যাওয়া এত সহজ নয়। হ্যাঁ দিকগুলি কাস্টমাইজ করার জন্য প্রচুর পরিমাণে ভেরিয়েবল রয়েছে, তবে ঘৃণ্য স্পেসিফিকেশন ইস্যুগুলি অন্যান্য দিকগুলিকে ওভাররাইড করে একটি বিশাল মাথাব্যথা করে। সম্ভবত বুটস্ট্র্যাপ 3 আরও ভাল হবে। ব্যক্তিগতভাবে, আমি ফাউন্ডেশন 4 পছন্দ করি It এটি ফ্রেমের কাঠামোর চেয়ে আমার দায়িত্বে রয়েছে বলে মনে হয়।
আনডিট্রাকশন

0

আমি মনে করি, এটি ডেস্কটপের প্রথম পদ্ধতির কারণে। টুইটার বুটস্ট্র্যাপ প্রতিক্রিয়াশীল বন্ধুত্বপূর্ণ, তবে "ক্রেফুল অবক্ষয়" পদ্ধতির।

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