Retumiloj estis ĉirkaŭe tiom longe kiel retejoj havas. Fakte, retumiloj estas esenca ingredienco en la sperto aŭ homoj, kiuj vidas vian retejon - sed ne ĉiuj foliumiloj estas kreitaj egale. Ĝi estas tute ebla (kaj efektive sufiĉe verŝajne) havi klientojn vidante viajn retpaĝojn en retumiloj, kiuj estas ekstreme malnovaj kaj mankas la karakterizaĵoj, kiuj troviĝas en pli modernaj foliumiloj. Ĉi tio povas prezenti gravajn problemojn, kiel vi strebas evoluigi retejojn, kiuj utiligas la plej lastajn progresojn en la dezajno kaj disvolviĝo de la retejo . Se iu venas al via retejo per unu el tiuj antikvaj retumiloj, kaj viaj plej novaj progresintaj teknikoj ne funkcias por ili, vi povus liveri malriĉan sperton ĝenerale. Progresema plibonigo estas strategio pri uzado de retpaĝaj desegnoj por diversaj retumiloj, nome tiuj malnovaj foliumiloj, kiuj malhavas de moderna subteno.
Progresema plibonigo estas maniero de desegni retpaĝojn por ke la pli prezentaj agentoj de uzanto agas, kiom pli da servoj la retejo havas. Ĝi estas malo de la dezajno strategio konata kiel gracia degradado . Tiu strategio konstruas paĝojn por la plej modernaj retumiloj unue kaj poste certigas, ke ili ankaŭ funkcias sufiĉe bone kun malpli funkciaj retumiloj - ke la sperto "degradas gracie". Progresema plibonigo komenciĝas kun la malpli kapablaj retumiloj unue kaj konstruas sperton de tie.
Kiel Uzi Progressive Improvement
Kiam vi kreas dezajnon retejo uzante progresivan pliboniĝon, la unua afero vi faros estas krei dezajnon, kiu funkcias por la plej malalta komuna nomilo de retumiloj. Ĉe ĝia kerno, progresema plibonigo diras, ke via enhavo devus esti disponebla por ĉiuj retumiloj, ne nur sub-aro. Tial vi komencas per subtenado de tiuj malnovaj, malnovaj kaj malpli kapablaj retumiloj. Se vi kreas retejon, kiu funkcias bone Por ili, vi scias, ke vi kreis bazan linion, kiu devus liveri almenaŭ uzeblan sperton al ĉiuj vizitantoj.
Kiam vi komencas unue kun la plej kapablaj retumiloj, vi volas certigi, ke via tuta HTML estu valida kaj semantike korekta. Ĉi tio helpos certigi, ke la plej larĝa vario de uzantoj povas vidi la paĝon kaj montri ĝin precize.
Memoru, ke vidaj stiloj kaj bildoj de ĝenerala paĝo aldonas per ekstera stilo . Ĉi tio vere estas, kie la progresiva plibonigo okazas. Vi uzas la stilfolion por krei lokan desegnon, kiu funkcias por ĉiuj vizitantoj. Vi povas aldoni aldonajn stilojn por plibonigi la paĝon, kiam la agentoj de uzantoj gajnas funkciojn. Ĉiuj ricevas la bazajn stilojn, sed por iuj novaĵoj retumiloj, kiuj povas subteni la pli progresintajn kaj pli modernajn stilojn, ili ricevas iom da kromaĵoj. Vi "progresive plibonigas" la paĝon por retumiloj, kiuj povas subteni tiujn stilojn.
Estas kelkaj manieroj, ke vi povas apliki progresivan pliboniĝon. Unue, vi devus konsideri, kion retumilo faras, se ĝi ne komprenas linion de CSS - ĝi ignoras ĝin! Ĉi tio fakte funkcias al via favoro. Se vi kreas bazlinion de stiloj, kiujn ĉiuj foliumiloj komprenas, vi povas aldoni aldonajn stilojn por novaj retumiloj. Se ili subtenas la stilojn, ili apliki ilin. Se ne, ili ignoros ilin kaj nur uzos tiujn bazajn stilojn. Simpla ekzemplo de progresiva plibonigo povas esti vidita en ĉi tiu CSS:
.main-enhavo {
fono: # 999;
fono: rgba (153,153,153, .75);
}
Ĉi tiu stilo unue fiksas grizan koloron. La dua regulo uzas valorojn de RGBA por agordi nivelon de travidebleco. Se retumilo subtenas RGBA, ĝi anstataŭos la unuan stilon kun la dua. Se ĝi ne faras, nur la unua oni aplikos. Vi starigis bazlinion kaj poste aldonis kromajn stilojn por pli modernaj foliumiloj.
Uzante Feature Pridemandojn
Alia maniero, kiun vi povas apliki progresivan pliboniĝon, estas uzi kion oni konas kiel "trajtaj demandoj". Ĉi tiuj estas similaj al amaskomunikiloj , kiuj estas esenca peco de respondemaj retejaj dezajnoj . Dum amaskomunikiloj konsultas tekston por certaj ekranaj grandecoj, trajtaj demandoj kontrolos, ĉu certa funkcio estas subtenata aŭ ne. La sintakso vi uzus estas:
@supports (montriĝo: flex) {}Ajna stiloj, kiujn vi aldonis en ĉi tiu regulo, funkcios nur se tiu retumilo apogis "fleksebla", kiu estas la stiloj por Flexbox. Vi povus agordi unu aron de reguloj por ĉiuj kaj tiam uzu trajtajn demandojn por aldoni kromajn por elektitaj retumiloj nur.
Originala artikolo de Jennifer Krynin. Redaktita de Jeremy Girard la 12/13/16.