Back to Question Center
0

13 রিসার্চাল ওয়েব মিমল জন্য সরঞ্জাম

1 answers:

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

এখানে প্রতিক্রিয়াশীল নকশা সরঞ্জামগুলির একটি তালিকা। সেমিট হল প্রতিক্রিয়াশীল ওয়েব পৃষ্ঠা উপাদানগুলি তৈরি করার সরঞ্জামগুলি এবং বিভিন্ন ধরণের প্রকৃত ডিভাইস এবং স্ক্রিনের আকারগুলিতে আপনার নকশা পরীক্ষা করতে সরঞ্জামগুলি। সেমিট প্রিমিয়াম এবং বিনামূল্যে সরঞ্জাম।

ডিজাইন ডিজাইনের জন্য সরঞ্জাম

প্রতিক্রিয়াশীল ডিজাইন, দায়িত্বপ্রাপ্ত ইলিলেটেড Adobe এর জেমস মেলারস দ্বারা নির্মিত, এই সহজ সরঞ্জাম ব্যবহারকারীদের প্রতিক্রিয়াশীল নকশা একটি দৃষ্টান্তমূলক উদাহরণ সঙ্গে খেলতে দেয়। আপনি ব্যবহার করা হবে আকার সীমা ধরনের ধরনের দেখতে আপনার ব্রাউজার উইন্ডো পুনরায় আকার দিন। মূল্য: বিনামূল্যে

13 Tools for Responsive Web Semalt

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

গুগল মোবাইল বন্ধুত্বপূর্ণ টেস্ট Google এর বিনামূল্যে মোবাইল বন্ধুত্বপূর্ণ টেস্ট ব্যবহার করে একটি পরিদর্শক মোবাইল ডিভাইসে আপনার পৃষ্ঠাকে কতটা সহজভাবে ব্যবহার করে তা পরীক্ষা করুন। আপনার বন্ধুত্বপূর্ণ মোবাইল ফোনগুলি ডিজাইন করা নিশ্চিত করে যে আপনার পৃষ্ঠা সকল ডিভাইসে ভাল কাজ করে। মূল্য: বিনামূল্যে

জাস্টিনমিন্ড জাস্টিনমাইন্ড ওয়েব এবং মোবাইল অ্যাপ্লিকেশনের জন্য একটি সর্বপ্রথম প্রোটোটাইপিং টুল। ওয়েব, iOS, এবং অ্যান্ড্রয়েডের জন্য ড্র্যাগ এন্ড ড্রপ ইন্টারফেস সহ ওয়েবসাইট এবং অ্যাপ্লিকেশনগুলি নির্ধারণ করুন - কোন কোডিং জড়িত নেই। জাস্টিনমিন্ড এর নমনীয় ঘটনা এবং কর্মের সাথে সমস্ত ডিভাইস জুড়ে সমস্ত পর্দার মাপ ফিট করার জন্য একটি গতিশীল লেআউট সহ আপনার ওয়্যারফ্রেম কাস্টমাইজ করুন এবং সামঞ্জস্য করুন জাস্টিনমিন্ড আপনাকে আপনার ওয়েব এবং মোবাইল এপ্লিকেশন প্রোটোটাইপটি যে কোনও ব্রাউজার থেকে নেটিভ ওয়েব ডিসপ্লে এবং বিভিন্ন ডিভাইসের স্কিনগুলির সঙ্গে দেখতে এবং পরীক্ষা করবে। মূল্য: প্ল্যান শুরু $ 19 প্রতি মাসে।

13 Tools for Responsive Web Semalt

গ্রিডেট গ্রিডেটগুলি ডিজাইনারদের গণনার বিষয়ে চিন্তা না করে ওয়েবের জন্য সৃজনশীল লেআউট গ্রিড সেট আপ করতে সক্ষম করে। Gridset আপনাকে কার্যকর প্রতিক্রিয়াশীল ডিজাইনের জন্য নির্ধারিত ব্রেকপয়েন্ট জুড়ে নির্দিষ্ট গ্রিডগুলি বেঁধে দিচ্ছে, যে কোনও স্ক্রীনে আপনার সামগ্রী ভাল দেখায়। মূল্য: প্ল্যান শুরু $ 9 প্রতি মাসে।

