মোবাইলের জন্য প্রোগ্রামিং করা কি আসলেই প্রয়োজনীয়?


10

আমি বেশ কয়েকটি উত্সের মাধ্যমে পড়েছি যে রাজ্যের মোবাইলের প্রথম ডিজাইনটি প্রায় অপরিহার্য, যা আমি অস্বীকার করতে পারি না এমন স্পষ্ট সুবিধাগুলি যেমন মোবাইলগুলির জন্য দ্রুত লোড টাইম যা সাধারণত 3 জি এবং 4 জি এর মাধ্যমে ধীরে ডাউনলোডের গতি পায়।

তবে আপনি যদি খুব কম ছবি সহ একটি ছোট ওয়েবসাইট তৈরি করেন।

আমি এই বিষয়ে অন্যের মতামত শুনতে চাই এবং লোকেরা ব্যতিক্রম আছে বলে মনে করে কিনা। ব্যক্তিগতভাবে আমি প্রথমে ডেস্কটপের জন্য নকশা / কোড পছন্দ করি এবং সেখান থেকে স্কেল করি। তবে প্রথমে মোবাইলের জন্য ডিজাইন / কোড ডিজাইন করা কি সত্যিই গুরুত্বপূর্ণ বা শেষের ফলাফলগুলি নির্দিষ্ট পরিস্থিতিতে বিরক্ত করার পক্ষে যথেষ্ট তাৎপর্যপূর্ণ নয়?


2
আমি নিশ্চিত না যে আপনার প্রশ্নটি কী। এটি কি "আমার কি একটি মোবাইল সাইট তৈরি করা উচিত" বা এটি "আমার মোবাইল সাইটটি প্রথমে করা উচিত"? পূর্ববর্তীটি হ্যাঁ - হিট - ৫০% ওয়েব হিট মোবাইল ডিভাইস ", দ্বিতীয়টি হ'ল" আপনি সিদ্ধান্ত নিবেন, আমি ডেস্কটপ পছন্দ করি, তারপরে আপনি সামগ্রীটি পুনরায় সাজান "। পার্শ্ব নোট হিসাবে, সাইটটি মোবাইলে খুব ভাল কাজ করে। আমি মেনুটি ভাঙ্গার পরামর্শ দিচ্ছি - এটি পুরো মোবাইলের স্ক্রিন দখল করে।
Metasomatism

@ মেটাসোমেটিজম প্রশ্নটি কোডের দক্ষতা এবং এটি বিভিন্ন ডিভাইসে কীভাবে লোড হয় তার চারদিকে ভিত্তি করে, আমি যদি এই লিঙ্কটি এখানে ট্র্যাকশন না অর্জন করতে পারি তবে আমি লিঙ্কটি চেষ্টা করতে পারি (পোস্টটি দ্বিগুণ করতে চাই না)। আমি মোবাইলের জন্য নেভিগেশনটি পরিবর্তন করেছি, যদি আপনি সামগ্রীতে সাদা নেভিগেশন ভাঁজকে উল্লেখ করছেন তবে এটি উদ্দেশ্য। :)
সিসি

1
আমি আমার সর্বশেষ প্রজেক্টটি "মোবাইল প্রথম" পদ্ধতির সাহায্যে শুরু করেছি এবং আমি মনে করি যে প্রতিটি পরবর্তী প্রকল্পের জন্য যেখানে আমি একটি মোবাইল সাইট আকাঙ্ক্ষিত সেগুলি করব। নিজেকে সীমাবদ্ধ রেখে, আমি সর্বাধিক গুরুত্বপূর্ণ বিষয়গুলিতে ফোকাস করতে আরও ভাল সক্ষম, এর আশেপাশে কিছু অভিনব জিনিস সম্পর্কে ভাবেন না। স্কেল ডাউন (একটি ছোট অঞ্চলে রাখার জন্য অনেকগুলি জিনিস) তুলনায় আমি স্কেল করা আরও সহজ (যেমন একটি বড় অঞ্চলে রাখার মতো কয়েকটি জিনিস আমার কাছে রয়েছে) find তবে আমি অনুমান করি এটি ব্যক্তি থেকে পৃথক পৃথক হতে পারে।
রোল


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

উত্তর:


24

খাঁটি ডিজাইনের দৃষ্টিকোণ থেকে, প্রথমে মোবাইল সংস্করণ দিয়ে শুরু করা কোনও অর্থবোধ করে না।

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

