ওয়েব ডিজাইনারদের গুরুত্ব পূর্ন ৭টি ওয়েবসাইট আমাদের এই পোস্টটি কোনো ভাবেই আপনাকে কপি পেস্ট করতে উৎসাহ দেওয়ার উদ্দেশ্য লেখা হয়নি। এ গুলো কেবল আপনি ক্রিয়েটিভ ডিজাইন করার জন্য ব্যবহার করতে পারবেন। পাশা-পাশি এগুলো থেকে সংগৃহীত কোড গুলো রিসার্চ করতে পারবেন।
ওয়েব ডিজাইন কে যারা প্রফেশন হিসেবে নিতে চান বা ওয়েব ডিজাইনার হিসেবেকাজ করতে চাচ্ছেন তাদের কাজের সুবিধার্থে অনেক ওয়েবসাইটের সাহায্য নিতে হয়।
[ads1]
বিশেষ করে ডিজাইন করার সময়ে আমরা বিভিন্ন ওয়েবসাইট দ্বাড়া বিভিন্ন টিপস বা এলিমেন্ট সংগ্রহ করা দরকার। এর ফলে আমাদের কাজ করা অনেক দ্রুত ও সহজ হয়ে থাকে।
আজ আমরা এখ্নে আপনাদের জন্য এমন ১০ টি ওয়েবসাইটের নাম এবং লিংক শেয়ার করবো, সে গুলো থেকে আপনি আপনার ডিজাইনের জন্য
অনেক এলিমেন্ট সংগ্রহ করতে পারবেন। এবং পাশাপাশি এদের তৈরি করা সুন্দর সুন্দর Snippets দেখে অনু-প্রাণিত হয়ে থাকবে।
[ads1]
আড়ো পড়ুন: PSD থেকে HTML বাংলা PDF টিপস:
আড়ো পড়ুন: CSS (Cascading Style Sheets) এর গুরু করার ৭ টি ফর্রমূলা
১. HTML(এইচটিএমএল) Color Codes:
ওয়েবপেজ ডিজাইন করার সাথে রঙের ব্যবহার ওতপ্রোতভাবে জড়িত। প্রতিটি ডিজাইনকে আর সমৃদ্ধশালী রূপ দিতে রঙের ব্যবহার অনস্বীকার্য।
কিন্তু সাধারণ রঙের নাম এবং ওয়েবসাইটে ব্যবহার করা রঙের নামের মধ্যে যথেষ্ট পার্থক্য রয়েছে। [ads1]
ওয়েবসাইটে কোন রঙের ব্যবহার করতে হলে তার (এইচটিএমএল) HTML Color Codes ব্যবহার করতে হয়।
আমরা ডিজাইন করি, এবং তাদের মধ্যে অনেকেই কোনো রঙের (এইচটিএমএল) HTML Codes বের করার জন্য ফটোশপ ওপেন করি এবং কালার পিকার থেকে কোডটি ব্যবহার করি।
কিন্তু ফটোশপের মতো ভারি একটি সফটওয়্যার ওপেন না করে আমরা কেবল HTML Color Codes ওয়েবসাইটে গিয়ে খুব সহজেই কোনো রঙের (এইচটিএমএল) HTML Codes খুঁজে বের করতে পারি।
২. Flatui Colorion:
[ads1]
প্রথমটির মতো এই ওয়েবসাইটটিও রঙের ব্যবহারের করার জন্য প্রয়োজনীয়। তবে Flatui Colorion এর বিশেষত্ব হচ্ছে, এখানে এমন অনেক রঙের কালেকশন রয়েছে যে গুলো বিভিন্ন ওয়েবসাইটে বেশি ব্যবহার করা হয়।
আপনি যদি কোন ওয়েবসাইট ডিজাইন করার শুরুতে সিদ্ধান্তহীনতায় ভোগেন, যে ব্রান্ড কালার হিসেবে কোন রঙ ব্যবহার করবেন,
তাহলে আপনি এই ওয়েবসাইটটি বেছে নিতে পারেন। Flatui Colorion থেকে আপনি আপনার ওয়েবসাইটের জন্য পারফেক্ট রঙটি খুঁজে বের করতে পারেন।
৩. Colorion:
আমরা অনেক সময় ওয়েবসাইটের জন্য Gradient Button পেশ করে থাকি। তবে অনেকের ক্ষেত্রেই রঙের সঠিক মিশ্রণ না করতে পারায় Button সুন্দর মতো ফুটে ওঠে না।
এই সমস্যা সমাধানের জন্য আপনি Colorion ওয়েবসাইটকে ব্যাবহার করতে পারেন। এখানে আগে থেকেই আপনাদের জন্য তৈরি করে রাখা হয়েছে আপনার প্রয়োজনীয় Gradient Button গুলো।
একাধিক রঙের সংমিশ্রণে তৈরি এ বাটন গুলো নিশ্চয়ই আপনার পছন্দ হবে। পাশাপাশি প্রতিটি বাটনের নিচে দেয়া হল।
[ads1]
অপশনে ক্লিক করে ওই বাটনের CSS Code টি আপনি সংরক্ষণ করতে পারবেন। আর এ জন্য আপনাকে কোনো প্রকার মূল্য পরিশোধ করতে হবে না।
এই ওয়েবসাইট থেকে আপনি Bootstrap এর Class Name এবং Fontawesome এর বিভিন্ন আইকনসহ প্রয়োজনীয় বাটনটি জেনারেট করতে পারবেন।
শুধু তাই নয়, আপনি ইচ্ছে করলেই আপনার জেনারেট করা বাটনটিকে ছোট বড়, সলিড আউট-লাইন কিংবা একটিভ ডিজেবল স্টাইল করতে পারবেন।
৪. Bootstrap Button Generator:
উপরে উল্লেখিত ওয়েবসাইটের মতো এই ওয়েবসাইটটিও আপনাকে বাটন সংগ্রহের সুবিধা দিয়ে থাকবে। তবে এটির ব্যবহার ভিন্ন।
[ads1]
আপনি যদি আপনার ডিজাইনে Bootstrap ফ্রেম-ওয়ার্ক ব্যবহার করেন, তাহলে Bootstrap Button Generator ওয়েবসাইটটি আপনার জন্য অনেক সাহায্যকারী হবে।
৫. Bangla Web Fonts:
ওয়েব ডিজাইনের জন্য Fonts এর ব্যবহার গুরুত্বপূর্ণ এবং অনস্বীকার্য একটি বিষয়। আমরা তো সবাই ইংরেজী ফন্ট গুলো ব্যবহার করে থাকি।
কিন্তু বাংলা ফন্ট গুলো ব্যবহার করতে বেশ কস্ট সার্ধ্য হয়ে তাকে। সেই সমস্যার সমাধান নিয়ে হাজির Bangla Web Fonts।
আপনি যদি আপনার ডিজাইনে বাংলা ফন্ট ব্যবহার করেন, তাহলে এই ওয়েবসাইটে ব্যাবহার করে আপনার পছন্দের ফন্ট নির্বাচন করে তাদের দেওয়া লিংকট গুলো আপনার HTML ও CSS ফাইলে যুক্ত করে নিতে পারেন।
৬. Bootstrapious:
এই ওয়েবসাইটটি আপনাকে Bootstrap এর চমৎকার সব Snippets দিয়ে থাকবে।
[ads1]
এখানে আপনি Navbar থেকে শুরু করে scrollbar, collapse, Countdown, Breadcrumbs এবং Image Hover সহ আরো অনেক Snippets পাবেন।
যে গুলো হবে রেসপন্সিভ। আপনি এখানে থেকে নেয়া কোড গুলো কপি করে স্টাডি করতে পারবেন। যা আপনার ডিজাইনের জন্য খুবই সহায়ক হবে।
৭. Bootsnipp:
ওয়েবসাইটটি ও অনেকটা Bootstrapious এর সমর্থক। আপনি এখান থেকে বিভিন্ন রেসপন্সিভ আইটেম গুলো সংগ্রহ করতে পারবেন।
পাশা-পাশি লাইভ এডিটরের সাহায্য নিয়ে কোড গুলো স্টাডি করতে পারবেন।
[ads1]
এখানেও আপনার জন্য তৈরি করা আছে Login Page, Dashboard, Product Shopping Grid Styles, Search Box সহ আরো অনেক কিছু।
এ গুলো ছাড়াও আরো অনেক ওয়েবসাইট রয়েছে যে গুলো আপনাকে প্রফেশানালী সাহায্য করতে প্রস্তুত বা কাজ করতে করতে পেয়ে যাবেন।
Stack Overflow, CSS Tricks Codepen এর মত ওয়েবসাইট গুলো নিয়মিত ভিজিট করুন এবং তাদের দেয়া সেবা গুলো ভিজিট করুন।
এ গুলো আপনাকে সহায়তা করবে একজন পরিপূর্ণ ওয়েব ডিজাইনার হতে।
আমাদের এই পোস্টটি কোনভাবেই আপনাকে কপি-পেস্ট করতে উৎসাহ দেয়ার উদ্দেশ্য লেখা হয়নি।
[ads1]
এগুলো কেবল আপনি ক্রিয়েটিভ ডিজাইন করার জন্য ব্যবহার করতে পারেন। পাশা-পাশি এ গুলো থেকে সংগৃহীত কোড গুলো রিসার্চ করতে পারবেন।
[ads1]