ওয়েব ডেভোলপারদের জন্য অসাধারন ১০টি টুলস

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

একজন ওয়েব ডেভোলপার হিসাবে আমি জানি, কি পরিমান যন্ত্রনার সম্মুখীন হতে হয়, যখন কিনা একটি ওয়েব প্রজেক্ট এর কাজ চলতে থাকে। মাথায় রাখতে হয় অনেক বিষয় যেমনঃ প্রজেক্ট এর কাজের ধরন, ডেডলাইন, ক্লায়েন্টের অর্ডার, ডিজাইন ইস্যু, ব্রাউজার কম্পিটিবিলিটি(সব ব্রাউজার যেন ওয়েব সাইটটি দেখতে একই রকম হয়), ইউজার ফ্রেন্ডলি লুক ইত্যাদি। এত সব কিছুর পরে কোডিং এর ঝামেলাতো আছেই! এখন একজনে পক্ষে এত কিছু মনে রাখা সম্ভব নয় , তাই কিছু টুলস খুজতে চেস্টা করলাম। ইন্টারনেটে ঘুরে ঘুরে ভাল কিছু টুলস ও পেয়ে গেলাম যা কিনা আমার কাজের গতিকে দ্বিগুন করে দিয়েছে। তাই আজকে ভাবলাম টুলস গুলো আপনাদের সাথে শেয়ার করে ফেলি---

1. Bounce:

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

bounce

URL: http://www.bounceapp.com/

2. MindMeister

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

mindmeister

URL: http://mindmeister.com/

3. Simplenote

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

simple note
URL: http://simplenoteapp.com/

4. Woorank

আপনি কি আপনার ওয়েব সাইটের পরিসংখ্যান দেখতে চাচ্ছেন? যেমন আপনার সাইটের পেজ র‍্যাংক, এলেক্সা র‍্যাংক, সাইটের আপ টাইম, সাইটের জনপ্রিয়তা, সাইটের ডোমেইন ও হোস্টিং তথ্য, সাইট ম্যাপের স্ট্যাটাস, কত গুলো ব্যাক-লিংক আছে আপনার সাইটে? তাহলে ঘুরে আসতে পারেন এই সাইটটি থেকে। খুবই সহজ... শুধু সাইটটিতে গিয়ে আপনার সাইটের ডোমেইন নেম দিয়ে দিন। এর পরে বাকি কাজ এই সাইটটি করে দিবে। এক সাথে এত তথ্য প্রদানকারী সাইট এর আগে আমি দেখি নি। সাইটটি দেখার পরে শুধু একটা কথাই বলেছি "WOW"!
woorank
URL: http://woorank.com/

5.Resize My Browser

resize my browser

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

URL: http://resizemybrowser.com/

6. Ge.TT

যারা ইন্টারনেট ফাইল আপলোড এবং শেয়ার করতে ভালবাসেন তাদের জন্য এই সাইটটি। মাঝে মাঝে অনেক বড় ফাইল আপলোড এর দরকার হয় কিন্তু বড় ফাইল আপলোড এর জন্য মেইল এর বসে থাকতে বিরক্ত লাগে। আর অন্যান্য যে সব সাইট আছে- তাদের তো কাহিনী আরো "ঝিরঝির" 😛 রেজিস্ট্রেশন কর, ভেলিডেট কিনা তা প্রুফ কর, এর পরে আসে ব্যান্ডউইডথ লিমিট, স্পেস লিমিট ইত্যাদি ইত্যাদি...। এত টাইম কোথায়? তাই এই সাইটটি খুজে বের করলাম। খুবই সহজ... কোন কিছুরই ঝামেলা নেই... আপলোড এর পরে আপনাকে লিংক দিবে,সেই সাথে ফেসবুক ও টুইটারের অপশন ও থাকছে। আমি এই সাইটের একনিষ্ঠ ভক্ত 🙂

ge.tt

URL: http://ge.tt/

7. Coolender

coolender

এই সাইটটি সিম্পল নোট এর মত একটি ওয়েব সাইট। তবে পার্থক্য হচ্ছে এখানে আপনি আপনার ইচ্ছা মত টাস্ক লিস্ট (To-Do-Lists) রাখতে পারবেন, আপনার গুগল ক্যালেন্ডার, আউটলুক এর সাথে কাজ গুলোকে গুছিয়ে রাখতে পারবেন। সব থেকে বড় সুবিধা হল- GTalk আপনি আপনার কাজের নোটিফিকেশন পাবেন, যার ফলে কক্ষোনই আপনার কাজ মিস হবে না। আহা ... এক কথায় অসাধারন। এই সব সুবিধাগুলো এই সাইটটি আপনাকে দিচ্ছে একদম বিনামুল্যে।

URL: http://coolendar.com/

8. Font Struct

font struct