একবার আপনি 'হালকা' সংস্করণটি নকশা তৈরি করার পরে, আপনি রিয়েল এস্টেট অর্জন করার সাথে সাথে নকশার উপাদানগুলির মতো অতিরিক্ত জিনিস যুক্ত করতে এবং জিনিসগুলিকে আরও বাড়িয়ে নিতে পারেন। @ জ্যাঙ্গো দ্বারা চিহ্নিত হিসাবে, আপনার ডিজাইন থেকে বৈশিষ্ট্যগুলি কখনই বাদ দেওয়া উচিত নয়।

আপনার সাইটের জন্য, উদাহরণ মেনু হতে পারে। আপনি মেনু আইটেম ছেড়ে এবং একটি হ্যামবার্গার আইকন সঙ্গে এটি প্রতিস্থাপন করার সিদ্ধান্ত নিয়েছে, যা মানক পদ্ধতি। তবে যদি মেনু আইটেমগুলি পৃষ্ঠায় সর্বাধিক গুরুত্বপূর্ণ জিনিসগুলির একটি হয় তবে আপনি এগুলি একটি ক্লিকের আড়ালে আড়াল করতে চাইবেন না।


সিডনোট: আপনার সাইটে নীল রঙের লাল রঙটি রঙিনউন্ডের জন্য সত্যিই খারাপ, দয়া করে এটি পরিবর্তন বিবেচনা করুন।


আমিও রঙিনব্লাইন্ড: পি ... আমি যে স্টাইলটি যাচ্ছি তার সাথে এটি রঙিন। 4 টি পৃষ্ঠার প্রতিটি পৃথকভাবে বর্ণযুক্ত হবে। আপনি যদি ভাবেন যে এটি একটি খারাপ ধারণা আমাকে জানান। :)
সিসি

আপনি @ মার্কাসপোর্টার স্বাগত, এবং আমার উত্তর গ্রহণ করার জন্য ধন্যবাদ। কখনও কখনও এটি সন্দেহ হয় যদি অন্যদের তারা কী ভাবেন জিজ্ঞাসা করতে সহায়তা করে;) এবং প্রতিটি পৃষ্ঠার নিজস্ব রঙ দেওয়া কোনও খারাপ ধারণা নয়। যদিও আপনি
রঙিনব্লাইন্ড

3
কি? না। আপনার দুটি সাইট তৈরি করা উচিত নয় । এটি নির্বোধ এবং ২০০ 2005 সাল থেকে যাওয়ার পথ হয়নি You আপনি এমন একটি সাইট তৈরি করেন যা নিজেকে পরিবেশের সাথে খাপ খায়। একে প্রতিক্রিয়াশীল ওয়েব
ডিজাইন

1
আমি বৈশিষ্ট্যগুলি বোঝাতে চাইনি, আমার অর্থ ছিল ফ্রিলস, প্যাডিংস, এমনকি চিত্রগুলি। অবশ্যই বৈশিষ্ট্য। একটি ভাল উদাহরণ মেনু হবে: আপনি যখন সাইটটি বড় হবে তখন আপনি আসলে একটি মেনু যুক্ত করবেন না , তবে আপনি একটি পূর্ণ মেনু দিয়ে একটি বোতাম প্রতিস্থাপন করবেন।
পাইবি

2
@ পিবি: আসলে বিষয়বস্তু-ভারী সাইটগুলির পক্ষে আবার আলাদা আলাদা মোবাইল অবকাঠামো তৈরির প্রবণতা ছিল। উদাহরণস্বরূপ এএমপি প্রকল্পটি দেখুন।
ডেভিড মুলদার

11

মোবাইল প্রথমে সর্বোত্তম অনুশীলন - এটি আইন নয় এবং আপনি কেন এটি "ব্যবহার" করা উচিত তা বুঝতে পারলে আপনি কোনও নির্দিষ্ট প্রকল্পে কেন এটি ব্যবহার করতে চান না সে সম্পর্কে আপনি একটি অবগত সিদ্ধান্ত নিতে পারেন, এবং এটি ঠিক আছে।

এটি লক্ষণীয় যে "মোবাইল প্রথম" ডিজাইন / ইউএক্স এবং বিল্ড নিজেই সম্পর্কিত। মোবাইল প্রথম ডিজাইন ব্যবহারকারীদের জন্য আপনার সাইটের গতি বাড়ায় না, তবে মোবাইলের প্রথম বিকাশ ঘটবে

