কম্পিউটার টিউটোরিয়াল

Firefox পিনড ট্যাব রিভ্যাম্প: কাস্টম স্টাইলিং এবং পজিশনিং গাইড

এখানে আপনার জন্য একটি কৌতুহলজনক কর্নার কেস। প্রায় এক বছর আগে, Firefox Quantum বহুതর র্যাডিক্যাল পরিবর্তন আনলো তার কাজ এবং আচরণে, যেটির সবচেয়ে বড়টি হলো WebExtensions-এ স্যুইচ। এই মুভ অনেক বান্ধব, শক্তিশালী এক্সটেনশন কাজ করা বন্ধ করে দিলো, যার মধ্যে ট্যাব ম্যানেজমেন্ট অ্যড-অনসও ছিল। ভালো পাশে, Firefox ইন্টিগ্রেটেড ট্যাব পিনিং ফিচারও আনলো। এটা ভালো কাজ করে। কিন্তু।

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

Firefox পিনড ট্যাব রিভ্যাম্প: কাস্টম স্টাইলিং এবং পজিশনিং গাইড

পিনড ট্যাবগুলো चौड़ा করুন

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

Firefox UI ওভাররাইড উপলব্ধ userChrome.css ফাইল মাধ্যমে আপনার Firefox প্রোফাইল ডিরেক্টরিতে। এই ফাইলে CSS ডিক্লেশন থাকে যা ব্রাউজারের লুক নির্ধারণ করে, যেকোনো ওয়েব পেজের মতো। আপনি ফন্ট, কালার, বর্ডার, মার্জিন, প্যাডিং, যেকোনো জিনিস পরিবর্তন করতে পারেন। অবশ্যই, আপনার সিনট্যাক্স এবং Firefox তার ইন্টারফেসের জন্য যে ক্লাসগুলো ব্যবহার করে সেগুলোর কিছু বোঝার দরকার। একটি টিপিক্যাল Windows পাথ হবে:

C:\Users\(your user name)\AppData\Roaming\Mozilla\Firefox\Profiles\
(profile)\chrome\userChrome.css

এवं একটি টিপিক্যাল Linux পাথ হবে:

~/.mozilla/firefox/(profile)/chrome/userChrome.css

Firefox পিনড ট্যাব রিভ্যাম্প: কাস্টম স্টাইলিং এবং পজিশনিং গাইড

পিনড ট্যাবের সাথে, আমরা এটি যোগ করব:

/* Tabs */
.tabbrowser-tab[pinned] {
padding-left: 20px;
padding-right: 20px;
}

উপরের কোড পিনড "আইকন"-এর বাম এবং ডানে প্যাডিং যোগ করবে, পিনড ট্যাবগুলো চওড়া এবং আরও অ্যাক্সেসযোগ্য করে তুলবে - সেন্টারড AND সিমেট্রিক - ২০ পিক্সেল দ্বারা। আপনি শুধু ট্যাবের প্রস্থ বাড়াতে পারেন, কিন্তু তখন, আইকনগুলো বামে এলাইন হবে, এবং ডানে খুব সारा খালি জায়গা থাকবে, যা ভুল দেখাবে। এটি আপনার OCD পিক্সিগুলো বিস্ফোরণ করাবে। ইউনিফর্ম বাম এবং ডান প্যাডিং ব্যবহার করে একটি সুন্দর, এলিগ্যান্ট ফিক্স তৈরি হয়।

Firefox পিনড ট্যাব রিভ্যাম্প: কাস্টম স্টাইলিং এবং পজিশনিং গাইড

এবং একভাবে, এটিই সে। Bob's your uncle!

উপসংহার

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

আপনি যদি Firefox পিনড ট্যাব ব্যবহার করতে চান, আপনার पास এখন একটি উন্নত অ্যাক্সেসিবিলিটি অপশনও আছে। ট্যাবগুলো চওড়া করলে সেগুলো আরও কনসিস্টেন্ট এবং আপনার ট্যাব বারের সাথে লাইনে আসে, প্লাস দ্রুত মাউস অ্যাকশন থেকে হিট করা সহজ। 게다가, userChrome.css ওভাররাইড ব্যবহার করে আপনি ব্রাউজার UI লেআউটে আরও উন্নতি আনতে পারেন। ভার্টিক্যাল স্পেসিং বা প্যাডিং বাড়ান, উদাহরণস্বরূপ।Anyway, আশা করি আপনি এই ছোট গাইডটি উপযোগী পাবেন। দেখা হবে।

চিয়ার্স।

  1. ফায়ারফক্সের About পেজ এক্সপ্লোর করুন: ভার্সন, ফিচার, এবং হিডেন ইনসাইট

  2. Firefox 4 অভিজ্ঞতা উন্নত করুন: এক্সপার্ট টিপস ও ট্রিকস

  3. ফায়ারফক্স ৪ বনাম ইন্টারনেট এক্সপ্লোরার ৯: কোন ব্রাউজার সেরা?

  4. ফায়ারফক্স ৩.১ বেটা ৩: মেমরি ব্যবহার ও পারফরম্যান্স বিশ্লেষণ