ওয়েব ডেভলপারদের জন্য Amizing Front-end snippets! HTML CSS & JAVASCRIPT || পার্ট – ২

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 || পার্ট – ১

তে আগের মতে এবার ও আপনার কাজ সহজ করার জন্য কিছু Snippets নিয়ে এসেছি। যা আপনার ওয়েব Development কাজে বেশি ধরকার পরে। সহজেই জেনো ডিজাইন টা করে ফেলতে পারেন সেজন্যই এই পোস্ট৷ আমি এমন করেই আপনাাের মাঝে এগুলো শেয়ার করবো।

আমি নিজেই একজন ছেট ডিজাইনার আমার ও কাজের সময় অনেক কিছু লাগে তবে পাওয়া যায় না কাজর সময় কিছু। Ai রে বলতে বলতে অনেক সময় চলে যায়। আর অনলাইনে সার্চ দিলে তে পাওয়াই যান না মনের মতো। তাই আমি আপনাদের জন্য একূম সুন্দর snippets নিয়ে এসেছি যা আপনার কাজে সহজেই ব্যবহার করতে পারবেন। তো চলুন শুরু করা যাক!

Gallery || Squiggle ছবি

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

এটি হলো একটি Gallery। যাতে রয়েছে অনেক সুন্দর ডিজাইন। এটি আপনি আপনার নিজের Photo Portfolio ওয়েবসাইটে ব্যবহার করতে পারেন। যাতে বড় জায়গা লাগবে না অল্প জায়গাতেই অনেক ছবি দেখাতে পারবেন।

কোড কালেক্টঃ

অ্যাকটিভিস Widget

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

এটি হলো আপনার Activitys গুলো সুন্দর মতো দেখাবে। বা আপনি এটি ব্লগ পোস্টে ব্যবহার করতে পারেন। যা Featured পোস্টগুলো দেখাবে৷ বলতে গেছে বেশির ভাগ সন ক্ষেতরেই ব্যবহার করতে পারবেন। এটিতে রয়েছে Next & Prev বাটন সিস্টেম!

কোড কালেক্টঃ

বক্স Preloader

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

Preloader হলো ওয়েবসাইট সব ডাটা লোড হওয়ার জন্য ব্যবহার করা হয়। এমন না যে এটি ডাটা লোড করে। এটি শুরু ডাটা লোড হওয়া পর্যন্ত অপেক্ষা করার ইউজার দের।
তো এই লোডের টা বক্স আকারে যাতে রয়েছে অ্যানিমেশন। এটি আপনি কোনো কোম্পানির ওয়েবসাইটে ব্যবহার করতে পারেন। যেমন Portfolio ওয়েবসাইটে।

কোড কালেক্টঃ

কালারফুল Border বাটন

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

এটিতে রয়েছে border অ্যানিমেশন। যা border চলতে চলতে কালার বদলাবে এবং বাটন এর চারপাশে থাকবে। আপনি এটি border কালার বদলাতে পারবেন। এক কথায় এটি সব ধরনের ওয়েবসাইটে ব্যবহার করতে পারবেন।

কোড কালেক্টঃ

কাস্টম সিলেক্ট

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

অনেক সময় select অপশন এ Icon ও দিতে মন চায় তবে সেটা ডিরেক্ট Css দিয়ে হয় না Css + javascript দিয়ে করতে হয়। যেটা এখানে রয়েছে। ডিরেক্ট সিলেক্ট করতে পারবেন। এটিকে নিজের মতে করে নিতে পারবেন। যেকেনো Form বা Section এ এটি ব্যবহার করতে পারেন!

কোড কালেক্টঃ

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/CoHv97l
via IFTTT