দু'জনের দিকে নজর দেওয়া যাক।

মোবাইল ডিজাইনে প্রথম

মোবাইলের প্রথম ডিজাইনটি আপনাকে আপনার বৈশিষ্ট্যগুলি কীভাবে প্রয়োজন তা ব্যবহার করতে এবং ব্যবহারযোগ্যতার জন্য সহায়তা করতে । এর পিছনে চিন্তাভাবনাটি এরকম হয়: প্রথমে ডেস্কটপ ডিজাইন করার পরিবর্তে, এবং 320px প্রশস্ত ডিসপ্লেতে আপনি যে সমস্ত বৈশিষ্ট্য নিয়ে এসেছেন সেগুলি রাখার জন্য লড়াই করুন এবং ভাল ইউএক্স রাখুন, প্রথমে মোবাইল দিয়ে শুরু করুন ...

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

তত্ত্বটি হ'ল এটি আপনাকে আপনার বৈশিষ্ট্যগুলি সম্পূর্ণরূপে যা প্রয়োজন তা কমাতে সহায়তা করে এবং তারপরে আপনি এটিকে একটি সুন্দর ডেস্কটপ অভিজ্ঞতায় স্কেল করতে পারেন।

মোবাইল উন্নয়নের প্রথম

মোবাইল প্রথম বিকাশের সাথে , এটি প্রথমে মোবাইল সংস্করণটি লেখার বিষয়ে এবং তারপরে বড় স্ক্রিনগুলির ব্যতিক্রমগুলি রাখার বিষয়ে মোবাইল ব্যবহারকারীদের পক্ষে এটি আরও ভাল (এবং দ্রুত) হওয়ার কারণটি হ'ল: কোনও ওয়েবসাইটের জন্য আপনার দুটি চিত্র রয়েছে, ডেস্কটপের জন্য একটি বড় এবং মোবাইলের জন্য একটি ছোট চিত্র। আপনি যদি প্রথমে ডেস্কটপ কোড করেন তবে আপনার সিএসএস এর মতো দেখতে পাবেন:

.test2 {
    background-image:url('images/verylargeimage.png');
}

// If on a smaller screen...
@media all and (max-width: 600px) {
    .test2 { 
      background-image:url('images/smallimage.png');
    }
}

এর অর্থ হ'ল large.jpgসিএসএস স্যুইচ আউট করার আগে মোবাইল ব্যবহারকারী আসলে ডাউনলোড করে । এটা খুব খারাপ.

মোবাইল প্রথম দেখায়:

.test2 {
     background-image:url('images/smallimage.png');
}

// If on a larger screen
@media all and (min-width: 600px) {
    .test2 { 
        background-image:url('images/verylargeimage.png');
    }
}

মোবাইল ব্যবহারকারী কখনও ডাউনলোড করে না large.jpg

আমি আশা করি যা এইগুলিকে কিছুটা পরিষ্কার করে তুলতে সহায়তা করে, যদি আপনি তাদের আগে বুঝতে না পারতেন!


2
আসলে, এটি কেবল আংশিকভাবে সঠিক। চিত্র ডাউনলোডে টিম কাদলেকের মোবাইল পরীক্ষার ফলাফল অনুসারে , শুধুমাত্র খুব পুরানো মোবাইল ব্রাউজার (অ্যান্ড্রয়েড 3.0.০, ব্ল্যাকবেরি 6, সাফারি ৪ ইত্যাদি) উভয় চিত্রই ডাউনলোড করবে । প্রতিটি অন্যান্য মোবাইল ব্রাউজার কেবল উপযুক্ত চিত্রটি ডাউনলোড করবে।
cimmanon

@ সিমনম্যান আপনি একদম ঠিক বলেছেন আমাকে সে সম্পর্কে সতর্ক করার জন্য ধন্যবাদ কাদলেকের পরীক্ষার পরিবর্তে ব্যর্থ হয়েছি এমন একটি উদাহরণ আমি এটিকে সরিয়ে নিয়েছি।
জাজানো রেইনহার্ট

লিঙ্ক অনুযায়ী সঠিক উপায় background-imageডেস্কটপ এবং মোবাইল পৃথকভাবে সেট করা হবে ।
এইচএলসিএস

4

"মোবাইল প্রথম" এর উত্স

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

মিডিয়া প্রশ্নের জন্য সমর্থন অনুপস্থিতি আসলে প্রথম মিডিয়া ক্যোয়ারী।

