پرمختیایی وده

ویب سایټونه تر هغه وخته پورې وې چې ویب پاڼې لري. په حقیقت کې، لټونګر ستاسو د سایټ لیدلو تجربو یا خلکو کې یو ضروري جزو دی - مګر ټول برقیان هم مساوي ندي. دا په بشپړه توګه ممکنه ده (او واقعا ممکن وي) د پیرودونکو په اړه ستاسو ګورت پاڼې وګورئ چې د ډیری پخوانیو برنامو کې موندلي وي. دا کولی شي سترې ستونزې رامینځته کړي ځکه چې تاسو ویب پاڼې ته وده ورکوئ چې د ویب پاڼې ډیزاین او پراختیا کې د وروستي پرمختګونو څخه ګټه واخلي. که چیرې یو څوک ستاسو د ګوتو څخه د استفادې وړ براؤزرونو څخه کار واخلئ، او ستاسو وروستي پرمختللی تخنیکونه د دوی لپاره کار نه کوي، تاسو کولی شئ په ټولیزه توګه یوه بې وزله تجربه وړاندې کړئ. پرمختللی وده د مختلفو لټونونو لپاره د ویب پاڼې ډیزاین کولو لپاره یوه ستراتیژي ده، یعنې هغه زاړه براؤزر چې په عصري مالتړ کې نشتوالی لري.

پرمختیایي وده د ویب پاڼو ډیزاین کولو یوه لاره ده ترڅو د یو کاروونکي استازی نور ملاتړ وکړي، د ویب پاڼې نور نور ځانګړتیاوې به ولري. دا د ډیزاین د ستراتیژی برعکس ده چې د زیان منلو وړ ګڼل کیږي . دا ستراتیژي لومړی د ډیرو عصري لابراتوارونو پاڼې جوړوي او بیا ډاډ ورکوي چې دوی هم د کم فعال کاروونکو سره مناسبه ښه کار کوي - دا تجربه "ګرانې دي." پرمختللی وده د وړ وړ وړ وړ لټونونو سره لومړی پیل کوي او له هغه ځایه تجربه رامینځته کوي.

د پرمختګ پرمختللی کارولو څرنګوالی

کله چې تاسو د پرمختیایي ودې په کارولو سره د ویب ډیزاین جوړ کړئ، هغه څه چې تاسو یې کوئ تاسو باید داسې ډیزاین جوړ کړئ چې د ویب براؤزرونو ترټولو ټیټ عام ډنمارک لپاره کار کوي. په دې اساس، پرمختللی وده دا ده چې ستاسو محتويات باید ټول ویب براؤزرونو ته موجود وي، نه یوازې یو فرعي سایټ. نو له همدې کبله تاسو د دې پخوانیو، پخوانی، او وړ وړ وړ لټونونو ملاتړ کولو سره پیل کیږي. که تاسو داسې سایټ جوړ کړئ چې ښه کار کوي د دوی لپاره، تاسو پوهیږئ چې تاسو یو بنسټیز جوړ کړی چې لږ ترلږه د ټولو لیدونکو لپاره د استفادې وړ تجربه وړاندې کړي.

کله چې لومړی له وړ وړ وړ لټونو سره پیل شي، تاسو به دا ډاډ ترلاسه کړئ چې ستاسو ټول HTML باید سم او سم سم وي. دا به د دې ډاډ ترلاسه کولو کې مرسته وکړي چې د ډیری کارن کاروونکو نمایندګۍ کولی شي پاڼه وګوري او په سمه توګه یې وښيي.

په ياد ولرئ چې د بصري ډیزاین ډولونه او د عمومي پاڼې ترتیب د بهرني طرزالعملونو څخه کارولو سره اضافه شوی. دا واقعیا په کوم ځای کې چې پرمختیایي وده ترسره کیږي. تاسو د سټینټ پاڼه جوړه کړئ چې د سایټ ډیزاین جوړ کړئ چې د ټولو لیدونکو لپاره کار کوي. بیا کولی شئ اضافي شالونه اضافه کړئ ترڅو د پاڼې پیاوړي کولو لپاره د کاروونکو استازو فعالیتونه ترلاسه کړي ځکه. هرڅوک د بیس لائن شیلیفونه ترلاسه کوي، مګر د هرې خبرپاڼې براؤزرونو لپاره چې کولی شي د پرمختللي او خورا پرمختللې اندازې ملاتړ وکړي، دوی نور اضافیږي. تاسو "د پرمختللی پراختیا" پاڼه د هغو براؤزرونو لپاره چې کولی شي د دغو شالونو ملاتړ وکړي.

دلته ځینې لارې شتون لري چې تاسو کولی شئ پرمختیایي وده وکاروي. لومړی بند، تاسو باید په دې وګورئ چې کوم براوزر څه وي که دا د CSS د کرښې په اړه نه پوهیږي - دا په پام کې نیسي! دا په حقیقت کې ستاسو په ګټه کار کوي. که تاسو د ډولونو بنسټیز ډول جوړ کړئ چې ټول براؤزرونه پوهيږي، نو بیا د نوو لټونګرانو لپاره نور ډولونه اضافه کولی شئ. که دوی د شالونو ملاتړ وکړي، نو دوی به پلي کړي. که نه، دوی به دوی ته پام وکړي او یوازې د دغو اصلي روشونو څخه کار واخلي. د پرمختیایي ودې یو ساده مثال دا سي ایس ایس کې لیدل کیدی شي:

.main-content {
شاليد: 999؛
پس منظر: Rgba (153،153،153، .75)؛
}

دا ډول ډول لومړی د شنه رنګ رنګ ته پس منظر وربخښي. دوهم قانون د RGBA رنګ ارزښتونه کاروي ترڅو د شفافیت کچه ​​جوړه کړي. که یو براؤزر د RGBA ملاتړ وکړي، نو دا به د دویم سټایل سره دویمه برخه تکرار کړي. که دا نه وي، یواځې لومړی به تطبیق شي. تاسو یو بنسټیز رنګ ټاکلی او بیا د ډیرو عصري لابراتوارونو لپاره اضافي ډولونه اضافه کړئ.

د خصوصیت پوښتنو کارول

بله لاره چې تاسو کولی شئ پرمختیایي ودې ته ادامه ورکړي د دې لپاره کارول چې د "د پوښتنو پوښتنو" په نوم یادیږي. دا د رسنیو پوښتنو ته ورته دي، کوم چې د ځواب ورکوونکي ویب پاڼې ډیزاین یوه اړینه برخه ده. پداسې حال کې چې رسنۍ د ځینې سکرین اسبابونو لپاره متن پوښتنې کوي، د پوښتنو پوښتنو به وګوري چې وګورئ ایا یو مشخص ځانګړتیاوې مالتړ شوې یا نه. هغه نښې چې تاسو یې کارول غواړئ:

supports (ښودنه: فلیکس) {}

هر هغه شیلیونه چې تاسو یې د دې قواعدو دننه شامل کړل نو یوازې کار کوي که چیرې دا براؤزر "فلیکس" ملاتړ کړي، کوم چې د Flexbox لپاره ډولونه دي. تاسو کولی شئ د هر چا لپاره یو مقررات ترتیب کړئ او بیا د فیصله پوښتنو څخه کار واخلئ یواځې د غوره لټونونو لپاره اضافي اضافه کولو لپاره.

اصلي جینفر جینیفر کرینین. جریمي Girard لخوا په 12/13/16 کې تصویب شوی.