হেলো ওয়েব ডিজাইনারস! সবাই কেমন আছেন? ভালো থাকতেই হবে। কারণ আপনাদের জন্য নিয়ে এসেছি জুলাই মাসের সেরা চমৎকার কিছু টুল। একজন ওয়েব ডিজাইনার হিসেবে এসব টুল আপনার জন্য কতটা প্রয়োজনীয় সেটা এগুলো ব্যবহার করলেই বুঝবেন। এদের মধ্যে রয়েছে টাইপোগ্রাফি সম্বন্ধীয় কিছু টুল, রয়েছে বিভিন্ন ফ্র্যামওয়ার্ক। এছাড়াও আরো অনেক দারুন জিনিস আছে যা দেখে আপনি নিশ্চিত চমকে যাবেন!
প্রতি মাসেই সেই মাসের সেরা কিছু টুল নিয়ে নিয়মিত টিউন করা হবে। আশা করছি আপনাদের সাথে পাবো। আপনার মতামত জানাতে পারেন টিউমেন্ট এর মাধ্যমে।
Webfonts Corner একটি ওয়েব ফন্ট শোকেস, যেগুলো বিভিন্ন ওয়েবসাইট এ ব্যবহার করা হয়েছে। টাইপোগ্রাফি অনুপ্রেরনার জন্য আপনি এই সাইট এ যেতে পারেন।
Topcoat পরিষ্কার এবং দ্রুত ওয়েব অ্যাপ বানানোর জন্য একটি সিএসএস ফ্র্যামওয়ার্ক। এটির সাথে কিছু প্রয়োজনীয় জিনিস দেয়া হয়। এটি থিমেবল, সব কোড বেজ এর সাথে একটি পিএসডি ফাইল ও আছে।
Thincons ৭ ডলার মুল্যের একটি আইকন সেট। এটি iOS 7 এর অনুপ্রেরণায় বানানো। মোট ৭৭ টি আইকন আছে। আপনি যদি কিনতে না চান তবে একটি টুইট এর বিনিময়ে সেম্পল পেতে পারেন।
এই Tactile Design Kit টি ফ্রীল্যান্সারদের জন্য খুবি উপকারি। ক্লায়েন্ট এর সাথে কথা বলা এবং কাজ করা দুটোই খুব দ্রুত করা যায় এটির সাহায্যে। এতে কয়েকটি প্রিন্টেবল ডকুমেন্ট আছে। যেগুলোতে ওয়েব ডিজাইন এর প্রয়োজনীয় তথ্য এবং বেসিক স্কেচ করা যায়। আমার নজরে এটি সত্যি অসাধারন এবং খুবি উপকারি।
Tabulous.js একটি জেকুয়েরি এপলিকেশন। এটির সাহায্যে খুব সহজে এবং দ্রুত বিভিন্ন ইফেক্ট সহ ট্যাব তৈরি করা যায়।
এই Style Guide Boilerplate একটি ফ্র্যামওয়ার্ক। এটি বুটস্ট্রাপ এর মত ছোট একটি ফ্রামওয়ার্ক। ডিজাইনার এবং ডেভেলপার রা এটিকে কাস্টমাইজ করে দারুন ওয়েব সাইট তৈরি করতে পারে।
Shelley একটি ফ্রী এবং ডেকোরেটিভ ফন্ট। ভিন্টেজ ডিজাইনের ক্ষেত্রে এটি ব্যবহার করা যেতে পারে।
The Secret Handshake হচ্ছে নতুন ডিজাইন ছাত্রদের জন্য একটি শিক্ষণীয় সংস্থান। এটির সাহায্যে তারা শিখতে পারবে কিভাবে ডিজাইন শিল্পে সফল হউয়া যায়। এখানে রিজিউম, এপলিকেশন এবং পোর্টফলিও এর জন্য আলাদা বিভাগ আছে। নতুন ডিজাইনার দের জন্য খুবি ভাল অনুপ্রেরণা মুলক ওয়েবসাইট।
Quirky Nots একটি হাতে আকা সুন্দর ফ্রী ফন্ট। বিভিন্ন ক্রিয়েটিভ কাজে এই ফন্ট ব্যবহার করতে পারেন।
The Opa Framework for JavaScript একটি ফ্র্যামওয়ার্ক যেটির সাহায্যে ফ্রন্টএন্ড থেকে বেকেন্ড সব কোডিং করা যায়, তাও শুধু মাত্র একটি ভাষায়। এটি প্রায় সব জাভাস্ক্রিপ্ট লাইব্রেরী সাপোর্ট করে।
Notism একটি দ্রুতগতির টিম মেনেজমেন্ট অ্যাপ্লিকেশান। ভিজুয়েল কন্টেন্ট মেনেজমেন্ট এর জন্য এটি দারুন একটি অ্যাপ। এটিতে স্কেচ এবং কমেন্ট ও করা যায়।
Monstrinhos ভূতুড়ে টাইপের ছবি ও কেরেক্টার দিয়ে তৈরি করা ফন্ট। এগুলো খুবি মজাদার 😀 তবে দাম 12$ 😛 বুঝেনই তো, জিনিস যেটা ভাল, দাম তার একটু বেশিই 😆
Macaw একটি ইমেজ এডিটর এর মত কাজ করে। তবে এখানে আপনি এইচটিএমএল সিএসএস লিখবেন না, আঁকবেন। অর্থাৎ, ছবি একে এইচটিএমএল সিএসএস করা যাবে এর সাহায্যে। যদিও এটি এখনো চালু হয়নি, তবে আপনি সাবস্ক্রাইব করে রাখতে পারেন, চালু হলেই জানতে পারবেন।
Later.js আপনাকে কঠিন শিডুয়েল ঠিক করতে দিবে এবং আগামী বা গত শিডুয়েল সহজে মেইন্টেইন করতে দিবে। এটা ক্লায়েন্ট সাইড বা Node.js এর সাথে কাজ করে।
Klinic Slab একটি স্লেব সেরিফ টাইপফেস। এটি ৪ টি ভিন্ন ওয়েইট এ আছে, প্রতিটার সাথে ইটালিক স্টাইল ও আছে।
এই iOS 8 GUI PSD টি iOS 7 এর ১ নং বেটা ভার্সন থেকে পাওয়া। এটি শক্তিশালী পিএসডি ফাইল, যেটি ইচ্ছে মত এডিট করা যাবে। এটি অ্যাপ মোকাপ তৈরি করার জন্য খুব কার্যকরী।
High Tide একটি জ্যামিতিক ডিসপ্লে ফন্ট। এটি খুবি সুন্দর এবং ইউনিক ডিজাইন এর।
Haext একটি ভিন্ন ধরনের মজাদার টাইপফেস। বিভিন্ন ইউনিক ডিজাইনে এটি ব্যবহার যোগ্য।
Gumroad যেকোনো ডিজিটাল বা বস্তুগত পন্য বেচাকেনা খুব সহজ করে দিয়েছে। আপনি শুধু আপনার পন্য টি আপলোড বা পন্যের ছবি/তথ্য আপলোড করবেন, আপনার বিক্রয় পেজ ডিজাইন করবেন এবং গামরোড আপনার পন্য বিক্রি করে দিবে। গামরোড প্রতি ট্রান্সেকশন এ ৫% কমিশন রাখে।
gridr buildrrr একটি সহজ এবং দারুন গ্রিড তৈরির টুল। আপনি মোট কলাম সংখ্যা এবং অন্যান্য প্রয়োজনীয় তথ্য দিয়ে দিবেন এবং বাকি কাজ এই টুল এর। এটি আপনাকে সুন্দর গ্রীড বানিয়ে দিবে।
Gridism একটি রেস্পন্সিভ গ্রিড সিস্টেম, যেটি ব্যবহারে খুবি সহজ। এটি মোবাইল ডিভাইস গুলোতে খুব সুন্দর করে রেস্পন্স করে।
Golden Ratio Typography Calculator একটি সাধারন কিন্তু দারুন টাইপোগ্রাফি টুল। এতে আপনি আপনার ফন্ট সাইজ, কন্টেন্ট এর উইথ এবং চাইলে এক লাইনে অক্ষরের সংখ্যা দিয়ে বেশ কিছু সংখ্যক টাইপোগ্রাফি সাজেশন নিয়ে নিতে পারেন।
Froont এর সাহায্যে আপনি আপনার ব্রাউজার এর সাহায্যেই আপনার ওয়েবসাইট ডিজাইন করতে পারবেন। সাধারন ড্র্যাগ-ড্রপ করে। এতে আপনার ভিজিটর আপনার ওয়েবসাইট যেমন দেখতে পাবে, আপনিও ঠিক তেমন দেখতে পাবেন।
আপনি কি একটি ওয়েব অ্যাপ তৈরি করছেন? তাহলে টিমবক্স এর পক্ষ থেকে এই ফ্রী এবং ওপেনসোর্স file-type icon set ই হয়তো যা আপনি চাচ্ছেন। এটি বিভিন্ন ফাইল টাইপ এর আইকন সেট। এতে DOC, TXT, HTML, CSS, PDF, MP3 এবং আরো অনেক ফাইল টাইপ এর আইকন আছে।
DevDocs একটি এপিআই ডকুমেন্টেশন রিডার। এই একটি ওয়েবসাইট এর সাহায্যে আপনি এইচটিএমএল, সিএসএস, সিএসএস ৩, জাভাস্ক্রিপ্ট, ডোম, জেকুয়েরি সহ আরো বিভিন্ন প্রয়োজনীয় ডকুমেন্টেশন পরতে পারবেন। এখানে খুব সুন্দর করে সাজানো আছে আর খুব সহজে খুজে পাওয়া যায়।
jQuery CollagePlus একটি জেকুয়েরি প্লাগিন, যেটি আপনার ইমেজ গুলোকে একটি কন্টেইনার এ সঠিক মত ধরে রাখে। আপনি ইমেজ পেডিং, রো হাইট, বর্ডার পরিবর্তন করতে পারবেন। বাকি কাজ এই প্লাগিন এর।
Clipping Magic খুবি সহজে আপনার ইমেজ এর ব্যাকগ্রাউন্ড রিমুভ করে দেয়। আপনাকে শুধু ব্যাকগ্রাউন্ড আর ফরগ্রাউন্ড দেখিয়ে দিতে হবে। বাকি কাজ Clipping Magic এর 😉
Core Circus 2D ফন্টফেস। ৮৪ ডলার দাম, তাই আর কিছু বললাম না 😆
Cellos Script একটি ফরমাল স্ক্রিপ্ট ফন্ট। ব্যক্তিগত ব্যবহারের জন্য ফ্রী কিন্তু ব্যবসায়িক ব্যবহারের জন্য ৫৫ ডলার মুল্য।
Automaton জাভাস্ক্রিপ্ট দিয়ে বানানো একটি অটোমেশন টাস্ক রিমাইন্ডার অ্যাপ। আপনি কি কি করতে চান তার লিস্ট তৈরি করতে পারেন এর সাহায্যে।
গুগল রিডার এর বিকল্প দরকার? AOL Reader আছে! অসাধারন একটি আর.এস.এস ফিড রিডার। এতে রয়েছে ইন্টারফেস কাস্টমাইজেশন সহ আরো অনেক সুবিধা।
Anarchy একটি ডিসপ্লে ফন্ট। ব্যক্তিগত ব্যবহারের জন্য ফ্রী। তবে প্রোফেশনাল কাজের জন্য ৫ ডলার মুল্য দিয়ে কিনতে হবে।
AlloyUI একটি ফ্র্যামওয়ার্ক, যেটি YUI3 এবং Bootstrap দিয়ে বানানো হয়েছে। এটি দিয়ে বিভিন্নি ওয়েব অ্যাপ বানানো যায়। শুরু করার জন্য প্রয়োজনীয় টিউটোরিয়াল ও রিসোর্স আছে।
Alianza একটি জটিল টাইপোগ্রাফি সিস্টেম। ৩ টি ফন্ট সেট, বিভিন্ন স্টাইল দেয়া আছে।
কি? টুল গুলো কি কাজের মনে হয়? টুল গুলো সম্পর্কে আপনাদের মতামত জানান টিউমেন্ট এ। ধন্যবাদ সবাইকে সময় নিয়ে টিউনটি পড়ার জন্য।
দেখতে দেখতেই আমার ৯০ টি টিউন হয়ে গেলো 😀 এখন ১০০ তম টিউনের অপেক্ষা! আশা করছি ১০০ তম টিউনে টেকটিউনস এর সকল ভিজিটর কে দারুন কিছু উপহার দিতে পারবো 
নিয়মিত আমার টিউনের আপডেট পেতে চাইলে সাবস্ক্রাইব করুনঃ টেকটিউনস » কম্পিউটার লাভার (ক্লিক করে আপনার ইমেইল দিন এবং ইমেইল থেকে ভেরিফাই করুন)
কম্পিউটার লাভার (রাকিবুল হাসান)
ফেসবুক ~ টুইটার ~ গুগল প্লাস
আমি কম্পিউটার লাভার। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর 2 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 101 টি টিউন ও 1258 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 20 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
Also known as "Raiku Saiko". React.js & Javascript Developer. Former Wordpress Developer, Front-end Designer. Technology Addicted.
tune ti ak kothay khub kajer ebong osadharon…. beshir vag tool e ojana. aro tool somporke bistarito jante chai… dhonnobad.
@ashrafarzu: অবশ্যই আশরাফ ভাই চেষ্টা করবো আরো দারুন কিছু টুলের বিস্তারিত সহ টিউন করতে। ধন্যবাদ টিউমেন্ট এর জন্য।
@ওয়াহিদুজ্জামান হৃদয়: ধন্যবাদ কষ্ট করে লগিন করার জন্য আর টিউমেন্ট করার জন্য 🙂
টিটিতে তো বিজ্ঞাপন ছাড়া ভালো কোন টিউন দেখিনা, তার মাঝে শুধু আপনার টিউন গুলার জন্য অপেক্ষাই থাকি। অনেক সুন্দর এবং কাজের টিউন 🙂
যতই দিন যাচ্ছে ততই আপনার উর্বর মস্তিস্কের নির্যাস টেকটউনসকে করছে সমৃদ্ধ। উপকৃত হচ্ছি আমরা সবাই আমজনতা। অনেক অনেক ধন্যবাদ Rakibul Hasan
ভাই আপনাকে ধন্যবাদ এত সময় নিয়ে এত বড় একটা পোষ্ট লিখার জন্য। আমি একজন নতুন ব্লগার। আমার http://foodsworld.info সাইট এর জন্য আসলে কোন টুলটি কাজে দিবে বুজতে পারছি না। যদি একটু বলতেন। গুগল এ্যাডসেন্স এর জন্য apply করেছিলাম তারা বলছে কনটেন্ট কম হইছে। কি করতে পারি ? যদি একটু সাহায্য করতেন।
টিউনটা অত্যন্ত প্রয়োজনীয়। কষ্ট করে এতবড় একটা টিউন করার জন্য আপনাকে অসংখ্য ধন্যবাদ। ভাইয়া, যদি সময় থাকে প্লিজ আমাকে অনলাইনে টিভি দেখার 1000+ এই সফটওয়্যারটা দিয়ে সাহায্য করবেন। আমি (( টিউন করেছেন : কম্পিউটার লাভার | প্রকাশিত হয়েছে : 17 April, 2011 on 12:51)) এখান থেকে অবশ্য ডাউনলোড করার চেষ্টা করেছিলাম। কিন্তু মিডিয়া ফায়ারে আপনার সেই লিংকটি নাই। প্লিজ ভুলে যাবেন না।
@কম্পিউটার লাভার – পরিশ্রম করে বানানো কাজের টিউন। আপনার কাছে একটা প্রশ্ন আছে যদি পারেন উত্তর দেবেন। প্রশ্নটা হল আপনি আপনার কাজে কোন কোন টুল / সফটওয়ার / ল্যাঙ্গুয়েজ / … নিয়মিত ব্যবহার করেন? যদি সম্ভব হয় তার একটা লিস্ট আকারে দেবেন। আশাকরি এটা অনেকেরই কাজে লাগবে, যারা অনেককিছুর ভিড়ে সিদ্ধান্ত নিতে পারেন না। যারা পারেন তারাও তাদের লিস্ট দিতে পারেন।
![jQuery for Web Design [পর্ব-০৪] :: jQuery এর FadeIn FadeOut মেথড জানবো ও ব্যবহার করে দেখব](https://dnc.techtunes.io/tDrive/tuner/2018/04/techtunes_fee81aa370998cccf57ea2d7dc08eaa8-368x207.jpg "jQuery for Web Design [পর্ব-০৪] :: jQuery এর FadeIn FadeOut মেথড জানবো ও ব্যবহার করে দেখব")
![হাতে ধরে PSD2HTML পূর্ণাঙ্গ কোর্স [পর্ব-০২] :: পিএসডি ফাইল স্লাইস ও ফটোশপের বেসিক টেকনিক্স!](https://dnc.techtunes.io/tDrive/tuner/computer-lover/239737/PSD-to-HTML-Image-300x300.png "হাতে ধরে PSD2HTML পূর্ণাঙ্গ কোর্স [পর্ব-০২] :: পিএসডি ফাইল স্লাইস ও ফটোশপের বেসিক টেকনিক্স!")
বিশাল টিউন, বিশাল কাজের।