Cross-browser opmaak, "lûkt" de sykmasines

As de skepen site is wichtich yn termen fan syn effektiviteit is in cross-browser kieze. Wat is it? Hoe't it kin dien wurde? Hokker falkûlen binne der?

Wat is cross-browser opmaak?

Html / css - is de basis foar it meitsjen fan in side. In soad webmasters binne geskikt foar dizze neffens it prinsipe: Ik fiel goede - en dat is genôch. En hoe frustrating is as jo komme út jo webblêder of mobile apparaat, en de side net werjaan goed. Yn sokke gefallen, de help komt adaptieve design en yndieling cross-browser.

Css en html omheech yn dit gefal, de rêchbonke, troch dêr't alles útfierd. Yn guon gefallen, foar dit doel meie wurde belutsen by JavaScript. Mar it úteinlike doel is itselde - om der wis fan dat alles wurke op ferskillende ferzjes. Dêrom, as jo wolle soargje cross-browser Kompatibilität, sadat de site wurdt goed werjûn yn alle browsers, is it nedich om tinke al de tiid, út it earste momint fan it wurk op 'e site.

Walkthrough yn it algemien

Sa, lit ús ris nei hoe't meitsje cross-browser kieze. Yn earste ynstânsje moat bepale hokker programma 's sille wurkje site. Tink derom dat it oantal webblêders ticht nei twa hûndert, dus besykje te behagen elkenien - it is in ûnwierskynlike kompleksiteit. Dêrom, kies in oantal fan 3 oant 8. Om bepale wat te rjochtsjen, kinne jo brûke en stipe tsjinsten lykas Yandex Metrika en Google Analytics. Dêrnei moatte jo útfine hoe't it probleem wurdt oplost te berikken cross-browser.

In soad minsken dogge harren Banking op khaki. Dizze spesjale koades, selectors en regels, dy't begrypt mar in bepaalde blêder. Mar, jûn, dat jimme hawwe to skriuwen op syn minst in pear tsientallen Inserts foar ferskillende browsers en blêder ferzjes, in soad smyt sa'n oanpak fanwege syn hege kosten, de duer en ûnferstannich. Guon betrouwe op it brûken fan dy items, dêr't wurde werjûn op deselde wize. Mar tagelyk faak it ferlear in oantal wichtige foardielen. Om beheinen ferliezen, mei help fan mear parallel en adaptieve design. Wat is it?

Responsive design

Dizze oanpak fan 'e ynrjochting fan' e webside, dêr't it plak is in rubber, dat is, hat dy oanpasse oan ferskillende skerm maten en browsers. Dêrby moat opmurken wurde dat adaptieve design en cross-browser Kompatibilität binne nau ferweve, en as se prate oer ien ding, dat meastal ymplisearret de twadde. Litte we ris op in flugge foarbyld.

Der binne inkele browsers, lykas Opera en Opera Mini. на мобильных телефонах. Earst brûkt op buroblêd kompjûters, en de twadde - on mobile tillefoans. Yn it algemien se gelyk binne, mar hawwe in oantal funksjes. Yn sokke gefallen is it wichtich om te ferbine de yndividuele triemmen en / of it brûken fan media queries. Wat is it? Yn it earste gefal, dan ûntstiet in apart triem, dy't derop rjochte te wurkjen spesifike blêder, en registrearret harren útdaging. Yn it twadde gefal, moatte jo triem mei media queries. At jo programma foldocht oan de spesifike easken fan 'e laden triem yn de winske konfiguraasje.

Wat moat ik dwaan?

Ynearsten, wy moatte betinke dat doe wurke mei html, cross-browser opmaak fereasket spesjaal omtinken. Dêrom, jimme moatte brûke it maksimum mooglikheid fan cascadearjende stylblêden foar in gruttere effisjinsje. Tagelyk ek moatte feroarje guon wizen fan wurkjen. Safolle sûnder ûnderfining minsken as se wize op de grutte fan eat, gebrûk pixels - px. Tink oan it foarbyld fan in grutte ynskripsje header, dy't siert de boppekant fan de side.

Sy width waard set mei in rinte fan 800rh. Op it skerm yn 1600rh is sil hiel oantreklik. Mar op 700rh dan sil sjen bespotlik. Wat te dwaan yn dit gefal? Jo kinne net opjaan de grutte yn piksels, en it persintaazje! En hâld it opskrift sil net in fêste lingte, en de helte fan de breedte fan it skerm. It persintaazje kin ynsteld wurde en de ôfstân op hokker in spesifyk elemint wurdt pleatst op de rânen fan it skerm. Mar hjir is wat te dwaan as it skerm is te lyts?

Stel, it is 300 pixels? Yn dit gefal, wy sille helpe media query dat moat fixing register breedte. En as it is gelyk oan 700rh en minder, is it mooglik om te stellen dat it teken sil besette 75% fan de sitten. En as de breedte is lyk oan 300 piksels of minder, is it mooglik om te bleat en 100%. It hiele ûnderwerp is tige nijsgjirrich en nuttich, dus it kin bestudearre wurde yn grutte detail. Mar, och, is der ynformaasje oer it boek, en sette alles yn it artikel sil net wurkje.

Wêrom Adaptive cross-browser opmaak lûkt de sykmasines?

En it antwurd is hiel simpel: omdat it docht bliken dat ûntwikkelders folgje de site en meitsje it sa noflik mooglik foar syn brûkers. Dat betsjut dat sokke minsken kinne wurde stimulearre troch jaan harren hegere posysjes yn de sykmasines. Fansels, jo side sil net direkt werjûn oan de boppekant-1, mar yn gearhing mei oare faktoaren, dit bin heechlik opstean. Dêrby moat opmurken wurde dat dit net allinnich nutteleas eask, mar eat dat fertsjinne safolle omtinken jûn oan.

Ommers, gewoan tinke: wat is de brûker doe't er krijt op in side dy't net hiel noflik yn ferskining? Mar it kin komme te leauwe dat de sykmasine biedt in lege kwaliteit ynhâld! Dêrom, se binne selektearre sekuer sa sites trochhinne bleddere moatte wurde oanbean. Neist dat der is ek it foardiel webmasters omdat se wekken hege-kwaliteit shell foar ynhâld, dêr't minsken sille wêze kinne om te krijen it nedich ynformaasje fan eltse hardware: kompjûter, laptop, tablet, smartphone of mobile telefoan. Accordingly, de mear tefreden besikers, hoe mear fluch groeiende site en it nivo fan ynkomsten.

konklúzje

It is ûnmooglik net te merken it beskieden feit dat de skepping fan 'e cross-browser site mei responsive design - it is net maklik, in tige lang en laborious. Dêrom is it nedich te wêzen geduldich en ûnthâlde dat tucht - it is in grut ding! Miskien wat sil yn earste ynstânsje gean mis, mar wy moatte besykje te sykjen foar ynformaasje, brûk ferskillende oanpak en net har werom te lûken. En dan wêze wis te krijen meitsje in webside, dat sil wêze wille om te sjen nei har besikers.