New

WELLCOME BACK

Hello guys, how are you? Hope you are doing well! So like every day, today I am here with a new post for you! So let’s get started!

এই Snippets পোস্টগুলোর আরো একরি পার্টে আপনাকে স্বাগতম। তো এর আগের পোস্ট দেখে না থাকলে দেখুন!

1. ওয়েব ডেভলপারদের জন্য Amizing Front-end snippets! HTML CSS & JAVASCRIPT || পার্ট – ১
2. ওয়েব ডেভলপারদের জন্য Amizing Front-end snippets! HTML CSS & JAVASCRIPT || পার্ট – ২
3. ওয়েব ডেভলপারদের জন্য Amizing Front-end snippets! HTML CSS & JAVASCRIPT || পার্ট – ৩
4. ওয়েব ডেভলপারদের জন্য Amizing Front-end snippets! HTML CSS & JAVASCRIPT || পার্ট – ৪
5. ওয়েব ডেভলপারদের জন্য Amizing Front-end snippets! HTML CSS & JAVASCRIPT || পার্ট – ৫

তো চলে এলাম আরো একটি নতুন পার্ট নিয়ে আপনাদের মাঝে! বরাবরের মতোই আমি এবার ও কিছু Snippets শেয়ার করবো এবং সেটার ব্যবহার এবং ডিজাইন সম্পর্কে বিস্তারিত জানানোর চেস্ট করবো। যাতে আপনার ব্যবহার করার আগেই ধারণা থেকে যায় যে এটি কেমন হবে। যেগুলো Snippet ব্যবহার বেশি হয় এবং সুন্দর ডিজাইন সেগুলো আমি আপনাদের মাঝে শেয়ার করে থাকি। তো চলুন শুরু করা যাক!

Slider এস সাথে অ্যানিমেশন!

এই snippet এর বিস্তারিতঃ

এই Slider টা বিশেষ করে Food বা Product Portfolio ওয়েবসাইটের জন্য ডিজাইন করা। যাতে Product গুলো একসাথে সুন্দর ভাবে দেখাতে পারে। এটি আপনি Food & Products Portfolio ওয়েবসাইটের জন্য ডিজাইন করে নিতে পারেন! এমনিতেও Slider টার ডিজাইন সুন্দর। চাইলে অন্য ওয়েবসাইটে ব্যবহার করতেও পারেন!

কোড কালেক্টঃ

ফুড কার্ড

এই snippet এর বিস্তারিতঃ

এটি হলো একটি Food দেখানো জন্য ডিজাইন করা কার্ড। যা বিশেষ করে কোনো Food এর ব্যবহার হয়। মনে করেন একটি Food এ Discount দিচ্ছে তখন এমন করে দেখালে অনেক সুন্দর এবং ইউজার পাওয়া যাবে।

কোড কালেক্টঃ

রেসপন্সিভ Sidebar

এই snippet এর বিস্তারিতঃ

এটি হলো একটি Sidebar। তবে এটির ফুল ডিজাইন নেই যা আপনাকেই করতে হবে। তবে এটির ডিজাইন কিন্তু অনেক সুন্দর। ডেক্সটপ এ এমন দেখাবে। আর মোবাইলে আপনি চাইলে লেফ্ট এ দিতে বা উপরে দিতে পারেন। ডিজাইন আপনার হাতে!

কোড কালেক্টঃ

Sidebar হোবার বাটন

এই snippet এর বিস্তারিতঃ

এই বাটন গুলো তৈরি করা হয়েছে Sidebar এর জন্য। যেখানে বাটন এর Icon এ টাচ করলে বাটন এর ফুল নাম অ্যানিমেশনের সাথে দেখাবে। এটিও সেট করতে পারেন। এটিতে বাটন গুলোর Background ও সুন্দর করা আছে।

কোড কালেক্টঃ

Gradient লেখা

এই snippet এর বিস্তারিতঃ

এটি হলো একটি অ্যানিমেডেট Gradient লেখা। যা কালার ফুল। এটি আপনি যেকোনো ওয়েবসাইটে ব্যবহার করতে পারেন। বিশেষ করে ওয়েবসাইটের Headline হিসাবে এগুলো ব্যবহার করা আরকি! চাইলে অন্য কালার বদলাতে পারবেন Css থেকে!

কোড কালেক্টঃ

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.

CONTACT ME

The post ওয়েব ডেভলপারদের জন্য Amizing Front-end snippets! HTML CSS & JAVASCRIPT || পার্ট – ৬ appeared first on Trickbd.com.

from Trickbd.com https://ift.tt/FhJAgwb
via IFTTT