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

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

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

নিচের রিসোর্স গুলোর মধ্যে বেশ কিছু আছে ফ্রী। বাকীগুলো মোটামোটি কম মুল্যের, তবে খুবি কাজের টুলস। সুতরাং ভালো কিছু পেতে হলে সামান্য খরচ তো করতে হবেই।

Typewolf

টাইপোগ্রাফির অনুপ্রেরনা খুঁজছেন? তাহলে Typewolf হচ্ছে সেই সাইট। এটি শুধু প্রচুর টাইপোগ্রাফি অনুপ্রেরনাই দেয় না, আপনার জন্য ব্যবহৃত ফন্ট এর নাম দিয়ে দেয়।

Bootstrap 3

বুটস্ট্রাপ হচ্ছে টুইটার এর পক্ষ থেকে একটি মোবাইল-ফার্স্ট রেস্পন্সিভ ফ্র্যামওয়ার্ক, যেটি বেশ সময় ধরেই ওয়েব ডিজাইন জগতে বেশ পরিচিত। তবে বুটস্ট্রাপ এর নতুন নতুন ভার্সন Bootstrap 3 RC1 সবে মাত্র রিলিজ হয়েছে। পুরাতন ভার্সন থেকে এটিতে বেশ কিছু পরিবর্তন আছে। প্রায় ১৬০০ পরিবর্তন। ৭২০০০ নতুন সংজোযন/ডিলিট করা হয়েছে। সুতরাং সবমিলিয়ে বেশ দারুন কিছু ফিচার সহ বুটস্ট্রাপ এর এই ভার্স ইতিমধ্যেই বেশ জনপ্রিয় হয়েছে এবং ভবিষ্যতেও আরো হবে বলে আশা করা যাচ্ছে।

iOS 7 Wireframe Kit

Blake Perdue এর এই iOS7 Wireframe Kit টি তে আপনার অ্যাপ তৈরির জন্য প্রয়োজনীয় সকল ইউআই এলিমেন্ট আছে যা আপনার অ্যাপ ওয়ারফ্রেমিং এ লাগবে। এগুলো ইলাস্ট্রেটর এ ব্যবহার যোগ্য।

Tiff

Tiff একটি টাইপ টুল। এটির সাহায্যে আপনি দুটি টাইপ ফেস এর মাঝে পার্থক্য নিরূপণ করতে পারবেন। এটি বর্তমানে গুগল ওয়েব ফন্টস সাপোর্ট করে, সাথে আপনার সিস্টেম ফন্ট ও সাপোর্ট করে।

Bytesize

Bytesize টেক, ডিজাইন ও ডেভেলপমেন্ট এর সাপ্তাহিক পডকেস্ট ওয়েবসাইট। আপনি এই সাইটে সপ্তাহের খবরের সারাংশ পরতে পারবেন, সাথে মুল আর্টিকেল এর লিঙ্ক ও থাকবে।

Skeuocard

Skeuocard একটি ক্রেডিট কার্ড ইনপুট ফর্ম। এতে ক্রেডিট কার্ড এর ইনফো দিলে এটি অটোমেটিক ক্রেডিট কার্ড এর কোম্পানি ডিটেক্ট করে ক্রেডিট কার্ড ফর্ম এর লেয়াউট ডিজাইন পরিবর্তন করে দেয়।

WakaTi.me

WakaTi.me একটি টাইম ট্রেকার প্লাগিন। আপনার টেক্সট এডিটর এ এটি ইন্সটল করে নিলে আপনি প্রতিটি প্রোজেক্ট এর পিছনে কত সময় ব্যয় করেছেন দেখতে পারবেন। এই প্লাগিন সাবলাইম ও ভিম এডিটর এ কাজ করে।

Responsive Web CSS

Responsive Web CSS এর সাহায্যে খুব সহজে এবং দ্রুত ওয়েবপেজ এর জন্য রেস্পন্সিভ স্কেলেটন বানানো যায়।

Colorgorize

Colorgorize এ রঙ ভেদে আলাদা আলাদা ওয়েবসাইট রয়েছে। আপনি একটি নির্দিস্ট রঙ এ তৈরি ওয়েবসাইট গুলো দেখতে পারবেন এখানে। এর সাহায্যে কালার কম্বাইনেশন এ আইডিয়া নেয়া যায়।

Spectacle

Spectacle একটি ম্যাক এপ। এর সাহায্যে কিবোর্ড শর্টকাট এর মাধ্যমে উইন্ডো কন্ট্রোল করা যায়। এটি ওপেন সোর্স, পরিবর্তন যোগ্য কিবোর্ড শর্টকাট, সহজে ব্যবহার করা যায়।

Snapnote.io

Snapnote.io এর সাহায্যে সহজেই স্ক্রীনশট ও ইমেজ এডিট ও শেয়ার করা যায়। শুধু স্ক্রীনশট বা ইমেজ টিকে পেজ এ ড্র্যাগ করে বিল্টিন টুল এর সাহায্যে এডিট করে নিলেই হয়।

Pico

Pico একটি সাধারন, দ্রুতগতির, ফ্ল্যাট ফাইল সিএমএস। এটি কোন ডাটাবেজ ব্যবহার করে না। এটি টুইগ টেমপ্লেটিং ইঞ্জিন ব্যবহার করে সুন্দর সব থীমের জন্য। এটি ফ্রী এবং ওপেন সোর্স।

