nan 2015, pou premye fwa nan istwa, plis U.. Konsomat¨ yo pral jwenn aks¨ nan ent¨n¨t la atrav¨ apar¨y mobil pase PC a. Sa vle di kaye, tabl¨t, smartphones, e menm PDA ap jenere plis trafik ent¨n¨t pase ²dinat¨ Desktop ak laptops. Sa vle di tou ke, pou yon majorite vas nan sit ent¨n¨t, yon solisyon yon s¨l-gwos¨ pa pral sifi. Ki sa ki konsomat¨ vle woulo orizontal w¨ kontni ki s²ti nan yon sit ent¨n¨t ki f¨t pou ²dinat¨ a Desktop? ˆske yon itilizat¨ mobil vle oswa ou bezwen w¨ grafik yo ki ralanti-loading ki anpeche eksperyans mobil lan? Non! Repons lan se repons sit ent¨n¨t reponn, kote se sit ent¨n¨t la f¨t yo pou yo reponn konp²tman itilizat¨ a ak anviw²nman ki baze sou gwos¨ ekran, platf²m, ak oryantasyon.
ak itilize a ogmante nan tabl¨t, smartphones, e menm ²dinat¨ portable; Devlop¨ dwe kont pou apar¨y miltip ak gwos¨ ekran l¨ desine sou sit ent¨n¨t oswa aplikasyon pou ent¨n¨t. Sitiyasyon sa a, sa pral lak²z nan pi long ak pi konpl¨ks desen men yo ka aplike olye grasyeu l¨ l s¨vi av¨k stylesheets estanda ak CSS3.
Gen de apw²ch yon pwomot¨ ka aplike yo vin pi reponn a anviw²nman itilizat¨ a. Premye a se yo kreye yon v¨syon miniaturized nan View nan Desktop pi gwo. Benefis nan opsyon sa a se ke itilizat¨ yo abitye Layout ak itilizat¨ koule nan. Nan l²t men an, Layout a Miniaturized pa gen dwa bay yon eksperyans benefisye si lyen yo, t¨ks, grafik, ak l²t eleman yo tw² piti rive byen kominike av¨k yo.
Yon apw²ch plis adaptasyon se yo kreye kouman miltip - yon laj¨ fiks pou ekran gwo ak mwayen ak larjer likid pou pi piti ekran. Nan pratik sa a vle di pa s¨lman dekale kol²n nan pi piti larjer, men tou, diminye kol²n - evanty¨lman montre tout kontni nan yon s¨l kol²n. Sa a se apw²ch la nou n²malman aplike isit la nan Teknoloji Segue.
tou de apw²ch yo aplike l¨ l s¨vi av¨k diferan styleheets. CSS 2. Prezante kons¨p nan kalite medya kote sit la ka rekon¨t anviw²nman an ak chaj yon stylesheet ki baze sou ki anviw²nman.
Amelyore sou kons¨p sa a, CSS3 te ajoute sij¨ rech¨ch la medya - yon met²d ki p¨m¨t devlop¨ sib pa s¨lman klas apar¨y s¨ten, men yo akty¨lman enspekte karakteristik fizik yo nan anviw²nman an anvan rann paj la. Devlop¨ ka chaje f¨y papye style div¨s kalite ki baze sou rech¨ch la medya oswa menm plis chanjman granulaire nan eleman HTML oswa CSS klas yo. Rech¨ch la gen de konpozan, eritaj 2. medya kalite a ak eleman nan medya ki gen yon karakteristik medya yo. Pou egzanp nan k²d sa a seksyon an nan parant¨z yo se rech¨ch la medya yo. Li tradui nan "si apar¨y la se nan yon pozisyon orizontal ak laj¨ a egal a oswa mwens pase 480px, L¨ sa a, chaje seg a. SS File ".
queries medya yo pa limite a loading dosye CSS; Medi queries kapab tou det¨mine karakt¨ nan eleman html espesifik oswa klas CSS. Pou egzanp si ou gen yon Layout ki gen twa kol²n nan yon gwo ekspozisyon; Yon rech¨ch medya ka reformat Layout a nan yon s¨l kol²n, ak kontni an par¨t v¨tikal. Pou kreye twa kol²n nou an montre nou ajoute yon klas nan stylesheet nou yo rele kadriyaj-3, li mete flote a: Left ak laj¨ a: 33%. Pou kouman ki pi piti, nou itilize yon rech¨ch medya yo mete laj¨ a: 100% Se konsa, kounye a kol²n yo chemine sou t¨t youn ak l²t.
atik sa a blog ekri pou moun ki vle aprann repons web reponn. Sa a pans k ke ou deja konnen ki jan yo s¨vi ak HTML / CSS. Si ou pa, tanpri premye tcheke pw²p atik blog nou an: M¨t HTML ak CSS nan 5-20 ¨dtan ak L¨ sa a, vizite atik sa a blog apre sa.
K²m ou pa gen dout byen okouran, moun ki gen aks¨ nan ent¨n¨t la nan apar¨y mobil yo pi plis ak plis ank². Nan mwa novanm 2016, li te vin ofisy¨l: atrav¨ lemond, moun yo te l¨ l s¨vi av¨k apar¨y mobil plis pase ²dinat¨ Desktop ale nan ent¨n¨t la.
pa jete laptop ou jis ank² menm si! Se pa etonan, nou itilize apar¨y diferan pou travay diferan. Yon telef²n ta ka gwo si ou vle tcheke imel ou, men ki gen travay pi konpl¨ks, moun ki pito ²dinat¨ Desktop yo.
Ki sa sa vle di pou nou k²m devlop¨? Nou bezwen f¨ sit nou aksesib a tout itilizat¨ yo, pa gen pwobl¨m ki apar¨y yo ka l¨ l s¨vi av¨k. Pa enkyete, sa a pa vle di ke ou gen f¨ v¨syon Customized nan sit ent¨n¨t ou pou chak apar¨y yo dey². Tout sa ou bezwen f¨ se f¨ sit ent¨n¨t ou reponn, l¨ sa a li pral gade bon pa gen pwobl¨m ki apar¨y itilizat¨ ou a gen.
Ann w¨ k¨k egzanp sou sit ent¨n¨t reponn. Vizite http: MediaQueri. s ak eksplore. Elaji fen¨t ou a gwos¨ maksim²m li yo, L¨ sa a, retresi li ak w¨ ki jan sit ent¨n¨t la ajiste. Ou kapab tou itilize opsyon nan m²d apar¨y ak zouti Enspekte Eleman ou a w¨ ki jan sit ent¨n¨t la ta gade sou telef²n diferan ak tabl¨t. Ou ap remake ke k²m Viewport a vin pi piti, karakteristik tankou Navbars ak bar pral dispar¨t. Yo ka chanje nan yon gout desann meni, demenaje ale rete nan pati anba a nan ekran an, oswa otreman deplase soti nan f¨ plas pou kontni ki pi enp²tan.
CSS s¨vi ak r¨g la medya yo detekte enf²masyon sou apar¨y la ke yo te itilize jwenn aks¨ nan sit ent¨n¨t la. Pou egzanp, li kapab itilize yo detekte gwos¨ a nan apar¨y la, kapasite li yo, ak oryantasyon li yo. Pou kou sa a, nou pral l¨ l s¨vi av¨k li yo detekte gwos¨ a apar¨y, men kenbe nan t¨t ou ke li se kapab nan pi plis.
Nou gen twa kategori debaz nan apar¨y: telef²n, tabl¨t, ak Bureau. Natir¨lman gen plis, men sa yo, se twa a gwo. Nou pral konsantre sou l¨ l s¨vi av¨k medya yo detekte ki kategori nan apar¨y yo te itilize ak reponn k²msadwa. Pou f¨ sa, nou pral bezwen konnen ki jan nou defini chak nan kategori sa yo.
Pou asire satisfaksyon kliyan, ou ta dwe bay atansyon a ux konsepsyon nan sit entènèt ou. Nou ki nan lis rezon ki fè konsepsyon ux enpòtan.