Web panyungsi geus sabudeureun salami jaba boga. Kanyataanna, panyungsi anu bahan penting dina pangalaman atawa jalma nempo situs anjeun - tapi teu kabeh panyungsi anu dijieun sarua. Ieu sagemblengna mungkin (jeung sabenerna cukup meureun) mun boga konsumén nempo kaca wéb anjeun dina panyungsi anu pisan heubeul na leungit fitur nu kapanggih dina panyungsi langkung modern. Ieu bisa pasang aksi masalah signifikan anjeun narékahan pikeun ngamekarkeun jaba nu ngamangpaatkeun éta kamajuan panganyarna dina rarancang ramatloka tur ngembangkeun . Lamun batur datang ka situs anjeun migunakeun salah sahiji jalma panyungsi antiqued, jeung téhnik canggih panganyarna anjeun ulah dianggo pikeun aranjeunna, Anjeun bisa jadi delivering hiji pangalaman goréng sakabéh. enhancement kutang téh strategi of nanganan design kaca web pikeun panyungsi béda, nyaéta jalma panyungsi heubeul nu mawi di rojongan modern.
enhancement kutang téh cara ngarancang kaca web supados langkung fitur agén pamaké ngarojong, beuki fitur kaca web kudu. Éta sabalikna ti strategi design katelah degradasi anggun . strategi anu ngawangun kaca keur panyungsi paling modern mimiti lajeng ensures yén maranéhna ogé dianggo alesan ogé ngabogaan panjalajah kirang hanca - ". ngarecah gracefully" yén pangalaman enhancement kutang dimimitian ku panyungsi kirang sanggup munggaran tur ngawangun hiji pangalaman up ti dinya.
Kumaha Paké kutang enhancement
Lamun anjeun nyieun desain web ngagunakeun enhancement kutang, hal munggaran anjeun bakal ngalakukeun nya éta nyieun desain anu hade pikeun pangbagi umum panghandapna tina web panyungsi. Dina inti na, enhancement kutang nyebutkeun yen eusi Anjeun kedah sadia ka sadaya panyungsi wéb, teu ngan hiji sub-set.This téh naha anjeun ngawitan ku ngarojong ieu heubeul, luntur, sarta kirang sanggup browsers.If anjeun nyieun situs anu hade ogé maranehna, anjeun nyaho geus dijieun dasar anu sakuduna nganteurkeun sahanteuna hiji pangalaman usable ka sadaya pengunjung.
Nalika dimimitian ku panyungsi sahenteuna boga kabisa mimiti, anjeun bakal hoyong mastikeun yén sakabéh HTML Anjeun kedah sah na semantically bener. Ieu bakal ngabantu mastikeun yén yén rupa widest agén pamaké bisa nempo kaca jeung nembongkeun eta akurat.
Inget yen gaya disain visual sarta perenah kaca sakabéh anu ditambahkeun ku cara make cadar gaya éksternal . Ieu bener mana nu enhancement kutang kajadian. Anjeun nganggo gaya lambar nyieun desain loka anu lumaku pikeun kabéh sémah. Anjeun teras bisa nambahkeun gaya tambahan pikeun ningkatkeun pidangan kaca salaku agén pamaké mangtaun pungsionalitasna. Sarerea meunang gaya baselines, tapi keur naon panyungsi warta nu bisa ngarojong kana gaya leuwih canggih jeung leuwih modern, maranéhna meunang sababaraha tambahan. Anjeun "kutang ningkatkeun" halaman pikeun panyungsi nu bisa ngarojong gaya maranéhanana.
Aya sababaraha cara nu bisa Anjeun nerapkeun enhancement kutang. Bagéa, Anjeun kudu mertimbangkeun naon browser a teu lamun teu ngarti garis tina CSS - eta ignores dinya! Ieu sabenerna jalan dina kahadean anjeun. Lamun nyieun susunan dasar tina gaya nu sagala panyungsi ngartos, anjeun lajeng bisa nambahkeun gaya tambahan pikeun panyungsi anyar. Mun aranjeunna ngarojong gaya, maranéhna bakal nerapkeun aranjeunna. Lamun henteu, maranéhna moal malire aranjeunna sarta ngan ngagunakeun eta gaya dasar. Hiji conto basajan tina enhancement kutang bisa ditempo dina CSS ieu:
.main-eusi {
latar: # 999;
latar: rgba (153,153,153, .75);
}
gaya ieu mimiti susunan tukang ka warna greyish. Aturan kadua migunakeun RGBA nilai warna pikeun ngeset hiji tingkat transparansi. Mun browser a ngarojong RGBA, éta bakal override gaya munggaran kalayan kadua. Lamun henteu, ukur hiji mimiti bakal dilarapkeun. Geus nangtukeun hiji warna dasar lajeng ditambahkeun gaya tambahan pikeun panyungsi langkung modern.
Ngagunakeun queries Feature
Cara séjén bisa nerapkeun enhancement kutang anu ngagunakeun naon katelah "fitur queries". Ieu sarupa jeung queries média , nu mangrupakeun hiji sapotong penting tina desain ramatloka responsif . Bari queries média téks pikeun ukuran layar nu tangtu, queries fitur bakal pariksa ningali lamun ciri nu tangtu anu dirojong atawa henteu. The rumpaka nu bakal nganggo nyaeta:
@supports (tampilan: flex) {}Sagala gaya nu ditambahkeun jero aturan ieu ukur bakal dianggo lamun panyungsi anu dirojong "flex", nu dina gaya keur Flexbox. Anjeun bisa nyetél hiji set aturan for everyone lajeng nganggo queries fitur pikeun nambahkeun tambahan pikeun panyungsi pilih wungkul.
Aslina artikel ku Jennifer Krynin. Diédit ku Jeremy Girard on 12/13/16.