CSS3 Animation Cheat Sheet

CSS3 Animation Cheat Sheet তে সিএসএস ৩ দিয়ে করা সম্ভব এমন বিভিন্ন এনিমেশন এক্সাম্পল আছে।

Precomposed Touch Gestures

Precomposed Touch Gestures প্রোডাক্ট ডেমো বা প্রেজেন্টেশন এ ব্যবহারের জন্য দারুন। এগুলো QuickTime Animation এ আছে, তাই আপনার ভিডিও এডিটর বা ফটোশপ এ ব্যবহার করতে পারবেন।

Mailparser.io

Mailparser আপনার দৈনন্দিন ইমেইল রুটিনকে অটমেট করার জন্য। শুধু আপনার ডাটা এক্সট্রাকশন রুল ঠিক করে দিন এবং বলে দিন কিভাবে কিভাবে ফলাফল হেন্ডেল করবে।

Progression.js

Progression.js একটি জেকুয়েরি প্লাগিন যা আপনার ফর্ম এ রিয়েল টাইম হিন্ট ও প্রোগ্রেস বার এড করতে দেয়।

CSS Zen Garden

CSS Zen Garden একটি শোকেস। সিএসএস দিয়ে করা এমন অনেক কিছু আছে এখানে।

NearlyFreeSpeech.NET

NearlyFreeSpeech.NET একটি ওয়েব হোস্টিং সার্ভিস। এখানে আপনি জতটুকু ব্যবহার করবেন, ততটুকুর খরচই দিতে হবে।

Webflow

Webflow এর সাহায্যে সহজে রেসপন্সিভ ডিজাইন করা যায়। এতে রেসপন্সিভ গ্রিড, ওয়েব ফন্ট সাপোর্ট, কাস্টম ফর্ম এবং আরো অনেক কিছু আছে।

Emmet LiveStyle

Emmet LiveStyle CSS এর জন্য বাই-ডিরেকশনাল প্লাগিন। এটি গুগল ক্রোম ও সাবলাইম টেক্সট এর সাথে কাজ করে।

TypeWonder

TypeWonder এর সাহায্যে সহজে ওয়েব ফন্ট ট্রাই ও টেস্ট করা যায়। শুধু আপনার ওয়েবসাইট এর লিঙ্ক দিন এবং ফন্ট টেস্ট করুন।

Cloud Cannon

Cloud Cannon আপনার এইচটিএমএল সিএসএস থেকে একটি হোস্টেড সিএমএস বানাতে দেয়। এটির ৩০ দিনের ট্রায়াল রয়েছে।

SVGeneration

SVGeneration একটি গ্রাফিক্স শোকেস ও জেনারেটর যেটি আপনার সাইট এ ব্যবহারের জন্য দ্রুত গ্রাফিক্স জেনারেট করতে দেয়।

Chronic (by donation)

Chronic নেটিভ এমেরিকান সংস্কৃতি ও জ্যামিতির অনুপ্রেরনায় তৈরি একটি টাইপফেস। এটিতে ৩০০ গ্লিফ এবং ৪ টি ভিন্ন স্টাইল রয়েছে।

Cash (free)

Cash একটি স্লেব সেরিফ টাইপফেস এবং এটি ব্যবহারের জন্য ফ্রী।

Summit (name your price)

Summit একটি জ্যামিতিক সেন্স সেরিফ এ বেজ করা সুন্দর এলিগেন্ট ডিস্প্লে টাইপফেস।

Origami Beta (free)

Origami Beta একটি সুন্দর সেন্স সেরিফ টাইপফেস।

Allumi Dingbats (free)

Allumi Dingbats একটি মিনিমালিস্ট ডিংবেটস এর সেট। এটির ফ্রী এবং প্রো দুইটি ভার্সন ই রয়েছে।

Oami (€10)

Oami ওপেনলেটারফর্ম সাথে একটি ফাঙ্কি ওপেন টাইপফেস। আপনি একটি টুইট করেও মুল্য পরিশোধ করতে পারেন।

Woodwarrior (tweet/FB post)

Woodwarrior একটি মডার্ন ডিসপ্লে টাইপফেস। এটি অনেক বোল্ড এবং জ্যামিতিক লেটারফর্ম।

Squirrel FY ($39)

Squirrel FY একটি প্লাম্প টাইপফেস।

Pusekatt ($15)

Pusekatt একটি হাতে আকা টাইপফেস। এটি পোস্টারের মত জিনিসে ব্যবহারের জন্য খুবি উপযোগী

Sedona ($29)

Sedona অনেক বোল্ড কুইরকি ডিসপ্লে ফন্ট।

এইতো! আজ এই পর্যন্তই...

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

 নিয়মিত আমার টিউনের আপডেট পেতে চাইলে সাবস্ক্রাইব করুনঃ টেকটিউনস » কম্পিউটার লাভার (ক্লিক করে আপনার ইমেইল দিন এবং ইমেইল থেকে ভেরিফাই করুন)

কম্পিউটার লাভার (রাকিবুল হাসান)

আমার টিউনার পাতা

ফেসবুক ~ টুইটার ~ গুগল প্লাস