তো এই পোস্টের মানে আপনি নাও বুঝতে পারেন। তবে ডেভলপার যারা আছে তারা ঠিক বুঝতে পারবে। চিন্তা নেই আমি সবাইকে বুঝিয়ে বলবো। তো চলুন শুরু করা যাক!
Front-end ডেভলপার
যারা Design কর, ওয়েবসাইট ডিজাইন মানে কোডিং করে ডিজাইন তৈরি করে। তাদের প্রতিদিন ডিজাইন করার জন্য অনেক Ui Elements লাগে যা তারা নিজে তৈরি করতে পারলেও অনলাইনে সহজে পাবে বলে অনলাইনে দেখে তবে মনের মতো পায় না। আর যদি পায় তাহলে হালকা। তাই আমি এই পোস্টে শেয়ার করবো এই ডেভলপার দের জন্য বা আপনার ওয়েবসাইটে ব্যবহারের জন্য কিছু ডিজাইন snippet। যা দিয়ে আপনি আপনার ওয়েবসাইট সুন্দর ডিজাইন করতে পারবেন।
বেশির ভাগ Snippet অ্যানিমেশন এ থাকবে তাই আপনার Animated ওয়েবসাইট থাকলে সেটি এগুলো ব্যবহার করতে পারবেন! প্রতিটি Snippet আলাদা আলাদা থাকবে এবং আমি সব গুলোর বিস্তারিত তুলে ধরবো তো চলুন শুরু করা যাক!
অ্যানিমেটেড Svg radio বাটন
এই snippet এর বিস্তারিতঃ
এটি তৈরি করা হয়েছে Svg radio ব্যবহার করে। এটি আপনি যেকোনো অপশন সিলেক্ট এ ব্যবহার করতে পারবেন! যদি আপনার ওয়েবসাইট অ্যানিমেটেড হয়। তাহলে আরকি সুন্দর মানাবে।
কোড কালেক্টঃ
3D eye রোটেশন
এই snippet এর বিস্তারিতঃ
এটি আপনি আপনার যেকোনো object রোটেশন করার জন্য ব্যবহার করতে পারেন। যেমনঃ Products, Logo, Cartoons ইত্যাদি। সুন্দর অ্যানিমেশন রয়েছে যা দেখতে পেয়েছেন!
কোড কালেক্টঃ
4 ডিজাইন illusion
এই snippet এর বিস্তারিতঃ
এটিতে আপনি চারটি Photo বা ছোট ভিডিও বানিয়ে দিয়ে পারেন। যেমন কোনো product এর gif ছবি বানিয়ে বা png ছবি বানিয়ে সেট করলে এমন করে দেখাবে। যাতে ওয়েবসাইটের সুন্দরর্য আরো বেড়ে যাবে।
কোড কালেক্টঃ
রেসপন্সিভ Typography, sibling-count() এর ব্যবহার
এই snippet এর বিস্তারিতঃ
এই snippet টি আপনি কোনো ব্লগ পোস্ট এর Tag হিসাবে ব্যবহার করতে পারেন সহজেই! বা কোনো Form এর জন্য এটি অনেক ভালো হবে। এতে ফরম এর ডিজাইন ভালো দেখাবে!
কোড কালেক্টঃ
লোডার ১০০%
এই snippet এর বিস্তারিতঃ
এটি হলো একটি ১০০% লোডার অ্যানিমেশন। এটি ওয়েবসাইটের Preloader হিসাবে ব্যবহার করতে পারেন। সুন্দর দেখাবে বিশেষ করে অ্যানিমেটেড ওয়েবসাইটে এরি বেশি সুন্দর দেখাবে!
কোড কালেক্টঃ
তো এই পোস্ট এখানেই শেষ। দেখা হবে পরের পোস্টে!