আমি সর্বদা যতটা সম্ভব সিএসএস ব্যবহার করে জাভাস্ক্রিপ্ট ভেটো করি।
যেমন আমি জাভাস্ক্রিপ্টের চেয়ে CSS ব্যবহার করে ট্যাব এবং রোলওভার বোতাম তৈরি করি।
আমি কিছু সমাধান দেখেছি - বিশেষত Wt ওয়েব-কাঠামো - যা জাভাস্ক্রিপ্টের পক্ষে; তবে ব্রাউজারটি যদি সক্ষম / জেএস-অক্ষম না হয় তবে গ্রেফতার হয়ে সিএসএসে ডাউনগ্রেড করুন।
আমি জানি সিএসএস এবং জাভাস্ক্রিপ্টের বিভিন্ন উদ্দেশ্য রয়েছে, তবে ওভারল্যাপ রয়েছে; যা এই প্রশ্নের উত্সাহ ।
জাভাস্ক্রিপ্টের মাধ্যমে আমার যতটা সম্ভব সিএসএস ব্যবহার করা চালিয়ে যাওয়া উচিত?
উত্তর:
হ্যাঁ.
সিএসএসের উদ্দেশ্য হ'ল বিন্যাস, চেহারা এবং অনুভূতি এবং অ্যানিমেশন
জাভাস্ক্রিপ্ট উদ্দেশ্য ইন্টারঅ্যাকশন।
আপনি যদি বিন্যাস করছেন, সিএসএস ব্যবহার করুন, আপনি যদি সিএসএস ব্যবহার করতে চেহারা এবং অনুভূত করেন, যদি আপনার অ্যানিমেশনটি CSS3 ব্যবহার করে
যদি আপনি ইভেন্ট হ্যান্ডলারগুলি সংযুক্ত করেন বা ব্যবহারকারীর ইনপুটটিতে প্রতিক্রিয়া জানায় জাভাস্ক্রিপ্ট।
নোট করুন যে লোকেরা ব্রাউজার সমর্থনের জন্য CSS এর পরিবর্তে জাভাস্ক্রিপ্ট ব্যবহার করে use জাভাস্ক্রিপ্ট ব্যবহার করে সিএসএস বৈশিষ্ট্যগুলি অনুকরণ করার মতো অন্যান্য সমাধান রয়েছে।
ঠিক আছে, এটি আসলে বেশ আকর্ষণীয় প্রশ্ন আমি এই জাতীয় কিছুতে আপনি কীভাবে একটি বেঞ্চমার্কও করবেন তা ভেবে দেখার চেষ্টা করছি, বিশেষত যেহেতু বেশিরভাগ সময় সিএসএস বা জাভাস্ক্রিপ্ট কোনও ওয়েব পৃষ্ঠায় নিরপেক্ষভাবে নিবিড় কাজগুলি করে না।
আমার অন্ত্র অনুভূতিটি বলবে যে যথাসম্ভব সিএসএস ব্যবহার করুন তবে এটিকে কঠোর এবং দ্রুত নিয়মে পরিণত করবেন না।
a:hover {
background-color: green;
}শব্দার্থকভাবে তারপর ভাল
$('a').onmouseover(function() {
$(this).css('background-color','green');
})কিন্তু
$('a').onmouseover(function() {
if (somethingelsehappened) {
$(this).css('background-color','green');
}
})সিএসএসে কঠিন (যদিও অসম্ভব নয়)। আপনি এইভাবে এটি করতে পারে।
$('a').onmouseover(function() {
if (somethingelsehappened) {
$(this).addClass('Green');
}
})
a.green {
background-color: green;
}এটি সরাসরি জাভাস্ক্রিপ্টে যা করা যেত তা করতে আরও কিছুটা বিশ্রী উপায় হতে পারে তবে আমি কয়েক মিনিট ধরে এটি নিয়ে ভাবছিলাম এবং এখানেও সঠিক সমাধানটি খুব ভালভাবে সিএসএস হতে পারে, উদাহরণস্বরূপ হোভারটি করার সময় যদি আপনি অনেকগুলি অ্যাট্রিবিউট সেট করে থাকেন।
** দয়া করে মনে রাখবেন যে এই কোডটির কোনওটিই কাজ করবে বলে আশা করা যায় না, এটি কেবলমাত্র প্রদর্শনের উদ্দেশ্যে for
ইয়াহু বিকাশকারী নেটওয়ার্ক থেকে আপনি নিম্নলিখিতগুলি গ্রহণ করবেন কিনা তা বিবেচনা করুন :
"সংখ্যাগুলি ক্র্যাঞ্চ করার পরে, আমরা জাভাস্ক্রিপ্ট-অক্ষম অনুরোধগুলির একটানা হার দেখতে পেয়েছি যা প্রকৃত দর্শনার্থী ট্র্যাফিকের প্রায় 1% ঘুরে বেড়ায়, সর্বোচ্চ হার মার্কিন যুক্তরাষ্ট্রে মোটামুটি 2 শতাংশ এবং ব্রাজিলের সর্বনিম্ন 0.25 শতাংশ। সমস্ত অন্যান্য দেশ পরীক্ষিত সংখ্যাগুলি ১.৩ শতাংশের খুব কাছে দেখায়। "
শতাংশ এত কম (সর্বোচ্চ হিসাবে) এটি খুব কমই মনে হচ্ছে (যদি না আপনার ওয়েবসাইট ব্যবহারকারীরা মূলত সেই 2% থেকে আসে) তবে ব্যবহারকারীরা তাদের জাভাস্ক্রিপ্ট বন্ধ করে রেখেছেন সেই বিষয়ে চিন্তা করতে হবে। গড় ব্যবহারকারী কীভাবে জাভাস্ক্রিপ্টটি বন্ধ করতে হয় তা জানেন না এবং সম্ভবত এটি যত্নশীল হন না। আপনি যদি কোনও প্রযুক্তিগত ওয়েবসাইট বিকাশ করছেন তবে আপনি সম্ভবত জাভাস্ক্রিপ্ট অক্ষম করার সম্ভাবনাটি বিবেচনা করতে চাইতে পারেন, তবে তাদের যদি সম্ভবত ওয়েবসাইটগুলি জাভাস্ক্রিপ্ট প্রচুর পরিমাণে ব্যবহার করে তবে সঠিকভাবে কাজ না করা ওয়েবসাইটগুলিতে ব্যবহার করা হয়।
যা যা বলা হচ্ছে তা সবই আমি খুঁজে পেয়েছি যেখানে জাভাস্ক্রিপ্ট বিকাশ যা আমি খুব সহজসাধ্য করার চেষ্টা করছি এবং অন্যান্য ক্ষেত্রে যেখানে CSS একই কাজ করে।
শেষ পর্যন্ত প্রতিটি "ভাষা" এর ওয়েব বিকাশে তার যথাযথ স্থান রয়েছে এবং বুদ্ধিমানের সাথে ব্যবহার করা বিকাশ এবং ব্যবহারকারীর অভিজ্ঞতা উভয়কেই বাড়িয়ে তুলতে পারে। সেগুলি কী ব্যবহার করে তা শিখুন (আমি অভিজ্ঞতার শিক্ষার প্রস্তাব দিই) এবং বুদ্ধিমানের সাথে প্রয়োগ করুন। আমার অভিজ্ঞতায়, "যখন কোনও সিএসএস সলিউশন উপস্থিত থাকে তখন কখনই জেএস ব্যবহার করবেন না" (প্যারাফ্রেসড) এর মতো পাথরের নিয়মগুলি সেট করা ব্যবহারিক বিশ্বে খুব কমই সেরা।
জাভাস্ক্রিপ্ট একটি আসল কম্পিউটার ভাষা, এর অর্থ হল এটিতে প্রোগ্রামের প্রয়োগের অবস্থা এবং নিয়ন্ত্রণ রয়েছে। এই হিসাবে, এটি কতটা জটিল হতে পারে তার কোনও উচ্চতর সীমা নেই এবং আপনি এতে যা কিছু লিখেন তার যথেষ্ট ন্যূনতম জটিলতা থাকতে বাধ্য। সিএসএস একটি বর্ণনামূলক কোড; এর জটিলতা কোনও রেসিপিের মতো জটিলতার মাত্রায় সীমাবদ্ধ। সুতরাং, যদি সিএসএস এবং জাভাস্ক্রিপ্ট উভয় ক্ষেত্রেই কিছু করা যায় তবে আমি সিএসএসের চেয়ে অনেক বেশি ব্যবহার করব, কারণ এটি কম জটিল হতে বাধ্য।
জাভাস্ক্রিপ্ট একটি স্ক্রিপ্টিং ভাষা যার অর্থ এটি কিছু যুক্তি যুক্ত করার ক্ষমতা রাখে। সিএসএস একটি নথির চেহারা এবং স্টাইল বর্ণনা করতে ব্যবহৃত হয়। এটি মূলত বিন্যাস এবং বিন্যাস (উপস্থাপনা) থেকে নথির কাঠামো পৃথক করার জন্য ডিজাইন করা হয়েছিল।
আপনি কোনও ওয়েবপৃষ্ঠার চেহারা পরিবর্তন করতে জাভাস্ক্রিপ্ট ব্যবহার করতে পারেন তবে সিএসএসের কাজটি যেহেতু করা হয়েছিল, তাই আমি সাইটের স্টাইলের জন্য সিএসএসের সাথে যাব এবং বাকীটি জাভাস্ক্রিপ্টে রেখে দেব।
উইকিপিডিয়া:
জাভাস্ক্রিপ্ট ব্যবহার:
- নতুন উইন্ডোটির আকার, অবস্থান এবং বৈশিষ্ট্যগুলিতে প্রোগ্রামিক নিয়ন্ত্রণের সাথে একটি নতুন উইন্ডো খোলার বা পপিং করা (যেমন মেনুগুলি, সরঞ্জামদণ্ডগুলি, ইত্যাদি দৃশ্যমান কিনা)।
- সার্ভারে জমা দেওয়ার আগে তারা গ্রহণযোগ্য কিনা তা নিশ্চিত করতে একটি ওয়েব ফর্মের ইনপুট মানগুলি বৈধকরণ।
- মাউস কার্সার হিসাবে চিত্র পরিবর্তন করা তাদের উপরে চলে যায়: গ্রাফিক্যাল উপাদান হিসাবে প্রদর্শিত গুরুত্বপূর্ণ লিঙ্কগুলির প্রতি ব্যবহারকারীর দৃষ্টি আকর্ষণ করতে প্রায়ই এই প্রভাব ব্যবহার করা হয়।
হালনাগাদ. তৃতীয় বিষয় হিসাবে, ডাব্লু 3 সি সিএসএস সম্পর্কে বলে:
:hoverসিউডো-বর্গ যখন ব্যবহারকারী একটি নির্দেশক ডিভাইসের সাথে একটি উপাদান designates প্রযোজ্য, কিন্তু অগত্যা এটি সক্রিয় নেই। উদাহরণস্বরূপ, যখন কার্সার (মাউস পয়েন্টার) উপাদান দ্বারা উত্পাদিত একটি বাক্সের উপরে ঘুরে বেড়ায় কোনও ভিজ্যুয়াল ব্যবহারকারী এজেন্ট এই সিডো-ক্লাসটি প্রয়োগ করতে পারে।
সিএসএস ব্যবহার:
সিএসএসের আগে, এইচটিএমএল ডকুমেন্টগুলির উপস্থিত প্রায় সমস্ত উপস্থিত বৈশিষ্ট্য এইচটিএমএল মার্কআপের মধ্যে ছিল; সমস্ত ফন্টের রঙ, পটভূমি শৈলী, উপাদান সারিবদ্ধকরণ, সীমানা এবং আকারগুলি এইচটিএমএল এর মধ্যে প্রায়শই বারবার স্পষ্টভাবে বর্ণনা করতে হয়েছিল। সিএসএস লেখকদের সেই তথ্যটির অনেকগুলি আলাদা স্টাইল শীটে স্থানান্তরিত করতে দেয় যার ফলে যথেষ্ট সহজ এইচটিএমএল মার্কআপ হয়।
hoverসিউডো-বর্গ যে উদ্দেশ্য রয়েছে। আমি শুধু উদ্ধৃতি দিচ্ছিলাম। সম্পাদনা করা হয়েছে।