অভিযোজিত ছবি অ্যাডাপ্টিভ ইমেজ আপনার ভিজিটরের স্ক্রীন সাইজটি সনাক্ত করে এবং স্বয়ংক্রিয়ভাবে তৈরি করে, ক্যাশে এবং আপনার ওয়েব পৃষ্ঠার এমবেডেড এইচটিএমএল ইমেজগুলির যথোপযুক্ত পুনরায় স্কেল সংস্করণ সরবরাহ করে। এটি তরল ইমেজ কৌশল সঙ্গে মিলিত হতে প্রতিক্রিয়াশীল ডিজাইন, সঙ্গে ব্যবহারের জন্য উদ্দেশ্যে করা হয়। কোন মার্কআপ পরিবর্তন প্রয়োজন। মূল্য: বিনামূল্যে

ফিটটেক্ট ওয়েব টাইপ বৃদ্ধি করার জন্য একটি jQuery প্লাগইন, FitText ফন্ট-মাপসই নমনীয় করে তোলে। একটি প্যারেন্ট উপাদান প্রস্থ ভরাট যে আকারযোগ্য শিরোনাম অর্জন করার জন্য আপনার তরল বা প্রতিক্রিয়াশীল লেবেলে এই প্লাগইন ব্যবহার করুন FitText শুধুমাত্র বিশাল প্রদর্শন পাঠ্যের জন্য। মূল্য: বিনামূল্যে

13 Tools for Responsive Web Semalt

গোস্টল্যাব Ghostlab সঙ্গে, আপনি একযোগে বিভিন্ন ব্রাউজার এবং মোবাইল ডিভাইস কোন ওয়েবসাইট পরীক্ষা করতে পারেন। শুধু Ghostlab এ URL টি টানুন এবং "Play" বোতামটি ক্লিক করুন। সংযুক্ত ব্রাউজার বা ডিভাইসগুলির মধ্যে একটিতে পরীক্ষা শুরু করুন। সমস্ত অন্যান্য ব্রাউজার এবং ডিভাইসগুলি আপনার কর্মগুলি মিরর করবে - বোতামগুলি ক্লিক করে, লিঙ্কগুলি অনুসরণ করে, পৃষ্ঠাটি স্ক্রোল করা, ফর্মগুলি পূরণ করে এবং বিশেষ উপাদানের উপর আপনার মাউসকে ঘিরে। সরাসরি Ghostlab এর মধ্যে একটি স্ক্রিনশট নিন, এটি ইন্টিগ্রেটেড ইমেজ এডিটরে টীকা দিন, এবং আপনার যেকোনো বাগ ট্র্যাকার ব্যবহার করে তা টানুন। মূল্য: $ 49

আমি কি প্রতিক্রিয়াশীল? আমি প্রতিক্রিয়াশীল ডিজাইন ব্রেকপয়েন্টগুলিতে দ্রুত স্ক্রিনশটগুলির জন্য একটি রিজিওনাল টুল। শুধু আপনার URL লিখুন ডিভাইসে ক্লিক করে এবং টেনে আনে ডিভাইসগুলিকে পুনরায় সাজান এবং পুনরায় সাজান। আপনার নিজের ব্রাউজার থেকে একক ক্লিকের মাধ্যমে যেকোনো সাইটের প্রতিক্রিয়া চেক করতে আম আই RWD বুকমার্কলেট ব্যবহার করুন Source - dominio microsoft gratis.