- ব্রায়ান রিগার

মোবাইল কি এখনও প্রাসঙ্গিক?

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

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

একটি "প্রথম ডেস্কটপ" পদ্ধতির তুলনা করুন:

.column {
    float: left;
    width: 50%;
}

@media all and (max-width: 50em) {
    .column {
        float: none;
        width: auto;
    }
}

"মোবাইল প্রথম" পদ্ধতির কাছে:

@media all and (min-width: 50em) {
    .column {
        float: left;
        width: 50%;
    }
}

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

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

আপনার স্টাইলশিটগুলি ভাঙবেন না

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

<!-- this is bad, don't do this -->
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />

কোডটি প্রথমে মোবাইল হওয়া উচিত, তবে ডিজাইনের পদ্ধতির কী হবে?

আমি মতামত যে এটি কিছু আসে না। ডিজাইনের সাথে সম্পর্কিত সমস্ত ভিউপোর্টের লেআউটগুলি অবশ্যই সম্পন্ন করতে হবে (আপনি যদি কোনও ছোটখাটো ব্রেকপয়েন্টে প্রয়োজনীয় হতে পারেন তবে এতে কমপক্ষে 2 বা 5 জনের বেশি জড়িত থাকতে পারে!), অর্ডারটি শেষ পর্যন্ত কোনও বিষয় নয়। অনেক ডিজাইনারের ডেস্কটপ লেআউট দিয়ে শুরু করার শৃঙ্খলার অভাব হয় এবং এটি খুঁজে পাওয়া যায় যে একটি মোবাইল বিন্যাস থেকে শুরু করা আরও সহজ।

আপনি যদি কোনও ডেস্কটপ বিন্যাস থেকে শুরু করতে চান, আপনাকে অবশ্যই সেই গৌরবময় সাদা সাদা জায়গার সমস্ত অংশকে ভরাট করার প্রলোভন এড়াতে হবে যা সেই পৃষ্ঠার সামগ্রীতে বৃদ্ধি করে না। আপনার কি সত্যই দরকার যে হাসিখুশি মহিলার ফোন রাখা 800x600 স্টক ফটো? অপ্রয়োজনীয় ফ্লাফ ডাউনলোড করতে কেবলমাত্র মোবাইল ব্যবহারকারীর অতিরিক্ত অর্থ ব্যয় করতে হবে এবং ডেস্কটপ ব্যবহারকারীর অতীত এড়ানোর জন্য এটি কেবল একটি দৃষ্টিভঙ্গি।


"এটি এতটা গুরুত্ব দেয় না" - অবশ্যই এটি করে। এবং এই প্রশ্নটি সম্পর্কে এটি হওয়া উচিত। কোডিং / প্রোগ্রামিং এখানে সাধারণত বিষয়বস্তু থেকে থাকে তাই প্রকৃতপক্ষে প্রাসঙ্গিক নয় (এটি প্রাসঙ্গিক অবশ্যই — তবে মূল বিষয় হওয়া উচিত নয়)
Cai

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

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

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

আমি যা বলছি তা হ'ল এটি ডিজাইন প্রক্রিয়াটিকে প্রভাবিত করে। ২ টি পরিস্থিতি নিন: ১. আপনি মোবাইল এবং ডেস্কটপ এবং সমস্ত প্রক্রিয়াটির মধ্য দিয়ে সমস্ত কিছু বিবেচনা করে একটি প্রতিক্রিয়াশীল সাইট ডিজাইন করুন। গ্রেট। ২. আপনি কেবলমাত্র একটি ডেস্কটপ সাইট ডিজাইন করেন, চূড়ান্ত অনুমোদনের সমস্ত উপায় এবং আপনার ক্লায়েন্ট বলে "ওহ, আমারও মোবাইলে কাজ করা দরকার ..." এবং তিনি এখনও এক্স, ওয়াই এবং জেড বৈশিষ্ট্যগুলি চান যা এতে কাজ করে না would মোবাইল কিন্তু আপনি যখন তা কেবল ডেস্কটপের জন্য ডিজাইন করছিলেন তখন তা বিবেচনায় রাখেননি ... কোন দৃশ্যটি সহজ?
কাই

2

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

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


