একজন ওয়েব ডিজাইনার হিসাবে, আপনার কম্পিউটারে আপনার অবশ্যই থাকা সফ্টওয়্যারটি কী? সম্ভাবনা হল এটি ফটোশপ এবং ইলাস্ট্রেটর। এবং যদিও সেগুলি আপনার ডিজাইন ওয়ার্কফ্লোতে অপরিহার্য, সেখানে আরও ছোট টুল রয়েছে যা আপনার প্রয়োজন হয়ত আপনি জানেন না৷
সবচেয়ে ভালো জিনিস হল, আপনাকে সেগুলি ডাউনলোড করতেও হবে না---শুধু এই Chrome এক্সটেনশনগুলি ইনস্টল করুন এবং আপনি চলে যান৷ পৃষ্ঠাগুলিতে ফন্ট সনাক্ত করা থেকে শুরু করে ওয়েব উপাদানগুলির মধ্যে দূরত্ব পরিমাপ করা, এই ওয়েব ডিজাইন Chrome এক্সটেনশনগুলি আপনার জীবনকে আরও সহজ করে তুলবে৷
1. Gmail এর জন্য ড্রপবক্স
ড্রপবক্স একটি ফাইল হোস্টিং পরিষেবা হিসাবে শুরু হয়েছিল, কিন্তু এটি শীঘ্রই আবিষ্কার করেছিল যে এর প্রধান দর্শকরা হলেন ডিজাইনার, যারা সহকর্মীদের সাথে তাদের কাজ ভাগ করার জন্য পরিষেবাটি ব্যবহার করে৷ যেহেতু ডিজাইন ফাইলগুলি প্রায়ই ইমেল সংযুক্তির জন্য খুব বড় হয়, তাই ফাইলটিতে একটি ড্রপবক্স লিঙ্ক পাঠানো সহজ৷
জিমেইলের জন্য ড্রপবক্স প্রক্রিয়াটিকে আরও সুবিধাজনক করে তোলে। আপনি যখন নতুন ইমেল উইন্ডোর নীচে একটি ড্রপবক্স বোতাম ব্যবহার করে আপনার ফাইলের সাথে লিঙ্ক করেন, তখন প্রাপক আপনি যা পাঠাচ্ছেন তার এক ঝলক দেখতে পাবেন৷ ইমেজ ফাইলের লিঙ্ক সরাসরি ইমেলে ইমেজ আপলোড করবে, এবং অন্যান্য ধরনের ফাইলের লিঙ্ক একটি সহজ প্রিভিউ তৈরি করবে।
ইনস্টল করুন: জিমেইলের জন্য ড্রপবক্স
2. ফন্টফেস নিনজা
হাজার হাজার ফন্ট উপলব্ধ, আপনার টাইপোগ্রাফির সম্ভাবনা অফুরন্ত। বিশেষ করে যদি আপনি একটি সুন্দর ফন্ট সনাক্ত করতে পারেন যা আপনি কোথাও দেখেন এবং এটি আপনার নিজের প্রকল্পের জন্য ধার করেন৷
ফন্টফেস নিনজা একটি ক্রোম এক্সটেনশন যা আপনাকে এটি করতে সহায়তা করে। অনেকটা ছবি থেকে ফন্ট খুঁজে পাওয়া টুলগুলির মতোই এটি আপনাকে অনলাইনে যে ফন্টগুলি দেখছেন তা শনাক্ত করতে সাহায্য করে। শুধুমাত্র পার্থক্য হল FontFace Ninja পৃষ্ঠার CSS-এ কোড করা ফন্টগুলি পড়ে, যেমন শিরোনাম এবং বডি টেক্সটের টাইপফেস৷
আপনি যখন ফন্টফেস নিনজা চালু করবেন, তখন এটি আপনাকে যে ফন্টে নির্দেশ দেবে তার তথ্য দেখাবে---এবং শুধুমাত্র টাইপফেস নয়, ওজন, আকার, উচ্চতা, প্রস্থ এবং রঙও। সেই ফন্টটি বুকমার্ক করার জন্য, আপনার বোন পরিষেবা, ফন্টফেস ডোজো-তে একটি অ্যাকাউন্টের প্রয়োজন হবে৷
ইনস্টল করুন: ফন্টফেস নিনজা
3. ColorPick Eyedropper
রঙের জন্য আপনার চোখ যতই ভালো থাকুক না কেন, আপনি অনলাইনে দেখেছেন এমন একটি নির্দিষ্ট শেড পুনরায় তৈরি করা কঠিন যদি না আপনি এর RGB বা HTML মানগুলি জানেন। ভাগ্যক্রমে, আপনার কাছে ColorPick Eyedropper আছে কিনা তা অনুমান করতে হবে না।
Mac-এর জন্য সেরা কালার পিকার অ্যাপের মতো, ColorPick Eyedropper আপনি যে রঙের দিকে নির্দেশ করবেন তার মান দেখাবে। পার্থক্য হল যে এটি সবসময় আপনার ব্রাউজারে থাকে এবং আপনাকে কিছু আপলোড করতে হবে না---শুধু আইকনে ক্লিক করুন এবং লক্ষ্যটিকে সঠিক স্থানে নিয়ে যান।
এক্সটেনশনটি টেক্সট, ইমেজ এবং আপনি একটি ওয়েব পৃষ্ঠায় (এমনকি বিজ্ঞাপনগুলিও) দেখতে পারেন এমন কিছু থেকে রং পড়ে। একবার আপনি একটি রঙ ক্যাপচার করলে, এটি আপনাকে এটির জন্য HTML, RGB এবং HSL মানগুলি দেখায়৷
ইনস্টল করুন: কালারপিক আইড্রপার
4. মাত্রা
এই ওপেন-সোর্স এক্সটেনশনটি ওয়েব ডিজাইনারদের জন্য একটি সন্ধান, বিশেষ করে যদি আপনি ছোট ব্যবসার জন্য এককালীন গিগ করেন। যখন কোনো ক্লায়েন্ট আপনাকে কোনো পূর্ববর্তী ফাইল বা ডকুমেন্টেশন ছাড়াই একটি ওয়েবসাইট তুলে দেয় এবং আপনাকে "এরকম একটি পৃষ্ঠা, কিন্তু ভিন্ন টেক্সট এবং ইমেজ সহ" ডিজাইন করতে বলে, তখন লেআউট বের করা একটি কষ্টের বিষয়।
মাত্রাগুলি আপনাকে পৃষ্ঠার যেকোনো উপাদানের উচ্চতা এবং প্রস্থের পাশাপাশি তাদের মধ্যবর্তী মার্জিনগুলি সহজেই পরিমাপ করতে দেয়৷ এটি বিদ্যমান পৃষ্ঠাগুলিকে পুনরায় তৈরি করা এবং আপনার নিজস্ব ডিজাইনগুলি উৎপাদনে যাওয়ার পরে দুবার পরীক্ষা করা সহজ করে তোলে৷
ইনস্টল করুন: মাত্রা
5. ভিজ্যুয়াল ইন্সপেক্টর
ভিজ্যুয়াল ইন্সপেক্টর হল ডিজাইন টিমের জন্য একটি শক্তিশালী ফিডব্যাক এবং সহযোগিতার টুল, যা আগের তিনটি এক্সটেনশনের বৈশিষ্ট্যগুলিকে একত্রিত করে এবং আরও যোগ করে৷
পরিদর্শনে ট্যাবে, আপনি ফাইলের নাম থেকে মাত্রা থেকে সম্পূর্ণ তথ্য পেতে পৃষ্ঠার যেকোনো উপাদান বেছে নিতে পারেন। রঙ এবং টাইপোগ্রাফি সাবট্যাবগুলি আপনাকে এক নজরে রঙ প্যালেট এবং সমস্ত ফন্ট দেখতে দেয়, যখন সম্পদ পৃষ্ঠার সমস্ত ছবি এক জায়গায় একত্রিত করে।
সহযোগিতা৷ ট্যাব হল যেখানে আপনি মতামত দিতে পারেন এবং আপনার দলের সাথে আলোচনা করতে পারেন, এবং পৃষ্ঠার যেকোনো উপাদানে ক্লিক করে একটি মন্তব্য করা সহজ৷
সবচেয়ে উন্নত সরঞ্জামগুলির মতো, ভিজ্যুয়াল ইন্সপেক্টর একটি মূল্য ট্যাগ সহ আসে:মন্তব্য যোগ করতে এবং পরিবর্তনগুলি সিঙ্ক করতে আপনাকে $9/ব্যবহারকারী/মাস থেকে অর্থ প্রদান করতে হবে৷ যাইহোক, এর মৌলিক বৈশিষ্ট্য যেমন রং, ফন্ট এবং ছবি পরিদর্শন, বিনামূল্যে ব্যবহার করা যায়।
ইনস্টল করুন: ভিজ্যুয়াল ইন্সপেক্টর
6. সহজ স্ক্রীন ক্যাপচার
একটি স্ক্রিন ক্যাপচার এক্সটেনশন অপ্রয়োজনীয় বলে মনে হতে পারে, যেহেতু Mac এ একটি স্ক্রিনশট নেওয়া একটি হাওয়া, এবং Windows এ আপনার স্ক্রীন ক্যাপচার করা একটু বেশি ঝামেলার। কিন্তু ইজি স্ক্রিন ক্যাপচারের বেশ কয়েকটি সেলিং পয়েন্ট রয়েছে৷
সবচেয়ে গুরুত্বপূর্ণ, এটি আপনাকে পুরো ওয়েব পৃষ্ঠাটি ক্যাপচার করতে দেয়, কেবলমাত্র আপনি আপনার স্ক্রিনে যে এলাকাটি দেখেন তা নয়। এটি অমূল্য যখন আপনি একটি দীর্ঘ পৃষ্ঠায় বিভিন্ন সমস্যা রিপোর্ট করতে হবে, এবং সেগুলি ক্যাপচার করতে তিন থেকে চারটি স্ক্রিনশট লাগবে৷
আপনার কম্পিউটারে অকেজো ইমেজ ফাইল জমা করার পরিবর্তে ক্লিপবোর্ডে স্ক্রিনশটটি কপি করে সরাসরি চ্যাট বা ইমেলে পেস্ট করার আরেকটি সূক্ষ্ম কৌশল।
ইনস্টল করুন: সহজ স্ক্রীন ক্যাপচার
7. মুজলি 2
অবশেষে, একটি গুরুত্বপূর্ণ কাজ রয়েছে যা আপনাকে প্রতিদিন সকালে মোকাবেলা করতে হবে:ঘুমের অবশিষ্টাংশ ঝেড়ে ফেলা এবং খাঁজে প্রবেশ করা। InVision-এর Muzli 2 শিল্প, নকশা, UX, এবং প্রযুক্তির উপর কিউরেট করা নিবন্ধ সহ আপনার সকালের সংবাদপত্র হিসেবে কাজ করবে।
মুজলি আপনার ডিফল্ট ক্রোম ট্যাব প্রতিস্থাপন করে এবং আপনি সেখানে যা দেখছেন তা কাস্টমাইজ করার অনুমতি দেয়। আপনার আগ্রহের উপর নির্ভর করে, মুজলি আপনার জন্য ড্রিবল এবং বেহ্যান্স থেকে শুরু করে 99ডিজাইন এবং ক্রিয়েটিভ ব্লক পর্যন্ত ফিড বেছে নেবে। আপনার প্রথম কফিতে চুমুক দেওয়ার সময় স্ক্রোল করার জন্য প্রচুর অনুপ্রেরণা!
আপনি যদি মনে করেন যে ডিজাইনের বিষয়বস্তু দিয়ে পরিপূর্ণ একটি সম্পূর্ণ ব্রাউজার ট্যাব খুব তীব্র, মুজলির একটি লাইট সংস্করণও রয়েছে। এটি আপনার ডিফল্ট ট্যাবকে ওভাররাইড করবে না এবং আপনি যখন খুশি তখনই এক্সটেনশন আইকনে ক্লিক করে ফিড অ্যাক্সেস করতে পারবেন৷
ইনস্টল করুন: মুজলি ২
আপনার সমস্ত ডিজাইনের কাজের জন্য Chrome এক্সটেনশন পান
এই তালিকায় থাকা ক্রোম এক্সটেনশনগুলি আপনার ডিজাইন সফ্টওয়্যারের সাথে মিল নেই, তবে তারা ডিজাইনার হওয়ার সাথে আসা সমস্ত ছোট জিনিসগুলিকে কভার করে---সেটি টাইপোগ্রাফি ইন্টেল হোক বা আপনার সহকর্মীদের সাথে সহযোগিতা করা হোক৷
একবার আপনি বুঝতে পারেন যে Chrome ওয়েব স্টোরটি সরঞ্জামগুলির সাথে পরিপূর্ণ, নতুনগুলি যোগ করা বন্ধ করা কঠিন হতে পারে৷ তাই আপনার ক্রোম এক্সটেনশনগুলি হাতের বাইরে যাওয়ার আগে কীভাবে পরিচালনা করবেন তা শিখুন৷