জবাবদিহিতা রিডেনডাইনারটর ওয়েবসাইট প্রস্তুতকারীরা দ্রুত তাদের প্রতিক্রিয়াশীল সাইটগুলি সবচেয়ে জনপ্রিয় ডিভাইসগুলি দেখবে কিভাবে একটি ইঙ্গিত পেতে সহায়তা করে। যাইহোক, এটি সঠিকভাবে প্রতিলিপি না কিভাবে এটি চেহারা হবে। সঠিক পরীক্ষার জন্য সবসময় আসল ডিভাইসগুলিতে পরীক্ষা করুন। মূল্য: বিনামূল্যে

13 Tools for Responsive Web Semalt

Google Chrome DevTools ডিভাইস মোড Google Chrome DevTools হল Google Chrome- এ নির্মিত একটি রচনা, ডিবাগিং এবং প্রোফাইলিং সরঞ্জামগুলির একটি সেট। আপনার সাইট এবং অ্যাপের সক্রিয় বিকাশের সময় প্রতিক্রিয়াশীল মোড ব্যবহার করুন এবং একটি অবাধে প্রতিক্রিয়াশীল ডিজাইন তৈরি করতে প্রায়ই ভিউপোর্টের আকার পরিবর্তন করুন যা এমনকি অজানা ও ভবিষ্যতের ডিভাইসের প্রকারগুলিতে রূপান্তর করে। ডিভাইস মোডের স্ক্রিন এমুলেটর ব্যবহার করে আপনার সাইটের প্রতিক্রিয়া পরীক্ষা করুন। ভিউপোর্ট কন্ট্রোল আপনাকে বিভিন্ন ডিভাইসের বিরুদ্ধে আপনার সাইটে পরীক্ষা করতে দেয়, সেই সাথে প্রতিক্রিয়াশীলও মূল্য: বিনামূল্যে

ব্রাউজার স্ট্যাক। ব্রাউজার স্ট্যাক লাইভ, ওয়েব ভিত্তিক ব্রাউজার পরীক্ষার জন্য একটি প্ল্যাটফর্ম। সবচেয়ে সঠিক ফলাফলের জন্য শারীরিক অ্যান্ড্রয়েড এবং iOS মোবাইল ডিভাইস এবং ট্যাবলেটগুলির একটি পরিসর পরীক্ষা করুন। বাস্তব স্ট্রিমিং, বিকাশকারী সরঞ্জাম, কীবোর্ড শর্টকাট এবং আরও অনেক কিছুতে বাস্তব যন্ত্রগুলিতে 1,100 ডেস্কটপ ব্রাউজারের সাথে পরীক্ষা করুন। আইওএস, অ্যান্ড্রয়েড, ওএস এক্স এবং উইন্ডোজ এ আসল ডিভাইসের আকারে স্ক্রিনশট তৈরি করুন মূল্য: $ 29 প্রতি মাসে।

ক্রস ব্রাউজার পরীক্ষা। CrossBrowserTesting আপনাকে আপনার ব্রাউজার এবং ডিভাইসগুলিতে অ্যাক্সেস দেয় যা আপনার দর্শকরা ব্যবহার করছেন। 1,500 ডেস্কটপ এবং মোবাইল ব্রাউজারগুলিতে ইন্টারেক্টিভ ম্যানুয়াল এবং অনুসন্ধানমূলক পরীক্ষাগুলি সঞ্চালন করুন। পূর্ণ পৃষ্ঠা প্রতিক্রিয়াশীল লেআউটগুলি তুলনা করে একবারে একাধিক ব্রাউজারে স্বয়ংক্রিয়ভাবে স্ক্রিনশটগুলি নিন। প্রতিটি নতুন পরিবর্তনের সাথে ভিজ্যুয়াল পরীক্ষাগুলি নিন এবং সহজে রিগ্রেশন পরীক্ষার জন্য ঐতিহাসিক সংস্করণগুলিতে তুলনা করুন। মূল্য: $ 29 প্রতি মাসে।

13 Tools for Responsive Web Semalt
March 1, 2018