ওয়েব ডিজাইনের জন্য সেরা ৫০টি টোলস Top 50 Tools for web best design 1
ওয়েব ডিজাইনের জন্য সেরা ৫০টি টোলস ওয়েব ডিজাইনকে সহজ থেকে আরো সহজতর করার জন্য বিশ্বের অনেক মানুষেরা অক্লান্ত পরিশ্রম করে বিভিন্ন টুলস, সফটওয়্যার, গোগল ক্রম এক্সেনশন, মজিলা ফায়ারফক্স এডন সহ আরো কত কিছু করে যাচ্ছে। যা আমরা ফ্রিতে ব্যবহার করে আমাদের কাজকে অনেক সহজ এবং দ্রুত করতে পারি। কিন্তু অনেকেই এই টুলস গুলো সম্পর্কে জানে না বলে ওয়েব ডিজাইন বা ডেভেলপমেন্টে করতে গিয়ে অনেক সময় অযথা নষ্ট করে। আমি এখানে ৫০টি টুলস, ক্রম এক্সটেনশন, সফটওয়্যার এবং ফায়ারফক্স এডন দিয়েছি। যখন যেটা দরকার হবে ফ্রিতে ব্যবহার করতে পারবেন।
টুল সমুহবিবরণ
Notepad++ইহা একটি টেক্সট বা কোড এডিটর। ইহা বর্তমান সময়ে সবচেয়ে বেশি ব্যবহার করা হয়।
Sublime Textইহা একটি টেক্সট বা কোড এডিটর। সাবলিম, নোটপেড++ এর চেয়ে কিচুটা উন্নত কোড এডিটর।
Bracketsইহা একটি টেক্সট বা কোড এডিটর। ওয়েব ডেভেলপার’দের জন্য যুগোপযোগী একটি কোড এডিটর।
Coffee Cupইহা একটি টেক্সট বা কোড এডিটর। ওয়েব ডিজাইন এবং ডেভেলপমেন্টের জন্য একটি মডার্ণ কোড এডিটর।
Pixieএটি একটি কালার সিলেকশন টুল। এই টুলের ব্যবহার করে, যেখান থেকে ইচ্ছে সেখান থেকে কালার কোড নিতে পারবেন।
Intuitive Colorএটিও একটি কালার সিলেকশন টুল। মাউসের মোভমেন্টের সাথে ভিন্ন ভিন্ন কালার কোড সহ পাওয়ার জন্য এটি অসাধারণ একটি টুল।
Photopeaযাদের কম্পিউটারে পটোশপ নেই তাদের জন্য অনলাইন এই পটোশপ ব্যবহার করতে পারেন।
Hatchfulওয়েবসাইটের লোগো ডিজাইন করতে এই টুলস সম্পূর্ণ ফ্রী এবং অসাধারণ।
Colour Palette Generatorআপনার ওয়েবসাইটের জন্য কালার পাটেল খুজতেছেন! তাহলে এই ওয়েবসাইট থেকে বেছে নিন আপনার রঙ গুলো।
Button Factoryওয়েব পেজের জন্য যে কোন সাইজের PNG এবং CSS বাটন তৈরী করতে এই টুল ব্যবহার করতে পারেন।
CSS3 Button Generatorযে কোন সাইজ অথবা যে কোন ডিজাইনের CSS3 ওয়েব বাটন তৈরী করতে এই টুল ব্যবহার করুন।
Background Image Generatorওয়েব পেজের ব্যাকগ্রাউন্ড ইমেজ তৈরী করার জন্য এটি একটি সহজ এবং অসাধারন টুল।
Unicode Character Recognitionযে কোন সিম্বল লিখে বা ড্রয়িং করে ইউনিকোড পেতে এই টুলসটি অসাধারণ।
HTML Validatorআপনার HTML কোডে কোন রকম ত্রুটি আছে কিনা জানতে এই টুলস ব্যবহার করুন।
HTML Beautifier & Formatterআপনার HTML কোডকে সুন্দর এবং ফর্মেট করার জন্য এই টুলস ব্যবহার করুন।
Favicon Generatorওয়েবসাইটের জন্য ফেভিকন বানাতে এই সহজ টুলসটি ব্যবহার করতে পারেন।
Lorem Ipsumওয়েব পেজ বানাতে গিয়ে বিভিন্ন সময় টেক্সটের প্রয়োজন হয়। এই ওয়েবসাইট থেকে প্রয়োজনীয় টেক্সট নিতে পারেন।
FREE IMAGESওয়েবসাইটের জন্য ফ্রী ইমেজ পেতে এই ওয়েবসাইট ভিজিট করতে পারেন। এখানে যে কোন ধরনের ছবি ফ্রীতে পাওয়া যায়।
Responsive Webইহা একটি গুগল ক্রোম এক্সটেনশন। রেস্পন্সিভ ওয়েব ডিজাইন করার জন্য এটি উন্নত মানের একটি এক্সটেনশন।
FireFTPএটি মজিলা ফায়ারফক্স এর একটা এডন। এফটিপি সফটওয়্যারগুলোর মধ্যে সবচেয়ে সেরা এডন এটি।
Firebugইহা একটি ফায়ারফক্স এডন। সরাসরি যে কোন ওয়েব পেজ সম্পাদন করতে এবং জাভাস্ক্রীপট ফাইল গুলোকে তদারকি করতে ইহা জনপ্রিয় একটি এডন।
FREE FTPFTP অর্থাৎ File Transfer Protocol. এটা ড্রপবক্সের মত একটি ফাইল ট্রান্সফার প্রোটোকল টুল। এই টুলের মাধ্যমে খুব সহজে যে কোন দেশে, যে কারো কাছে প্রয়োজনীয় ফাইল নিরাপদে পাঠাতে পারেন।
Google FontsGoogle Fonts ফন্টের একটি ভান্ডার। অনেক ডিজাইনের ফন্ট পেতে এই গোগলের এই সাইট সত্যিই অসাধারণ।
Font Comparerএটি একটি ফন্ট স্টাইল ভিউয়ার। একটি আর্টকেল লিখবেন বা আর্টকেলের টাইটেল দিবেন, লেখাটা কোন্‌ ফন্টে কেমন দেখাবে তা আগে থেকেই যাচায় করে নেবার জন্য এই টোলটি অসাধারণ।
Flaticonযে কোন ধরনের আইকন পেতে এই ওয়েবসাইট খুবই জনপ্রিয়। SVG PNG এবং PSD ফর্মেটের আইকন এইচটিএমএল কোড সহ পাওয়া যাবে এখানে।
Vecteezyফ্রিতে ভেক্টর গ্রাফিক্স ফাইল পেতে এই ওয়েবসাইট ভিজিট করতে পারেন।
HTML Entity Characterএইচটিএমএল এনটিটির জন্য এই ওয়েবসাইট ঘুরে আসতে পারেন। অনেক গুলো এনটিটির সমাহার এই ওয়েবসাইট।
AJAX Animatorএটি একটি এনিমেশন মেকার। আজাক্স এর সাহায্যে যে কোন কিছুকে এনিমেশন দেওয়ার জন্য এই সফটওয়্যার ব্যবহার করা সহজ।
CSSTidyইহা একটি opensourse application. যার মাধ্যমে CSS কোড কে optimize করে এবং ফাইল সাইজ বহুলাংশে কমিয়ে দেয়, ফলশ্রুতিতে website এর স্পীড বৃদ্ধি পায়।
Google Web Designerইহা গোগলের একটি সফটওয়্যার। পটোশপের মত দেখতে, এই সফটওয়্যার দিয়ে আপনি সম্পূর্ণ ওয়েব ডিজাইন করতে পারবেন। কোড নিতে চাইলেও কোড নিতে পারবেন। এনিমেশন সহ আরো অনেক সুবিদা আছে এই সফটওয়্যারে।
PIXConverterইহা একটি পিকছার কনভার্টার সফটওয়্যার। ওয়েবসাইটের যে কোন ফর্মেটের এক বা একাধিক ছবিকে ইচ্ছেমত ফর্মেটে রূপান্তর করার জন্য এই সফটওয়্যার খুবই কার্যকর।
WinZipযে কোন মেজর জিফ ফাইলকে আনজিফ করার জন্য এই সফটওয়্যারটি বর্তমান সময়ের সব চেয়ে জনপ্রিয় এবং কার্যকর।
XAMPPইহা একটি ফ্রি সার্ভার। PHP MySQL পরিচালনা করার জন্য, প্রায় সকল ওয়েব ডেভেলপারদের প্রিয় একটি সফটওয়্যার এটি।
Wampইহাও একটি ফ্রি সার্ভার। PHP MySQL পরিচালনা করার জন্য, একটি Apache ফ্রেন্ডলি ডাটাবেস এটি।
PageSpeed Insightsওয়েবসাইটের পেজ স্পিড দেখার জন্য এবং কি কি সমস্যার কারণে পেজ স্পিড কম হচ্ছে তা জানতে গোগলের এই টুল অনেক জনপ্রিয়।
GTmetrixএটাও ওয়েবসাইটের পেজ স্পিড দেখার জন্য এবং কি কি সমস্যার কারণে পেজ স্পিড কম হচ্ছে তা জানার জন্য অসাধারণ একটি টুল।
pingdomএটাও ওয়েবসাইটের পেজ স্পিড দেখার জন্য এবং কি কি সমস্যার কারণে পেজ স্পিড কম হচ্ছে তা জানার জন্য সবার পছন্দের একটি টুল।
Minify CodeHTML, CSS, JavaScript কোড মিনিফাই করার জন্য এটি অন্যতম একটি টুল।
UNMINIFYHTML, CSS, JavaScript কোড মিনিফাই করা থাকলে, প্রয়োজনে আনমিনিফাই করার জন্য এই টুল ব্যবহার করতে পারেন।
to the webআপনার ওয়েব পেজের টাইটেল এবং ডেস্ক্রিপশন গোগল রেজাল্ট পেজে কেমন দেখাবে, বা কতটুকু ব্যবহার করা উচিত তা জানতে এই টুলস ব্যবহার করুন।
Web Developer Toolbarএটি ওয়েব ডেভলাপদের জন্য অত্যান্ত গুরুপ্তপূর্ণ মাজিলা ফায়ারফক্স এডন। এটি ব্রাউজারে ইন্সটল থাকলে আলাদাভাবে একটি ডেভলপার টুলসবার প্রদর্শন করবে।
Web Developerএটিও ওয়েব ডেভলাপদের জন্য অত্যান্ত গুরুপ্তপূর্ণ গুগল ক্রোম এক্সটেনশন। যে কোন ওয়েবসাইটের CSS JavaScript Images সহ আরো অনেক কিছু দেখার জন্য এই এক্সটেনশন খুবই কার্যকর।
Designers Toolboxএই টুলের সাহায্যে সকল ধরনের প্রিন্ট এবং ওয়েব মিডিয়ার ফাইল সাইজ নির্ধারন করতে পারবেন।
Browser Shotsপৃথিবীতে অনেক ব্রাউজার আছে, সব ব্রাউজার তো আপনার পিসিতে ডাউনলোড করে রাখা সম্ভব না। তবে, এই টুলটি দিয়ে আপনার সাইটকে বিভিন্ন ব্রাউজার ক্যাপবল কি না তা পরীক্ষা করাতে পারবেন।
Websব্লগার কিংবা ওয়ার্ডপ্রেসের মত এটিও একটি ওয়েবসাইট বিল্ডার টুল। এই টুলের সাহায্যে ব্লগ সাইট সহজে বানাতে পারেন।
LayersLayers হচ্ছে একটি ওপেনসোর্স সাইট বিল্ডার, যা দিয়ে অতি দ্দ্রুততার সাথে ওয়ার্ডপ্রেস টেমপ্লেট তৈরি করা যায়। তাই ওয়ার্ডপ্রেস ডেভেলপাররা নির্দ্বিধায় ব্যবহার করতে পারেন এই টুলটি।
Libscoreএই ওয়েবসাইটের মাধ্যমে বর্তমান বিশ্বের বড় বড় ওয়েবসাইট গুলো দেখতে পারবেন। পৃথিবীর সব সেরা সেরা সাইটে ব্যবহৃত জাভাস্ক্রিপ্ট লাইব্রেরি খুঁজে পেতে সাহায্য করে এই সাইটটি।
Full Page Screen Captureএটি একটি গুগল ক্রোম এক্সটেনশন। সম্পূর্ণ ওয়েব পেজের স্ক্রিনশর্ট নেওয়ার জন্য এই এক্সটেনশন খুবই কার্যকর।
Page Rulerএটি একটি গুগল ক্রোম এক্সটেনশন। ওয়েব পেজের কোন্‌ এলিমেন্টের পরিমাপ কত, এবং দুরত্ব কতটুকু সব জানতে এই এক্সটেনশন ব্যবহার করতে পারেন।
Dark mode on any websiteএটি একটি গুগল ক্রোম এক্সটেনশন। স্ক্রিনের লাইটের কারণে যাদের চোখের সমস্যা হয়, তাদের জন্য যে কোন ওয়েবসাইট ডার্ক মোডে দেখতে এই এক্সটেনশন ব্যবহার করতে পারেন।

By ইনকাম নিউজ

আমি একজন ফ্রিল্যান্সার। নিজে আয় করার পাশাপাশি নতুনদের সহযোগীতা করতে ভালবাসি।

Leave a Reply

You missed

এই সাইটের কোন লেখা কপি করা সম্পুর্ন নিষেধ