আপনি যখন কোন একজন ক্লায়েন্টের সাইট বানাতে যাবেন তখন ক্লায়েন্ট আপনাকে তার পছন্দ অনুযায়ী বিভিন্ন ফিচার যোগ করতে বলতে পারে বা বলতে পারে যে অমুক সাইটের ঐ ফিচারটি আমি আমার সাইটে চাই। ধরুন ফিচারটি জাভাস্ক্রীপ্টের। এই মূহুর্তে আপনার জাভাস্ক্রীপ্ট কোডের গভীরে যতটুকু জানা দরকার তার চেয়েও বেশি জানা দরকার ঐ নির্দিষ্ট ফিচারের সোর্স কোড আপনি কোথায় পেতে পারেন। আপনার যদি অনেক কিছু সম্পর্কে আগেই ধারনা থাকে তাহলে কাজটি করে ফেলতে সুবিধা। বা আপনি আপনার সাইটে আকর্ষনীয় নতুন কিছু গ্যাজেটও যোগ করতে পারেন। যেমন- ঐদিন এক বায়ার চাইল সে তার সাইটের একটা পেজে সাইড বার মেনু চায় এবং পেজের মাঝখানে গুগল ম্যাপ চায়। সে তার জব পোস্টে লিখে রেখেছে "Expart Javascript Programmer needed". আপনি জাভাস্ক্রীপ্টে পুরোপুরি এক্সপার্ট না হলেও কাজটি করে দিতে পারেন। কাজটি তাকে করে দিতে চাইলে এই পোস্টের ২ নং এবং ১০ নং সোর্সকোড ইউজ করলেই হবে । তবে আপনাকে কোড ভাল করে ইউজ জানতে হবে।আজকে বিভিন্ন ওয়েবসাইটে আমাদের দেখা অনেক সুন্দর ও আকর্ষনীয় ফিচারগুলোর সোর্সকোড কোথায় পাওয়া যাবে তা সম্পর্কে আলোচনা করব। ডেমো লিঙ্কে ঐ নির্দিষ্ট ফিচারের সোর্সকোড এবং কিভাবে ব্যাবহার করবেন তা দেয়া আছে। তবুও যদি আপনার বুঝতে সমস্যা হয় আমাকে নক করবেন।
১। এটাতে মাউস নাড়ানোর সাথে সাথেই ব্যাকগ্রাউন্ড ইমেজটি দৌড়ে একে একে প্রতিটি মেনু লিস্টের কাছে যাবে। এই ফিচারটি আপনার সাইটে ইউজ করতে চাইলে লিঙ্কটিতে দেখুন- ডেমো লিঙ্ক
২। আমরা সাইটে মেনু উপরে রাখতে পারি। আবার বামদিক বা ডানদিকে রাখতে পারি। কিন্তু আপনি যদি চান এটা সাইড বারে রাখতে তাহলে এই কোড ইউজ করতে পারেন।
৪। অনেক সময় দেখা যায় কোন লিঙ্কের উপর মাউস ধরলেই মেনু বা সাবমেনু দেখানো শুরু করে। আপনিও এটা করতে পারেন।
৮। খুব সুন্দর ড্রাগ এন্ড ড্রপ স্ক্রীপ্ট -
১১। প্রথমে লেখাগুলো উহ্য থাকলে মাউস রাখলেই স্পষ্ট হয়ে দেখাবে- ডেমো লিঙ্ক
১২। টাইটেল লেখাটা খুব সুন্দর ভাবে ভাসবে, যদিও প্রফেশনাল সাইটে এটা ইউজ করা উচিত নয়- ডেমো লিঙ্ক
১৩। অনেক সময় আমরা দেখি কোন টপিকে ক্লিক দিলেই তার ডিটেইলস সাথে সাথে সুন্দর করে চলে আসে।
১৪। এটাতে নিচে দিয়ে স্টিকি হয়ে বড় করে মেনু বা কপিরাইট এ জাতীয় লেখা যেতে পারে - ডেমো লিঙ্ক
১৫। ছবিটিতে ভাল করে দেখুন। ইদানিং অনেক ওয়েবসাইট এই স্টাইলের লগিন ফর্ম ইউজ করছে। - ডেমো লিঙ্ক
১৬। ভিজিটরকে মেসেজ দেয়ার জন্য আমাজন ডট কম এই জাতীয় ইনফরমেশন রাখে।
১৭। এটা এডবক্স, ৩০ সেকেন্ড উইন্ডোতে থাকবে তারপর চলে যাবে-
১৮। এটা html5 পপয়াপ নোটপ্যাড, কিন্তু কি কাজে যে লাগে বুঝবার পারলাম না - ডেমো লিঙ্ক
১৯। লিঙ্কে ক্লিক দিলে বক্সে ইনফরমেশন দেখা যাবে, ইনফরমেশনগুলো স্ক্রলিং করা যায়। এতে করে আপনি খুব সুন্দর করে আপনার তথ্য দেখাতে পারবেন।
২০। রাইট ক্লিক ডিসেবল করার কয়েকটা স্ক্রীপ্ট - ডেমো
ইমেজের উপর রাইট ক্লিক অফ - ডেমো
রাইট ক্লিক অফ কিন্তু কোন এলার্ট দেখাবে না- ডেমো
২১। প্রিন্ট বাটন - ডেমো
২২। ফন্ট বড় ছোড় করার কাজে এটা ব্যাবহার করা যাবে - ডেমো ১ ডেমো ২
২৩। সাইটবুক মার্ক করে রাখার জন্য - ডেমো
২৪। লিঙ্কের উপর মাউস রাখলেই ডিটেইলস চলে আসবে এমন অনেক স্ক্রীপ্ট আছে ।
২৫। অনেক সময় লিঙ্কে ক্লিক দিলে তা আটোস্ক্রল করে আমাদের নির্দিষ্ট লেখাইয় পাঠিয়ে দেয়, এটাও সেটা করবে -
ডেমো
২৬। ব্যাকগ্রাউন্ড ইমেজ তৈরি করবে যা সব সময় স্ট্যাটিক থাকবে। সুন্দর জিনিস - ডেমো
২৭। টপে যাওয়ার জন্য ওয়েব সাইটের নিচের দিকে একটা স্ট্যাটিক বাটন রাখা যায় - ডেমো
-------------------------------------------------------------------------------------------------------------------------
লেখাটি পূর্বপ্রকাশিত আমার ব্লগে - http://mashpysays.blogspot.com
টেকনোলজির সকল বিষয় সম্পর্কে বাংলাতে জানার জন্য ঘুরে আসতে পারেন - টেকনোলজি বেসিক ।
এর ফেসবুক পেজে জয়েন করতে পারেন - http://www.facebook.com/technologybasic
আমি Mashpy Says। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 14 বছর 8 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 25 টি টিউন ও 1964 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
প্রয়োজনের সময় আমি অনেকের কাছেই প্রয়োজনীয়।
khub valo 🙂