Mae porwyr gwe wedi bod cyhyd â bod gwefannau wedi. Mewn gwirionedd, mae porwyr yn elfen hanfodol yn y profiad neu'r bobl sy'n edrych ar eich gwefan - ond nid yw pob porwr yn cael ei greu yn gyfartal. Mae'n gwbl bosibl (ac mewn gwirionedd yn eithaf tebygol) bod cwsmeriaid yn edrych ar eich tudalennau gwe mewn porwyr sy'n hen iawn ac yn colli'r nodweddion a geir mewn porwyr mwy modern. Gall hyn achosi problemau sylweddol wrth i chi geisio datblygu gwefannau sy'n manteisio ar y datblygiadau diweddaraf mewn dylunio a datblygu gwefannau . Os daw rhywun i'ch gwefan gan ddefnyddio un o'r porwyr hynafol, ac nid yw'ch technegau datblygedig diweddaraf yn gweithio iddynt, gallech fod yn cyflawni profiad gwael yn gyffredinol. Mae gwella cynnydd yn strategaeth o ddylunio dyluniad tudalennau gwe ar gyfer gwahanol borwyr, sef yr hen borwyr hynny nad oes ganddynt gefnogaeth fodern.
Mae gwella cynyddol yn ffordd o ddylunio tudalennau gwe fel bod mwy o nodweddion asiant defnyddiwr yn ei gefnogi, y mwyaf o nodweddion y bydd y dudalen we yn ei chael. Mae'n groes i'r strategaeth ddylunio a elwir yn ddiraddiad grasus . Mae'r strategaeth honno'n adeiladu tudalennau ar gyfer y porwyr mwyaf modern yn gyntaf ac wedyn yn sicrhau eu bod hefyd yn gweithio'n eithaf da gyda phorwyr llai gweithredol - bod y profiad "yn diraddio'n greisiol". Mae gwelliant cynyddol yn dechrau gyda'r porwyr llai galluog yn gyntaf ac yn creu profiad o hynny.
Sut i Ddefnyddio Cynnydd Cynyddol
Pan fyddwch chi'n creu dyluniad gwe trwy ddefnyddio gwelliant cynyddol, y peth cyntaf y byddwch chi'n ei wneud yw creu dyluniad sy'n gweithio i'r enwadydd cyffredin isaf o borwyr gwe. Yn ei graidd, mae gwelliant cynyddol yn dweud y dylai eich cynnwys fod ar gael i bob porwr gwe, nid dim ond is-set. Dyna pam rydych chi'n dechrau trwy gefnogi'r borwyr hyn, hen hen a llai galluog. Os ydych chi'n creu safle sy'n gweithio'n dda ar eu cyfer, gwyddoch eich bod wedi creu llinell sylfaen a ddylai ddarparu o leiaf brofiad y gellir ei ddefnyddio i bob ymwelydd.
Wrth ddechrau gyda'r porwyr lleiaf galluog yn gyntaf, byddwch chi am sicrhau bod eich holl HTML yn ddilys ac yn lled-gywir. Bydd hyn yn helpu i sicrhau bod yr amrywiaeth ehangaf o asiantau defnyddwyr yn gallu gweld y dudalen a'i arddangos yn gywir.
Cofiwch ychwanegir arddulliau dylunio gweledol a gosodiad tudalen gyffredinol trwy ddefnyddio taflenni arddull allanol . Mae hyn mewn gwirionedd lle mae'r gwelliant cynyddol yn digwydd. Rydych chi'n defnyddio'r dalen arddull i greu dyluniad safle sy'n gweithio i bob ymwelydd. Yna gallwch ychwanegu arddulliau ychwanegol i wella'r dudalen wrth i asiantau defnyddwyr gael ymarferoldeb. Mae pawb yn cael yr arddulliau sylfaen, ond ar gyfer unrhyw borwyr newyddion sy'n gallu cefnogi'r arddulliau mwy datblygedig a mwy modern, maen nhw'n cael rhywbeth ychwanegol. Rydych chi "yn gwella'n raddol" y dudalen ar gyfer porwyr sy'n gallu cefnogi'r arddulliau hynny.
Mae yna ychydig o ffyrdd y gallwch chi wneud cais am welliant blaengar. Yn gyntaf, dylech ystyried beth mae porwr yn ei wneud os nad yw'n deall llinell CSS - mae'n ei anwybyddu! Mae hyn mewn gwirionedd yn gweithio o'ch plaid. Os ydych yn creu set o arddulliau sylfaenol y mae pob porwr yn eu deall, gallwch ychwanegu arddulliau ychwanegol ar gyfer porwyr newydd. Os ydynt yn cefnogi'r arddulliau, byddant yn eu cymhwyso. Os na, byddant yn eu hanwybyddu ac yn defnyddio'r arddulliau sylfaenol hynny. Gellir gweld enghraifft syml o welliant cynyddol yn y CSS hwn:
.main-content {
cefndir: # 999;
cefndir: rgba (153,153,153, .75);
}
Mae'r arddull hon gyntaf yn gosod y cefndir i liw greyish. Mae'r ail reol yn defnyddio gwerthoedd lliw RGBA i osod lefel tryloywder. Os yw porwr yn cefnogi RGBA, bydd yn goresgyn yr arddull gyntaf gyda'r ail. Os nad ydyw, dim ond yr un cyntaf fydd yn cael ei chymhwyso. Rydych chi wedi gosod lliw gwaelodlin ac yna'n ychwanegu arddulliau ychwanegol ar gyfer porwyr mwy modern.
Defnyddio Ymholiadau Nodwedd
Ffordd arall y gallwch chi wneud cais am welliant blaengar yw defnyddio'r hyn a elwir yn "ymholiadau nodwedd". Mae'r rhain yn debyg i ymholiadau'r cyfryngau , sy'n ddarn hanfodol o ddyluniadau gwefan ymatebol . Er bod testunau'r ymholiadau cyfryngau ar gyfer meintiau sgrin penodol, bydd ymholiadau nodwedd yn gwirio i weld a yw nodwedd benodol yn cael ei gefnogi ai peidio. Y cystrawen y byddech chi'n ei ddefnyddio yw:
@supports (arddangos: hyblyg) {}Byddai unrhyw arddulliau ychwanegoch y tu mewn i'r rheol hon yn gweithio dim ond pe bai'r porwr hwnnw'n cefnogi "hyblyg", sef yr arddulliau ar gyfer Flexbox. Gallech osod un set o reolau i bawb ac yna defnyddio ymholiadau nodwedd i ychwanegu ychwanegol ar gyfer porwyr dewis yn unig.
Erthygl wreiddiol gan Jennifer Krynin. Golygwyd gan Jeremy Girard ar 12/13/16.