আপনার এপ্লিকেশন এর জন্য নিজের পছন্দের ও নিজের ডিজাইন করা একটি ফন্ট বানাতে চাচ্ছেন? তাহলে দেরী কেন? ঘুরে আসুন এই সাইটটি থেকে। এখানে আপনি আপনার ইচ্ছা মত ফন্ট তৈরি , ফন্ট সম্পাদন এবং ডাউনলোড এর সুবিধা পাবেন । সব থেকে আনন্দের কথা হল- এই ফন্ট গুলো আপনি ম্যাক এবং উইনন্ডোজ দুই প্লাটফর্মেই ব্যাবহার করতে পারবেন। তাহলে বানিয়ে ফেলুন নিজের একটি স্টাইলিশ ফন্ট!

URL: http://fontstruct.com/

9. Wufoo:

wuffo

যারা কস্ট করে ফর্ম বানাতে চান না তাদের জন্য এটি হতে পারে কাজের একটি সাইট। আমার কাছে ফর্ম তৈরি করা দুনিয়ার সব থেকে বিরক্তিকর (!!) কাজ বলে মনে হয় ! 🙁 এর আগে হয়ত এই সাইটটি অনেকেই ব্যাবহার করেছেন। যারা করেন নি, তাদের জন্য বলছি- এই সাইটটি বিনামুল্যে আপনাকে তিনটি ফর্ম তৈরি করতে দিবে এবং এই কাজটি আপনি খুব সহজেই করতে পারবেন। ড্র্যাগ-ড্রপ সুবিধা সহ এই সাইটটি দেখতে এবং কাজের ক্ষেত্রে খুবই ইউজার ফ্রেন্ডলি। আপনার ফর্ম তৈরি করতে যে সময় নষ্ট হয় তা এখন থেকে বেচে যাবে। 🙂

URL: http://wufoo.com/

10.  MockFlow

mockup flow

কাজের শুরুতে ক্লায়ন্টকে  কিভাবে কাজ করবেন তার একটি ছবি(ওয়ার্ক ফ্লো) পাঠালে মনে হয় মন্দ হয় না। এটাকে মক-আপ বলে। আমার অভিজ্ঞতা থেকে দেখছি ক্লায়েন্টরা এটাকে খুবই পজিটিভলি দেখে। এই সাইটটি আপনাকে দিচ্ছে আপনার কাজের আইডিয়াকে ছবিতে প্রকাশের সুযোগ। কাজের শুরুতে কিভাবে কাজ করতে চাচ্ছেন তার এইটা গ্রাফিকাল ইন্টারফেস বানিয়ে ফেলুন দেখবেন আপনার কাজের গতি খুব ভাল থাকবে। আপনি কক্ষোনই দ্বিধা-দ্বন্দের মধ্যে থাকবেন না। ঘুরে আসতে পারেন সাইটটি থেকে।

URL: http://www.mockflow.com/

আজ তাহলে এতটুকুই। ওয়েবওয়্যার গুলো কেমন লাগল, কমেন্ট করে জানাতে ভুলবেন না 🙂

টিউটোরিয়াল সুত্রঃ http://bit.ly/qrJcR8

একই সাথে প্রকাশিতঃ টেকটুলসবিডি

সবাই ভাল থাকবেন।

Level 0

আমি মাহবুব আলম খান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 14 বছর 3 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 20 টি টিউন ও 91 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

khuv vhalo tune.thank u man for share this.

Level 0

এক কথায় অসাধারণ। অতো ভালো লাগল বুঝাতে কষ্ট হবে। আপনানে ধন্যবাদ।

    আপনাকে ধন্যবাদ। টিউনটি ভাল লেগেছে শুনে আমার ও ভাল লাগছে 🙂
    ভাল থাকবেন।

Level 0

অসাধারন। আপনার কাছে আরো টিউন চাই। বিশেষ করে ওয়েব ডেভেলপ এর উপর।

    আপনাকে ধন্যবাদ। ইন্সাআল্লাহ, আমি লিখতে চেস্টা করব।
    ভাল থাকবেন।

অনেক অনেক ধন্যবাদ।

    টিউনটি পড়ার জন্য আপনাকেও ধন্যবাদ 🙂

Level 0

এক কথায় অসাধারন………..

    @Lanin ভাইঃ আপনাকে ও ধন্যবাদ।

Level New

খুবই সুন্দর টিউন। ধন্যবাদ

    আপনাকে ও ধন্যবাদ। ভাল থাকবেন।

balo laglo.tnx

অসংখ ধন্যবাদ। অকেক ভাল লাগলো।
ফ্রী এসসইও টুলস এর লিস্ট দিলে খুব ভাল হতো।

    ইন্সাআল্লাহ… আমি চেস্টা করব। মন্তুব্যের জন্য অনেক ধন্যবাদ।
    ভাল থাকবেন।