এই Snippets পোস্টগুলোর আরো একরি পার্টে আপনাকে স্বাগতম। তো এর আগের পোস্ট দেখে না থাকলে দেখুন!
- ওয়েব ডেভলপারদের জন্য Amizing Front-end snippets! HTML CSS & JAVASCRIPT || পার্ট – ১
- ওয়েব ডেভলপারদের জন্য Amizing Front-end snippets! HTML CSS & JAVASCRIPT || পার্ট – ২
- ওয়েব ডেভলপারদের জন্য Amizing Front-end snippets! HTML CSS & JAVASCRIPT || পার্ট – ৩
- ওয়েব ডেভলপারদের জন্য Amizing Front-end snippets! HTML CSS & JAVASCRIPT || পার্ট – ৪
তো চলে এলাম আরো একটি নতুন পার্ট নিয়ে আপনাদের মাঝে! বরাবরের মতোই আমি এবার ও কিছু Snippets শেয়ার করবো এবং সেটার ব্যবহার এবং ডিজাইন সম্পর্কে বিস্তারিত জানানোর চেস্ট করবো। যাতে আপনার ব্যবহার করার আগেই ধারণা থেকে যায় যে এটি কেমন হবে। যেগুলো Snippet ব্যবহার বেশি হয় এবং সুন্দর ডিজাইন সেগুলো আমি আপনাদের মাঝে শেয়ার করে থাকি। তো চলুন শুরু করা যাক!
Tailwind Css বাটন
এই snippet এর বিস্তারিতঃ
নরমাল Button এর থেকে Taildwind Css বাটন আলাদা। যখন কোনো ওয়েবসাইটে শুধু Taildwind Css দিয়ে ডিজাইন করা হয় তখন এগুলো ব্যবহার করতে পারেন Social মিডিয়া বাটন হিসাবে। প্রতিট নিজের Background কালার রয়েছে।
কোড কালেক্টঃ
WebGL Grid Gallery
এই snippet এর বিস্তারিতঃ
এটি বিশেষ করে Photography ওয়েবসাইট গুলোর জন্য। যেখানে না ধরবের ছবি পোস্ট করা হয়। বা আপনি Travel ব্লগ ওয়েবসাইট জন্য এটি ব্যবহার করতে পারেন। এটিতে রয়েছে অনেক সুন্দর Hover Effect যা দেখতে পাচ্ছেন।
কোড কালেক্টঃ
Radio Sliding
এই snippet এর বিস্তারিতঃ
এটি হলো Html এর Radio এর ডিজাইন। যা অনেক সুন্দর করে বানানো হয়েছে। এটি আপনি কোনো ফরম এ কিছু যেকোনো একটি সিলেক্ট এর জন্য ব্যবহার করতে পারেন। বা Quiz ওয়েবসাইটে Answer সিলেক্ট এ ব্যবহার করতে পারেন! এটিতে সুন্দর Focus অ্যানিমেশন রয়েছে!
কোড কালেক্টঃ
Cookie লোডার
এই snippet এর বিস্তারিতঃ
এটি হলো একটি Cookie লোডার! এটি আপনি ওয়েবসাইটের Cookie লোডিং এর জন্য ব্যবহার করতে পারেন। বা Cookie Icon বাদ দিয়ে ওয়েবসাইটের Preloader হিসাবে ব্যবহার করতে পারেন। অনেক সুন্দর অ্যানিমেশন রয়েছে এতে।
কোড কালেক্টঃ
Image Slider
এই snippet এর বিস্তারিতঃ
এটি তৈরি করা হয়েছে Alpine js ব্যবহার করে। এটি বিশেষ করে বড় যেগুলো ব্লগিং, Portfolio ওয়েবসাইটতে ব্যবহার করতে পারেন। তাহলে বেশি ভালো দেখাবে। এটিতে ডিজাইন রয়ে ছে সুন্দর চাইলে আপনি নিজের মতো ডিজাইন করতে পারেন।
কোড কালেক্টঃ
THIS POST END
So friends, that’s it for today. See you in another post. If you like the post then like and comment. Stay tuned to Trickbd.com for any updates.
