📢 Sponsor post

ফ্রিতে Payoneer মাস্টারকার্ড নিন খুব সহজে

আসসালামু আলাইকুম। কিছুদিন আগে popads নামক একটি ওয়েবসাইট এর মাধ্যমে মাস্টারকার্ড অর্ডার করা যেত। কিন্তু সেই অফারটি বন্ধ হয়ে যাওয়ায় অনেকে...

ওয়েব ডিজাইনিং এর জন্য কিছু জনপ্রিয় ফ্রী ( কমার্শিয়াল ) জেকুয়েরি স্লাইডার

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

ফ্লেক্সস্লাইডার ( Flexslider )

সিম্পল ফাংশনালিটির স্লাইডারগুলোর মাঝে এই স্লাইডারটা আমার ১ নাম্বার পছন্দে । পছন্দের কারন ফ্লেক্সস্লাইডার প্রচুর জেকোয়েরি কনফিগারেবল অপশন দেয় । জেকুয়েরির বেসিক জানলেই যে কেউ এটাকে মনের মত কনফিগার করে নিতে পারবেন । বিশেষ করে এদের কার্সল থাম্বনেইল ফীচারটা জোশ লাগে আমার কাছে ।
ডেমো এবং ডাউনলোড


ওল স্লাইডার ( Owl Slider )

এটাও ফ্লেক্সস্লাইডারের মতই তবে এর বিখ্যাত ট্রাঞ্জিশন ফীচারের জন্য এটা আমার ফেভারিট । এটা ছাড়াও আরো অনেক ফীচার আছে যেমন লেজি লোড , লাইটবক্স, JSON পার্সিং । কিছুটা ভারী হওয়ায় আর কয়েকটা কনফিগারেবল অপশন ( যেমন onStart ) না থাকায় এটা দুই নাম্বারে ।
ডেমো এবং ডাউনলোড


ইলাস্টিক স্লাইডশো

এদের ইলাস্টিক এফেক্টের জন্য এই স্লাইডার আমার ফেভারিট । ফ্লেক্সস্লাইডারের মত অনেক অপসন নেই কিন্তু এটা রেস্পন্সিভ । কাজেই এদিক থেকে টেনশন ফ্রী ।
ডেমো এবং ডাউনলোড


ক্যামেরা স্লাইডার

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


জেসর স্লাইডার

ফ্রী প্যারালাক্স স্লাইডারের মাঝে এটা আমার এক নাম্বারে । এদের বিল্ট ইন ইন্টারফেস অতটা ভালো লাগেনি তবে কাস্টোমাইজ করে কাজ চালানোর জন্য পারফেক্ট ।
ডেমো এবং ডাউনলোড


স্লাইডার ইউজের ক্ষেত্রে কিছু টিপস

  1. স্লাইডারের সৌন্দর্যের ৭০% নির্ভর করে ব্যাবহৃত ইমেজের উপরে আর ৩০% গ্রাফিকাল ইউজার ইন্টারফেসের উপরে । তাই শুধু GUI না দেখে ইমেজের কোয়ালিটির দিকেও নজর দিন । ৩০০ পিক্সেলের ইমেজকে সিএসএস দিয়ে ৫০০ পিক্সেল না করাই বাঞ্চনীয় ।
  2. যারা ওয়ার্ডপ্রেস কন্টেন্ট স্লাইডার বানাতে চান তারা পোষ্ট কাউন্ট হিসেব করে দিন কেননা আপনি যদি ১০০ পোষ্টস পার পেজ দেন তাহলে ১০০ টা পোষ্ট কুয়েরির জন্য রিকোয়েস্ট যাবে আপনার ডেটাবেজে যেটা সাইটের লোডিং টাইমের বারোটা বাজাবে । কিন্তু একজন ইউজার সর্বোচ্চ ১০-১৫ টা স্লাইড দেখবে অনেকক্ষেত্রে এর থেকেও কম ।
  3. কোনো অফিসিয়াল বা কোম্পানির ওয়েবসাইট না হয়ে যদি নরমাল ব্লগ সাইট হয় তাহলে সিম্পল টাইপের কিছু ব্যাবহার করুন । বেশিরভাগ ইউজারই সিম্পল জিনিসে ইজি ফিল করেন ।
  4. স্লাইডারের স্ক্রিপটকে ফুটারে লোড করুন । চাইলে $(‘#element’).load মেথড ব্যাবহার করে স্লাইডার পুরূপুরি লোড হবার পরে স্লাইডরকে ইন্সট্যানশিয়েট করতে পারেন ।