Vastuuhenkilö: Responsiivinen verkkosivujen esikatselu eri laitteille

Responsiivinen web-suunnittelu on raivoa nykyään, etenkin koska HTML 5 ja CSS 3 ovat saaneet suosiota. Responsiivisen suunnittelun avulla suunnittelet sivustosi periaatteessa kaikille alustoille ja päätöslauselmille sekä verkkosivusto skaalautuu automaattisesti rikkomatta mallia näytön selaimen leveyden mukaan laite. Siksi, kun rakennetaan reagoivaa verkkosivustoa, on testattava perusteellisesti suunnittelun joustavuus useilla suosituilla näytön resoluutioilla. Responsinator on yksinkertainen verkkopalvelu, joka antaa sinulle esikatselun reagoivasta verkkosivustostasi laajalti käytettyjen laitteiden monien suosittujen näyttöresoluutioiden avulla.

Responsinatorin taustalla oleva käsite on yksinkertainen: tee yksi asia ja tee se hyvin. Vieraillessasi sivustolla, sinulle esitetään suoraviivainen, tyylikäs käyttöliittymä, joka sisältää useiden laitteiden kehyksiä pystysuunnassa, alkaen iPhonesta, siirtyminen pariin Android-resoluutiota, iPadiin ja lopulta pysähdys Kindlelle kattamaan paljon siellä olevia suosittuja laitteita sekä muotokuva- että maisemakuvauksena tiloissa.

Oletuksena nämä kehykset ovat tyhjiä. Sinun on kirjoitettava sivun URL-osoite, jota haluat esikatsella, vasempaan yläkulmaan olevaan tekstiruutuun ja painettava GO. Sitten Responsinator tekee taikuutensa, osoittaen kuinka sivustosi näyttää kaikilla näillä alustoilla ja tulokset ovat melko vaikuttavia.

Testauksissamme käytimme erinomaista web-suunnitteluresurssisivustoa SmashingMagazine jolla on tappajaan reagoiva muotoilu. Kuten odotettiin, kaikki kehykset osoittivat sivuston vakuuttavasti samalla tavalla kuin se näytettiin oikeilla testilaitteillamme. (Napsauta yllä olevaa kuvaa nähdäksesi täyden version).

Siellä on myös kätevä Vastuuhenkilön kirjanmerkki (tarjottu heidän tietoja sivusta) useimmille moderneille selaimille, joita voit vetää ja pudottaa kirjanmerkkityökalurivilläsi. Kun olet lisännyt sen sinne, siirry vain selaamaan verkkosivustoja kuten normaalisti ja napsauta kirjanmerkkejä milloin haluat testata sivuston suunnittelun reagoivuus, avata se automaattisesti The-sivustossa Responsinator.

Yhteenvetona voidaan todeta, että vaikka se ei ehkä näytä tarkkaa sopivuutta kaikille laitteille, The Responsinator on ehdottomasti kätevä työkalu Web-kehittäjille, jotta he saavat nopean huippunsa siitä, kuinka heidän sivustonsa näkyvät mobiililaitteissa, samalla kun rakennetaan reagoivasta suunnittelusta periaatteita.

Käy Responsinatorissa