CSS স্ক্রোল স্ন্যাপ ওয়েবসাইটগুলিকে ওয়েব পৃষ্ঠা বা অন্য কোনো স্ক্রোল কন্টেইনারকে একটি নির্দিষ্ট স্ক্রোল অবস্থানে স্ন্যাপ করার অনুমতি দেয় যখন ব্যবহারকারী একটি স্ক্রলিং অপারেশন করে। এই বৈশিষ্ট্য হয়েছে সমস্ত আধুনিক ব্রাউজারে সমর্থিত দুই বছরেরও বেশি সময় ধরে, কিন্তু অনেক ওয়েবসাইট যা এটি থেকে উপকৃত হতে পারে এখনও এটি ব্যবহার করছে না।
স্ক্রোল স্ন্যাপিং সম্ভবত অনুভূমিক ক্যারোসেলের সাথে সবচেয়ে বেশি যুক্ত (দেখুন ক্রিস এর শুধুমাত্র সিএসএস পদ্ধতি) এবং নির্দিষ্ট ওয়েব পৃষ্ঠাগুলি সম্পূর্ণ-স্ক্রীন স্লাইডে বিভক্ত। কিন্তু সেখানে থেমে থাকবেন কেন? আমি বিশ্বাস করি যে স্ন্যাপিং যেকোন ওয়েব পৃষ্ঠায় স্ক্রোলিং অভিজ্ঞতা উন্নত করতে পারে যা একটি গ্রিড বা ফিডে আইটেমগুলি রাখে।
উদাহরণস্বরূপ, বেশিরভাগ শপিং ওয়েবসাইট একটি গ্রিডে পণ্য দেখায়। আদর্শভাবে, ব্যবহারকারী ন্যূনতম প্রচেষ্টার সাথে গ্রিড সারিগুলির মধ্যে লাফ দিতে চান। ব্যবহারকারী চাপ দিতে পারেন স্থান মোটামুটি একটি স্ক্রীন (ভিউপোর্ট উচ্চতা) দ্বারা পৃষ্ঠাটি স্ক্রোল করতে, কিন্তু গ্রিড সারিগুলির উচ্চতার উপর নির্ভর করে, স্ক্রোল অবস্থানটি শেষ পর্যন্ত গ্রিডের সাথে "সিঙ্কের বাইরে" হয়ে যাবে এবং ব্যবহারকারীকে এটিকে ম্যানুয়ালি পুনরায় সামঞ্জস্য করতে হবে।
যদি আমরা এই পৃষ্ঠায় স্ক্রোল স্ন্যাপিং যোগ করি, তাহলে ব্যবহারকারী ধারাবাহিকভাবে পরবর্তী সারিতে স্ক্রোল করতে পারবেন স্থান কী (টিপে স্থানপরিবর্তন + স্থান আগের সারিতে স্ক্রোল করবে)। এটা বেশ অনায়াসে.
আমি মনে করি যে স্ক্রোল স্ন্যাপিং এই ওয়েবসাইটে একটি স্বাগত সংযোজন হবে। এবং এটি বাস্তবায়ন করা জটিলও নয়। আমি এই উদাহরণের জন্য যে CSS কোডটি ব্যবহার করেছি তা তুলনামূলকভাবে সহজ:
html {
scroll-snap-type: y proximity;
}
.product-item {
scroll-snap-align: start;
scroll-margin-top: 75px; /* height of web page’s sticky header */
}আপনি নিয়মিত পরিদর্শন করেন এমন একটি ওয়েবসাইট যদি এখনও স্ক্রোল স্ন্যাপিং যোগ না করে এবং আপনি মনে করেন এটি আপনার স্ক্রল করার অভিজ্ঞতা উন্নত করবে বলে আপনাকে অপেক্ষা করতে হবে না। আপনি নিজেই স্ক্রোল স্ন্যাপিং যোগ করতে পারেন — ব্যবহারকারীর শৈলী সহ।
ওয়েবসাইটে ব্যবহারকারী শৈলী যোগ করা
উপরের ভিডিওতে, আপনি দেখতে পাচ্ছেন যে আমি সাফারির উন্নত পছন্দগুলির মধ্যে একটি user.css ফাইল নির্বাচন করেছি৷ এই ফাইলটি একটি ব্যবহারকারীর স্টাইল শীট। এটিতে CSS শৈলী রয়েছে যা আমি লিখেছি, স্থানীয় ভাষায় সংরক্ষিত .css ফাইল, এবং সাফারিতে যোগ করা হয়েছে। এই "ব্যবহারকারীর শৈলীগুলি" তারপরে আমি সাফারিতে খোলা প্রতিটি ওয়েব পৃষ্ঠায় প্রয়োগ করা হয়।
ক্রোম এবং ফায়ারফক্স ব্যবহারকারীদের একটি ব্যবহারকারীর স্টাইল শীট নির্বাচন করার অনুমতি দেয় না। ফায়ারফক্স নামে একটি অনুরূপ বৈশিষ্ট্য সমর্থন করে userContent.css অতীতে, কিন্তু সেই বৈশিষ্ট্যটি অবমূল্যায়িত হয়েছিল এবং ডিফল্টরূপে নিষ্ক্রিয় 2019 সালে। আমি সুপারিশ করছি স্টাইলাস ব্রাউজার এক্সটেনশন এই দুটি ব্রাউজারের জন্য (এবং অন্যান্য ক্রোমিয়াম-ভিত্তিক ব্রাউজার)।
স্টাইলাসের একটি উল্লেখযোগ্য সুবিধা হল এটি আপনাকে নির্দিষ্ট ওয়েবসাইট এবং URL এর জন্য ব্যবহারকারীর শৈলী লিখতে দেয়। সাফারির ব্যবহারকারীর স্টাইল শীট সমস্ত ওয়েবসাইটে প্রযোজ্য, তবে এটি প্রায় কাজ করা যেতে পারে, যেমন, নতুন ব্যবহার করে :has() ছদ্ম-শ্রেণী থেকে শুধুমাত্র নির্দিষ্ট ওয়েবসাইটের সাথে মেলে এমন নির্বাচক তৈরি করুন.
CSS ক্যাসকেডিং মডিউল একটি সংজ্ঞায়িত করে ব্যবহারকারীর মূল শৈলী জন্য ব্যবহারকারী যোগ করে. সাফারির ব্যবহারকারী শৈলী শীট এই উত্সের অন্তর্গত, কিন্তু স্টাইলাস এক্সটেনশন ব্যবহারকারীর শৈলীগুলি লেখকের মূলে প্রবেশ করায়, যেখানে ওয়েবসাইটের স্টাইল শীটগুলি বাস করে৷ বিশেষভাবে, স্টাইলাস ব্যবহারকারীর শৈলীগুলি সরাসরি পৃষ্ঠায় a এর মাধ্যমে সন্নিবেশিত করে <style> এর শেষে উপাদান <html> যা এটা তোলে পৃষ্ঠায় চূড়ান্ত শৈলী শীট. টেকনিক্যালি, এর মানে স্টাইলাসের মাধ্যমে যুক্ত করা শৈলীগুলি লেখক শৈলী হিসাবে শ্রেণীবদ্ধ করা হয়েছে কারণ সেগুলি ব্যবহারকারীর মূলে নেই, তবে আমি তাদের ব্যবহারকারীর শৈলী বলতে অবিরত থাকব কারণ ব্যবহারকারী সেগুলি যুক্ত করে।
যাইহোক, এই পার্থক্যটি মনে রাখা মূল্যবান কারণ এটি ক্যাসকেডকে প্রভাবিত করে। যখন নির্বাচকের নির্দিষ্টতা সমান হয়, তখন প্রকৃত ব্যবহারকারীর শৈলী পৃষ্ঠার নিজস্ব শৈলীর চেয়ে দুর্বল হয়। এই ব্যবহারকারী শৈলী একটি চমৎকার করে তোলে ব্যবহারকারীর ডিফল্টের জন্য উপযুক্ত. একই অবস্থার অধীনে, স্টাইলাসের মাধ্যমে একটি শৈলী যোগ করা হয় শক্তিশালী পৃষ্ঠার শৈলীর চেয়ে, তাই স্টাইলাস ব্যবহারকারীর ডিফল্ট সংজ্ঞায়িত করতে সহজে ব্যবহার করা যাবে না।
যদি আমরা যোগ করি !important মিশ্রণে, স্টাইলাসের মাধ্যমে যোগ করা বাস্তব ব্যবহারকারী শৈলী এবং শৈলী উভয়ই পৃষ্ঠার শৈলীর চেয়ে শক্তিশালী। সুতরাং আপনি যখন একটি ওয়েবসাইটে আপনার ব্যবহারকারীর শৈলী আরোপ করতে চান, তখন আপনি সাফারির "স্টাইল শীট" বিকল্প বা স্টাইলাস এক্সটেনশন ব্যবহার করেন কিনা তা কোন ব্যাপার না। তোমার !important শৈলী উভয় উপায়ে জয়ী হবে.
পরবর্তী বিভাগে, আমি একটি সেট ব্যবহার করব !important টুইটারের ওয়েবসাইটের টাইমলাইন পৃষ্ঠায় স্ক্রোল স্ন্যাপিং প্রয়োগ করার জন্য ব্যবহারকারীর শৈলী। আমার লক্ষ্য হল বিশ্রী স্ক্রল অবস্থানগুলি এড়িয়ে আমার টুইটার টাইমলাইন পড়ার প্রক্রিয়াটিকে দ্রুততর করা যেখানে শীর্ষস্থানীয় টুইটটি শুধুমাত্র আংশিকভাবে স্ক্রিনে থাকে।
টুইটারের টাইমলাইনের জন্য স্ন্যাপ স্ক্রোল করুন
কিছু পরীক্ষা-নিরীক্ষার পর, আমি নিম্নলিখিত CSS কোডে স্থির হয়েছি। এই স্টাইলগুলি ফায়ারফক্সে ভাল কাজ করে, কিন্তু আমি ক্রোম এবং সাফারিতে কিছু সমস্যার সম্মুখীন হয়েছি। আমি পরবর্তীতে নিবন্ধে এই সমস্যাগুলি আরও বিস্তারিতভাবে বর্ণনা করব, তবে আপাতত, ফায়ারফক্সের আচরণের উপর ফোকাস করা যাক।
html {
scroll-snap-type: y mandatory !important;
}
/* tweets in the timeline are <article> elements */
article {
scroll-snap-align: start !important;
}
/* un-stick the sticky header and make it “snappable” as well */
[aria-label="Home timeline"] > :first-child {
position: static !important;
scroll-snap-align: start !important;
}
/* hide the “new Tweets available” floating toast notification */
[aria-label="New Tweets are available."] {
display: none !important;
}এটা যোগ করা প্রয়োজন !important প্রতিটি ঘোষণার জন্য কারণ আমাদের কাস্টম স্ক্রোল স্ন্যাপিং বাস্তবায়ন সঠিকভাবে কাজ করার জন্য সমস্ত ব্যবহারকারীর শৈলী অবশ্যই ওয়েব পৃষ্ঠার নিজস্ব শৈলীতে জয়ী হতে হবে। বারবার লেখার পরিবর্তে সেই কামনা করি !important, আমি শুধু আমার ব্যবহারকারীর শৈলীগুলিকে একটি "গুরুত্বপূর্ণ স্তর"-এ রাখতে পারি, কিন্তু এই ধরনের একটি CSS বৈশিষ্ট্য বিদ্যমান নেই (এখনো).
আমার স্ক্রোল স্ন্যাপ ব্যবহারকারীর শৈলীগুলিকে কার্যকর দেখতে নীচের ভিডিওটি দেখুন। লক্ষ্য করুন কিভাবে প্রতিটি প্রেস স্থান কী টুইটের পরবর্তী সেটটিকে ভিউতে স্ক্রোল করে এবং প্রতিটি সেটের প্রথম টুইট ভিউপোর্টের উপরের প্রান্তে সারিবদ্ধ করা হয়। এটি আমাকে আরও দ্রুত আমার টাইমলাইন পড়তে দেয়। যখন আমাকে আগের টুইটগুলিতে ফিরে যেতে হবে, আমি চাপ দিতে পারি স্থানপরিবর্তন + স্থান.
আমি এই ধরনের স্ক্রল স্ন্যাপিং সম্পর্কে যা পছন্দ করি তা হল এটি আমাকে ভবিষ্যদ্বাণী করতে দেয় যে আমি যখনই প্রেস করি তখন পৃষ্ঠাটি কতদূর স্ক্রোল করবে স্থান. প্রতিটি স্ক্রোল দূরত্ব সম্পূর্ণরূপে স্ক্রিনে থাকা দৃশ্যমান টুইটগুলির সম্মিলিত উচ্চতার সমান। অন্য কথায়, স্ক্রিনের নীচে আংশিকভাবে দৃশ্যমান টুইটটি স্ক্রিনের শীর্ষে চলে যাবে, যা আমি চাই তা ঠিক।
Space ডেভের টুইটটি স্ক্রিনের শীর্ষে স্ক্রোল করবে।আপনার নিজের টুইটার টাইমলাইনে আমার স্ক্রোল স্ন্যাপ ব্যবহারকারী শৈলীগুলি চেষ্টা করতে, এই পদক্ষেপগুলি অনুসরণ করুন:
- ইনস্টল করুন স্টাইলাস এক্সটেনশন ফায়ারফক্স অ্যাড-অন বা ক্রোম ওয়েব স্টোর সহ।
- এ আপনার টুইটার টাইমলাইনে নেভিগেট করুন https://twitter.com/home.
- ব্রাউজারের টুলবারে স্টাইলাস আইকনে ক্লিক করুন এবং পপ-আপে "এই URL" এ ক্লিক করুন।
- স্টাইলাস একটি নতুন ব্রাউজার ট্যাবে একটি কোড সম্পাদক খুলবে। আমার স্ক্রোল স্ন্যাপ ব্যবহারকারী শৈলী সম্পাদকে কপি-পেস্ট করুন এবং বাম দিকে সাইডবারে সংরক্ষণ বোতাম টিপুন। শৈলীগুলি অবিলম্বে আপনার টুইটার টাইমলাইনে প্রয়োগ করা হবে (পৃষ্ঠাটি পুনরায় লোড করার প্রয়োজন নেই)।
- আপনি যে কোনো সময় শৈলী আপডেট করতে পারেন. এডিটরটি আবার খুলতে স্টাইলাস আইকন এবং পেন্সিল আইকনে ক্লিক করুন।
স্ন্যাপিং ওভাররাইড করতে অক্ষমতা
টুইটারের টাইমলাইনের জন্য আমার স্ক্রোল স্ন্যাপিংয়ের বাস্তবায়নে একটি বড় ত্রুটি রয়েছে। যদি একটি টুইট ভিউপোর্টের চেয়ে লম্বা হয়, তাহলে সেই টুইটের নীচের অংশটি প্রকাশ করার জন্য পৃষ্ঠাটি স্ক্রোল করা অসম্ভব (যেমন, আপনি যদি সেই টুইটটিকে লাইক বা রিটুইট করতে চান) কারণ ব্রাউজার জোরপূর্বক পৃষ্ঠাটিকে উপরের অংশটি দেখানোর জন্য স্ন্যাপ করে। টুইট (বা নিম্নলিখিত টুইটের শীর্ষে)।
এই সমস্যার তীব্রতা ব্যবহারকারীর প্রদর্শনের উপর নির্ভর করে। একটি ছোট পৃষ্ঠা জুম ফ্যাক্টরে একটি বড় ডেস্কটপ মনিটরে টুইটারের টাইমলাইন দেখা, আপনি ভিউপোর্টের চেয়ে লম্বা কোনো টুইটের সম্মুখীন হতে পারেন না।
আমি CSS ওয়ার্কিং গ্রুপকে জিজ্ঞাসা করেছি যে ব্যবহারকারীকে অনুমতি দেওয়ার জন্য একটি ব্যবস্থা যুক্ত করা সম্ভব কিনা ব্রাউজারের বাধ্যতামূলক স্ক্রোল স্ন্যাপিংকে ওভাররাইড করুন. আমার সম্ভবত উল্লেখ করা উচিত যে এই সমস্যাটি অন্তত তত্ত্বগতভাবে, থেকে স্যুইচ করে সমাধান করা যেতে পারে mandatory থেকে proximity স্ন্যাপিং আমি পরীক্ষা করেছি proximity ক্রোম এবং ফায়ারফক্সে স্ন্যাপিং, এবং আমি এটি অসঙ্গত এবং বিভ্রান্তিকর খুঁজে পেয়েছি। ব্রাউজারটি প্রায়শই স্ন্যাপ হয় যখন আমি এটি আশা করিনি এবং এর বিপরীতে। হয়তো টুইটারের কোডের সাথে হস্তক্ষেপ করছে proximity অ্যালগরিদম, ব্রাউজারগুলি এখনও কিছুটা বগি, অথবা সম্ভবত আমি শুধু "এটি ভুল স্ক্রোল করছি," যদি এটি সম্ভব হয়। আমি জানি না
কিন্তু সাথে গেলাম কেন মূল কারন mandatory snapping হল যে আমি এমন পরিস্থিতি এড়াতে চেয়েছিলাম যেখানে শীর্ষস্থানীয় টুইট শুধুমাত্র একটি স্ক্রলের পরে আংশিকভাবে স্ক্রিনে থাকে। আমি উপরের ভিডিওতে দেখিয়েছি এমন টুইটগুলির সেটগুলির মধ্যে দ্রুত-স্ক্রোল করার ধরন শুধুমাত্র এর সাথেই সম্ভব mandatory স্ন্যাপিং
যদি আপনি, আমার মত, পছন্দ mandatory স্ন্যাপিং, আমি "লম্বা টুইট" সমস্যার জন্য নিম্নলিখিত দুটি সমাধানের পরামর্শ দিতে পারি:
- আপনি তার নিজের পৃষ্ঠায় টুইট খুলতে পারেন এবং পরে টাইমলাইনে ফিরে আসতে পারেন।
- আপনি যদি শুধুমাত্র লাইক বা রিটুইট বোতামে ক্লিক করতে চান, আপনি করতে পারেন স্থানপরিবর্তন-এটি নির্বাচন করতে টুইটটিতে ক্লিক করুন এবং তারপরে টিপুন L এটা পছন্দ করতে, বা T দ্বারা অনুসরণ প্রবেশ করান এটা রিটুইট করতে
Chrome এবং Safari-এ সমস্যা
আমার স্ক্রোল স্ন্যাপ ব্যবহারকারী শৈলীগুলি Chrome, Safari এবং Firefox-এ লক্ষণীয়ভাবে ভিন্ন স্ক্রল স্ন্যাপিং আচরণ তৈরি করে। স্ন্যাপিং মেকানিজমের সঠিক বাস্তবায়নের কারণে এই পার্থক্যগুলি আংশিক ব্রাউজার পর্যন্ত বাকি:
সিএসএস স্ক্রোল স্ন্যাপ মডিউল ইচ্ছাকৃতভাবে স্ন্যাপ পজিশন কার্যকর করতে ব্যবহৃত কোনো সুনির্দিষ্ট অ্যানিমেশন বা পদার্থবিদ্যা নির্দিষ্ট করে না বা বাধ্যতামূলক করে না; এটি ব্যবহারকারী এজেন্টের উপর ছেড়ে দেওয়া হয়।
সাফারির বর্তমান সংস্করণে একটি বাগ রয়েছে যা টুইটার টাইমলাইনে স্ক্রোল স্ন্যাপিংকে সঠিকভাবে কাজ করতে বাধা দেয়। আমার আছে এই বাগ রিপোর্ট.
ক্রোমে, আমি নিম্নলিখিত সমস্যার সম্মুখীন হয়েছি:
- স্ক্রলিং অপারেশনগুলি অসামঞ্জস্যপূর্ণভাবে অ্যানিমেট করে। কখনও কখনও অ্যানিমেশন ধীর হয়, কখনও কখনও এটি তাত্ক্ষণিক, এবং কখনও কখনও এটি ধীর শুরু হয় কিন্তু তারপর ছোট করা হয়। আমি এই বিরক্তিকর খুঁজে পেয়েছি.
- স্ক্রলিং অপারেশনগুলি সাধারণভাবে খুব ধীরে ধীরে সজীব হয়। আমি ক্রোম এবং ফায়ারফক্সে একটি পরীক্ষা করেছি (20 স্থান প্রেস করে), এবং ফায়ারফক্সের তুলনায় ক্রোমে আমার টুইটার টাইমলাইনে একই দূরত্ব কভার করতে আমার 70% বেশি সময় লেগেছে (ক্রোমে 18.5 সেকেন্ড বনাম ফায়ারফক্সে 11 সেকেন্ড)।
- যখন আমি আমার ল্যাপটপের ট্র্যাকপ্যাড ব্যবহার করে স্ক্রোল করি, তখন পৃষ্ঠাটি অনেক ঝাঁকুনি দেয়। যখন আমি চেপে ধরে দ্রুত স্ক্রোল করার চেষ্টা করি স্থান কী, পৃষ্ঠাটি খুব ধীরে ধীরে স্ক্রোল করে এবং দোদুল্যমান হয়। আমি সন্দেহ করি যে উভয় সমস্যা একই অ্যালগরিদম দ্বারা সৃষ্ট। মনে হচ্ছে এই ক্ষেত্রে ক্রোম খুব উচ্চ হারে পুনরায় স্ন্যাপ করে। আমার আছে এই বাগ রিপোর্ট.
এই ব্রাউজার বাগ এবং ব্রাউজারগুলির মধ্যে পার্থক্যগুলি স্ক্রোল স্ন্যাপিং বাস্তবায়নের বিবেচনায় ওয়েবসাইটগুলির জন্য একটি সমস্যা হতে পারে। উদাহরণস্বরূপ, একজন ওয়েব ডেভেলপার হয়তো পিছিয়ে থাকতে পারে কারণ তারা একটি নির্দিষ্ট ব্রাউজারে স্ক্রোল স্ন্যাপিং কীভাবে আচরণ করে তা পছন্দ করেন না। ব্রাউজারগুলি আরও ইন্টারঅপারেবল হয়ে এই সমস্যাটি প্রশমিত করতে পারে। প্রকৃতপক্ষে, স্ক্রোল স্ন্যাপ ক্রস-ব্রাউজারের ফোকাসের ক্ষেত্রগুলির মধ্যে একটি ইন্টারপ 2022 প্রচেষ্টা.
পরিস্থিতির উন্নতি করার আরেকটি উপায় হল নতুন CSS বৈশিষ্ট্য প্রবর্তন করা যা স্ক্রল স্ন্যাপিংকে আরও কনফিগারযোগ্য করে তুলবে। এর মধ্যে স্ন্যাপিং অ্যানিমেশনের সময়কাল, স্ন্যাপিংয়ের জন্য প্রক্সিমিটি থ্রেশহোল্ডের দৈর্ঘ্য এবং বাধ্যতামূলক স্ন্যাপিংকে ওভাররাইড করার একটি প্রক্রিয়া অন্তর্ভুক্ত থাকতে পারে।
স্ন্যাপ করতে বা না স্ন্যাপ করতে?
আমি কয়েক সপ্তাহ ধরে টুইটারের টাইমলাইনে আমার স্ক্রোল স্ন্যাপ ব্যবহারকারী শৈলী ব্যবহার করছি, এবং আমি ফিরে যেতে চাই না। শুধুমাত্র সঙ্গে আমার ফিড মাধ্যমে দ্রুত ফ্লিপ করার ক্ষমতা স্থান কী শুধু অন্য স্তরে।
যাইহোক, আমি এটিকে একটি উন্নত বৈশিষ্ট্য বিবেচনা করি যা সম্ভবত সবার জন্য নয়। একটি কারণ আছে কেন আমি এটি শুধুমাত্র টাইমলাইনে সক্ষম করেছি (/home পথ) এবং টুইটারের ওয়েবসাইটে অন্য কোথাও নেই। পৃষ্ঠা স্ক্রোল করার পদ্ধতিতে স্ন্যাপিং একটি উল্লেখযোগ্য পরিবর্তন, এবং এটি অভ্যস্ত হতে কিছুটা সময় নেয়। এটি একটি নির্দিষ্ট ব্যবহারের ক্ষেত্রে দুর্দান্ত কাজ করতে পারে, তবে এটি পথে যেতে পারে এবং ব্যবহারকারীকে হতাশ করতে পারে।
বিভিন্ন ব্রাউজারে এবং বিভিন্ন ইনপুট পদ্ধতিতে (মাউস, কীবোর্ড, ট্র্যাকপ্যাড, টাচ স্ক্রিন ইত্যাদি) সাবধানতার সাথে বিবেচনা এবং প্রচুর পরীক্ষা করার পরে, ফিড সহ ওয়েবসাইটগুলিকে শুধুমাত্র একটি ঐচ্ছিক বৈশিষ্ট্য হিসাবে স্ক্রোল স্ন্যাপিংয়ের প্রস্তাব বিবেচনা করা উচিত।
তুমি যাবার আগে…
অবশেষে, আমি অত্যন্ত ইনস্টল করার এবং চেষ্টা করার পরামর্শ দিই স্টাইলাস ব্রাউজার এক্সটেনশন. ওয়েব ডেভেলপারদের (অথবা যে কেউ CSS জানে) তাদের ব্রাউজারে যেকোনো ওয়েবসাইট স্টাইল করার ক্ষমতা রাখে। আপনি আপনার প্রিয় ওয়েবসাইটগুলিতে ছোটখাটো উন্নতি এবং সংশোধনগুলি প্রয়োগ করতে পারেন৷ আমি বেশিরভাগ পৃষ্ঠার উপাদানগুলি লুকানোর জন্য এটি ব্যবহার করি যা আমার কাছে বিরক্তিকর মনে হয়, যেমন স্টিকি হেডার, ভিডিও পপ-আপ এবং ভোটের সংখ্যা।
কিন্তু আরও গুরুত্বপূর্ণ, স্টাইলাস আপনাকে যেকোনো ওয়েবসাইটে দ্রুত নতুন CSS বৈশিষ্ট্য পরীক্ষা করতে এবং প্রয়োজনে ব্রাউজার বাগ রিপোর্ট করতে দেয়। এটি করে, আপনি ওয়েব প্ল্যাটফর্মটিকে আরও ভাল করতে সহায়তা করতে পারেন।