আপনি টার্গেট শ্রোতা সম্পর্কে একটি ভাল বক্তব্য। আমার টার্গেট শ্রোতা হিসাবে ছোট ব্যবসা ইত্যাদি দেখে আমি কল্পনা করি যে আমার ডেমোগ্রাফিক আমার সাইটটি ডেস্কটপগুলির সাথে দেখছেন। আমি কিছুক্ষণ আগে সংক্ষেপে বুটস্ট্র্যাপ ব্যবহার করে দেখেছি এবং মনে হয় না যে এটি আমার জন্য, যদিও পরামর্শের জন্য ধন্যবাদ thanks
সিসিসি

হ্যাঁ আমি জানি বুটস্ট্র্যাপের মতো ফ্রেমওয়ার্কগুলি কোড এবং প্রচেষ্টা বাড়িয়ে তোলে তবে অবশ্যই এটি প্রচেষ্টাটির পক্ষে মূল্যবান, যদি আপনার কোন সাহায্যের প্রয়োজন হয় তবে আমাকে নির্দ্বিধায় দ্বিধা বোধ করবেন।
ওয়াজজা

আমার মনে হচ্ছে আমি এখনও সিএসএস শিখছি, আমি এই এক পৃষ্ঠার সাথে লড়াই করেছি। আমি ভবিষ্যতে আমার ক্লায়েন্টগুলির মধ্যে এটির সাথে আবার চেষ্টা করার ব্যাপারে নিশ্চিত হয়েছি।
সিসিসি

সুতরাং আপনি যদি আপনার টার্গেট শ্রোতাদের সম্পর্কে নিশ্চিত হন তবে আপনি খুব ভালভাবে এই পদ্ধতির দিকে এগিয়ে যেতে পারেন তবে আমি আপনাকে সতর্ক করতে চাই মাঝে মাঝে ছোট পর্দার জন্য স্কেল কমাতে খুব কঠিন হয় (যদি আপনি কাঠামো ব্যবহার করেন না) পরে আপনার প্রচুর সামগ্রী এবং আপনার সাইটে কার্যকারিতা। শুভকামনা.
ওয়াজজা

হ্যাঁ আপনি ঠিক. এছাড়াও, পাইবি আপনি যদি ভাল পড়তে চান তবে সেই বিষয়ে কিছু ভাল পরামর্শ দিয়েছেন।
সিসিসি

-2

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

এটি বলেছিল, আমি মনে করি যতক্ষণ না আপনি বেশিরভাগ সংস্থাগুলির মতো মোবাইল বৈশিষ্ট্যগুলিতে পরে স্ক্যাম্প না করেন ডেস্কটপ-প্রথমটি ঠিক আছে।

এছাড়াও, অনেকগুলি ডিজাইন ফ্রেমওয়ার্কগুলি এটি বেশ সহজ করে তোলে। আমি মোটামুটি জটিল ডেস্কটপ-প্রথম অ্যাপ্লিকেশন তৈরি করতে মেটাল ডিজাইন লাইট ব্যবহার করেছি এবং মোবাইল-বান্ধব সংস্করণের জন্য যখন আমি এটি সংশোধন করেছি তখন কেবল বেশ কয়েকটি জিনিস পরিবর্তন করতে হয়েছিল - বেশিরভাগ কাজ ইতিমধ্যে হয়ে গিয়েছিল।


কখনও কখনও বৈশিষ্ট্যগুলি উদ্দেশ্যমূলকভাবে মোবাইলের জন্য রেখে দেওয়া হয় কারণ তারা এর নিবিড়তা পরিচালনা করতে সক্ষম হয় না
জ্যাচ সসিয়ের

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

আমার পক্ষে একাধিক সাইটে সত্যই এটি ঘটে থাকে যে আমাকে ডেস্কটপ সংস্করণ আনতে হবে কারণ মোবাইল সংস্করণে তালিকাগুলিতে আইটেমগুলি বাছাই করে না, বা আলোচনার ট্যাবটি আড়াল করে না বা কিছু সুবিধাজনক ফিল্টারিং কাজ করে না। এই সত্যিই দেখায় আরো ভালো "ডেস্কটপ প্রথম এবং তারপর কি - গতকাল দ্রুত দ্রুত টাইমলাইনে শেষ হচ্ছে - মোবাইল বন্দর।
H22

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

যদিও ফেসবুকটি কেবলমাত্র মোবাইল ওয়েব অ্যাপ্লিকেশনটিতে সমস্ত কিছু উপলব্ধ করা বেশ ভাল হয়েছে - আপনি মেসেঞ্জার ছাড়াই সেখানে বার্তা দিতে পারেন।
ম্যাথু
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.