"প্রতিক্রিয়াশীল" ওয়েব ডিজাইন কেন বিবেচনা করা উচিত নয়?

Question

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

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

আমি মনে করি মিডিয়া প্রশ্নগুলির ব্যবহার ধীরে ধীরে surfacing হয় (আমি খুঁজে পেয়েছি যে অনেকেই এটি সম্পর্কে সত্যই জানেন না) তবে আমি ভাবছি যে ধীর অবলম্বনের কোনও কারণ আছে কিনা। এটি কি ওয়েব অ্যাপ্লিকেশনগুলির জন্য অযৌক্তিক? আমি কি এমন কিছু মিস করছি যা একটি মৌলিক সমস্যা হতে পারে?

Comments

অনেক লোক কেবল অজ্ঞ এবং নতুন পদ্ধতি শিখেন না।

— রায়নস

@ রায়নো তবে শেখা এত মজার!

— নিক

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

— উইনডাব্লু

ওয়েবমাস্টারগুলিতে মাইগ্রেশন করবেন?

— পিটার টেলর

Answer 1

এটি আসলে কাজ করতে আপনাকে হুপসের মধ্য দিয়ে ঝাঁপিয়ে পড়তে হবে। যে সাইটটি আমি বিকাশ করছি তার জন্য আমি @media (max-width:800px)ফোন এবং অন্যান্য ছোট পর্দার জন্য স্টাইলশিট সংজ্ঞায়িত করতাম । তবে এটি আইফোন দ্বারা ব্যবহৃত হচ্ছে না।

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

Comments

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

— বেরিন লরিটস্ক

এটি লক্ষণীয় যে এই প্রশ্ন এবং উত্তর 6 বছর আগে থেকে, এবং বর্তমান গ্রহণের হারকে প্রতিফলিত করতে পারে না।

— পিটার টেলর

ওহ দুঃখিত. গতকাল কোনও কারণে এটি মূল ফিডে ছিল। তারিখটি চেক করতে ভাবেনি।

— বারিন লরিটস

Answer 2

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

বৈধ হতে পারে এমন আরও একটি কারণ হ'ল মোবাইল সংস্করণগুলির জন্য নিজস্ব পৃথক সাইটম্যাপ ( http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=34648 ) সহ সম্পূর্ণ আলাদা ওয়েবসাইট পরিবেশন করা , সাইট বজায় রাখার জন্য একটি সহজ এবং এন্ট্রি-স্তরের উপায়।

Comments

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

— নিক

ঠিক আছে, আমার যুক্ত করা উচিত যে আমাদের ক্ষেত্রে ক্লায়েন্টটি প্রতিযোগীর কাছে মোবাইল সংস্করণটিকে আউটসোর্স করেছিল :( আমি ব্যক্তিগতভাবে আলাদা আলাদা সাইটের চেয়ে টেমপ্লেটগুলিও নিয়ে যেতে পারি

— পেলশফ

Answer 3

আপনি যদি নির্ভরযোগ্যভাবে ডেটা পুনরুদ্ধারের গ্যারান্টি দিতে পারেন তবে সব ঠিক আছে।

তবে ভাবুন, কেউ ডেস্কটপ কম্পিউটারের উইন্ডোড ব্রাউজারে একটি ওয়েবপৃষ্ঠা লোড করে। আপনি কি তাদের পড়তে পূর্ণস্ক্রিনটি খুলতে বাধ্য করেন, না আপনি হ্রাস করা উইন্ডোতে আকারটি সংযোজন করেন এবং এটিকে সর্বাধিক করে তোলার সাথে প্রচুর ফাঁকা স্থান উপস্থাপন করেন? আপনি একবার পৃষ্ঠায় লোড এ সিএসএস পরিবেশন!

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

কেবলমাত্র একটি শালীন সর্বজনীন, স্কেলেবল সিএসএস তৈরির স্ট্যান্ডার্ড নির্দেশিকা অনুসরণ করুন এবং ব্রাউজারটি পৃষ্ঠাটিকে সঠিক রেজোলিউশনে স্কেল করতে দিন।

Comments

সিএসএস 3 এ একটি নতুন বৈশিষ্ট্য রয়েছে যা বিভিন্ন পর্দার আকারের জন্য গতিশীল নিয়মের অনুমতি দেয়, যা স্বয়ংক্রিয়ভাবে পরিবর্তন হয়।

— স্টেফান ডোনাল

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

— এসএফ

ওপি মিডিয়া ক্যোয়ারীগুলি ব্যবহার করার বিষয়ে কথা বলছে, যা স্ক্রিন আকারের (অন্যান্য জিনিসের মধ্যে) ভিত্তিতে গতিশীলভাবে জিনিসগুলিকে সামঞ্জস্য করে। কোনও অতিরিক্ত ফাইল লোড করা হয়নি।

— ট্র্যাভিস নর্থক্যাট

@ এসএফ .: একটি গুগল ক্যালেন্ডার উইন্ডোটিকে নতুন আকার দেওয়ার চেষ্টা করুন (নতুন লাল থিম, পুরানো নীল রঙের নয়), তারা কীভাবে এটি পরিচালনা করে তা ভীষণ শীতল।

— মিথ্যা রায়ান

@ এসএফ: মূল পোস্টটি মিডিয়া প্রশ্নগুলির বিষয়ে কথা বলছিল, শিরোনাম বা ডাব্লু / ই এর উপর ভিত্তি করে বিভিন্ন সিএসএস সরবরাহ করে না।

— পিউপেওয়ারো