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

১। W3c Markup Validation Service: এটি HTML, XHTML, SMIL, MathML ইত্যাদিতে ওয়েব ডকুমেন্টের মার্কআপ ভেলিডেটি চেক করে । আপনি যদি কোন নির্দিষ্ট কন্টেন্ট ভেলিডেট করতে চান যেমন CSS ষ্টাইলশিট, মোবাইল সাপোর্ট কিংবা ব্রোকেন লিংক খুঁজে পেতে চান, এখানে এধরনের টুলস আছে যা নির্দিষ্ট কন্টেন্টের ভেলিডেটি চেক করবে ।

২। Kuler: কুলারের মাধ্যমে আপনি বিভিন্ন কালারতৈরি ও ব্যবহার করতে পারবেন ।

৩। BG Patterns: এটি একটি ক্ষুদ্র ওয়েব টুলস যা দিয়ে আপনি মাত্র কয়েক ক্লিকেই সুন্দর সুন্দর ব্যাকগ্রাউন্ড প্যাটার্ন তৈরি করতে পারেন

৪। Browser Shots: এটি দিয়ে আপনি আপনার সাইটটি সব ব্রাউজারের জন্য উপযুক্ত কিনা তে চেক করতে পারবেন ।

৫। Watermark: এর মাধ্যমে আপনি আপনার ছবিতে ওয়াটারমার্ক দিতে পারবেন ।

৬। What the Font: আপনি যদি এতে একটি লগো বা ফটো আপলোড করেন যাতে কোন ফন্ট আছে তবে এটি আপনাকে জানিয়ে দিবে লগো বা ফটোটিতে কোন ফন্ট আছে ।

৭। Pixlr: এটি বিশ্বের সবচেয়ে জনপ্রিয় অনলাইন ফটো এডিটর গুলোর একটি ।

৮। Pingdom: এটি আপনার সাইটি ব্রাউজারে লোড হতে কত সময় লাগে তা চেক করে দিবে ।

৯। Buttonator: এটি আপনাকে সহজে এবং খুব তাড়াতাড়ি বাটন তৈরি করতে সাহায্য করবে ।

১০। Iconfinder: সহজে উচ্চ রেজুলেশনের আইকন খুঁজে পেতে এর জুড়ি নেই ।

১১। View Like: বিভিন্ন রেজুলেশনে আপনার সাইটি কেমন দেখাবে তা চেক করুন ।

১২। CSS Tidy: আপনার CSS কোডের ভুল গুলো শুধরিয়ে তা একটি অপটিমাইজড কোডে রূপান্তরে এর সাহায্য নিন ।

১৩। Brands of the World: ভেক্টর লোগো এবং নানা রকম ডিজাইনের সর্ববৃহৎ অনলাইন লাইব্রেরী ।

১৪। Contact Form Generator: কোন রকম পোগ্রামিং স্কিল ছাড়া কন্টাক্ট ফরম তৈরি করুন ASP, PHP কিংবা Perl ওয়েব সাইটের জন্য ।

১৫। Font Comparer: কয়েকটি শব্দ টাইপ করে সেটি বিভিন্ন ফন্টে কেমন লাগবে তা চেক করুন ।

১৬। Color Explorer: যেকোনো ফটো কিংবা আর্ট থেকে কালার ইমপোর্ট করে তা ওয়েব ডিজাইন গ্রাফিক্স ডিজাইনে কাজে লাগানো যায় ।

১৭। Copy Paste Character: ওয়েব কারেক্টরগুলো কপি করেপেস্ট করুন যেখানে ইচ্ছে ।

১৮। Name Check: আপনি কি এমন একটি ইউজার নেম খুঁজছেন যা এখন পর্যন্ত বড় কোন সাইটে ব্যবহার হয়নি ? তা হলে চেক করুন নেম চেকারে, আর বের করুন আপনার ইউজার নেমটি কোন জনপ্রিয় সাইটে ব্যবহৃত হচ্ছে কিনা ।

১৯। URL Check: আপনার ওয়েব সাইটের এভেইলেভিলিটি, পারফরমেন্স কিংবা কন্টেন্ট মনিটর করুন ।

২০। Scrim: স্পামিং এর হাত থেকে বাচতে আপনার ই-মেইল এড্রেসটি শর্ট লিংকে পরিবর্তন করুন এবং ইচ্ছে মত শেয়ার করুন ।

২১। Lorem Ipsum: সহজে আপনার প্যারাগ্রাফের ডামি তৈরি করুন এখানে ।

২২। Favicons: যেকোনো ইমেজকে ফেবআইকনে রূপান্তর করুন ।

২৩। HTML Encoder: যেকোনো লেখা টাইপ করে পেস্ট করে HTML কোড বুঝে নিন ।

২৪। Test Every Thing: আপনার ওয়েবসাইটের ব্রাউজার কম্পাবিলিটি, পেজ রেংক কিংবা আপনার সাইটের কোডিং ষ্টান্ডার্ড চেক করুন ।

২৫। CSS Sprite Generator: ইমেজের জিপ ফাইল সেন্ড করে CSS কোড বুজে নিন এবং মেইন কোডে এড করুন ।

২৬। Cool Text: লোগো ও গ্রফিক্স জেনারেটর ।

ধন্যবাদ ।

একই সাথে তারেক আনোয়ারের ব্লগে পোষ্ট করা হয়েছে ।