Määritelmä reagoiva web-suunnittelu

Vuosia sitten, kun tekniikka oli mitä se oli, oli vain huolissaan siitä, että sen tekemät visuaaliset asiat (kuvat, pelejä, sovellusrajapintoja, ...) näytti hyvältä näytöltä, joka voi olla noin 14 tuuman päässä monitori alkaen tietokone. Mutta evoluutio Se on ollut pysäyttämätöntä, ja meillä on tällä hetkellä monia laitteita ja formaatteja.

Tämä on tarkoittanut, että käyttöliittymän tai muun sisällön ei tarvitse enää käsitellä eri asioita kuvakoot, ellei laitteita, joita käytetään eri tavalla, ja kuvasuhteet eroavat erityisesti.

Verkko, 90-luvulla syntynyt edistysaskel, josta on siitä lähtien tullut välttämätöntä, on myös kokenut nämä muutokset alustan skenaariossa, josta voidaan käyttää, ja verkkostandardeja hallinnoivien tahojen on täytynyt valita nerokkaat ratkaisut helpottamaan käyttöliittymäkehittäjien elämää Verkko.

Reagoiva verkkosivu (kutsutaan myös nimellä reagoiva, alkuperäisen englanninkielisen sanan käyttöönotto) on sellainen, jonka käyttöliittymän kokoa muutetaan automaattisesti ja sen Graafiset elementit on sijoitettu uudelleen helpottamaan katselua missä tahansa näytön koossa ja kuvasuhteessa. ulkomuoto.

instagram story viewer

Ajattelemme monimuotoisuus näytön muodot vaihtelevat älypuhelimesta, jossa on 5 tuuman näyttö ja 18: 9-suhde, joka voidaan lukea pystysuoraan, 16: 9 40 tuuman televisioon, jolloin tietokone tai tabletti jää niiden väliin.

Kunnes käyttöliittymän luomiseen on ryhdytty kaavio verkkosivujen sopeutuu automaattisesti näyttöön, jolla sitä katsottiin "Ratkaisu" koostui kaikkien mahdollisten muotojen ennakoinnista ja eri sivujen tarjoamisesta tarvittaessa. Ongelmana olivat ne odottamattomat muodot ja ne, jotka tekniikan kehitys tarjosi luonnollisesti.

Työkalut reagoivan suunnittelun aikaansaamiseksi, joka sopeutuu kuvamuotoon, jossa kuvaa katsottiin. W3C (World Wide Web) asetti verkkosivuston riippumatta siitä, mikä tämä muoto ja näytön koko oli Konsortio).

Ja tämän tekniikan käyttöönotto oli mahdollista, koska sivujen sisältö erotettiin toisistaan esitys mainitun sisällön ja näyttää ja tuntuu sivua CSS-tyylin määritystiedostoilla.

Näiden avulla voit muokata kokonaisen verkkosivuston ulkomuotoa (ymmärrettynä sivuryhmänä) tarvitsematta koskea koodi kaikkien HTML - tiedostojen lähde, koska se eroaa tyylin ja esityksen määritelmistä (jotka sisältyvät tiedosto CSS) sisällöstä (löytyy HTML-tiedostoista).

Reagoivan suunnittelun elementteistä W3C on keskustellut ja esittänyt verkkostandardeissa 2000-luvun ensimmäisen vuosikymmenen lopusta lähtien.

Se on peräisin tuoda markkinoille ensimmäisestä iPhonesta vuonna 2006, jossa kilpailu vapautettiin verkkosivustojen mukauttamiseksi niin voidaan nähdä täydellisesti sekä työpöydän selaimissa ja suurilla näytöillä että laitteilla matkapuhelimet.

Fotolia-valokuvat: Alexey Shkitenkov / Bobb Klissourski