Toteuta responsiivinen design WordPressillä

Tällä hetkellä suosituin netin julkaisualusta on WordPress (markkinaosuus uusista sivustoista globaalisti lähes 25%). Sitä hyödynnetään sekä pienissä henkilökohtaisissa sivustoissa, blogeissa että todella suurissa media-alan sivustoissa. Tunnettuihin käyttäjiin kuuluvat esimerkiksi CNN, Harvard Business Review, Justin Timberlake, Rolling Stones ja Wall Street Journal. WordPressin voi ladata ilmaiseksi joko omalla koneella toimivalle tai palveluna ostetulle netissä toimivalle web-alustalle, jossa on käytettävissä PHP-tuki […] → Lue lisää… Toteuta responsiivinen design WordPressillä

Kuvat ja videot responsiivisella sivustolla

Nykykameroilla esitettävät kuvat ja videot skaalataan yleensä käsin tai automaattisesti kiinteälevyisille nettisivuille siten, että ne näkyvät kokonaan käytettävissä olevan sivun tai sen palstan leveydellä – käytännössä sivun leveys isollakin ruudulla on useimmiten vain 960 pikseliä ja palstoilla tätä selvästi vähemmän. Kuvia ja videoita voi toki erityisellä “lightbox”-laajennuksella esittää koko käytettävissä olevan ruudun kokoisena, jolloin nykypäivän paremmat kännykätkin […] → Lue lisää… Kuvat ja videot responsiivisella sivustolla

Navigoinnin ratkaisut responsiivisella sivustolla

Responsiivisen web-sivuston toinen haaste on yhtenäisen käyttäjäkokemuksen tarjoava ja helppo navigointi erikokoisilla sivuilla ja teknisesti eri tavoin toimivilla laitteilla. Navigoinnin haasteet tulevat kahta kautta: ensinnäkin suurten valikkorakenteiden sovituksesta pienille näytöille ja toiseksi siksi, että kosketusnäyttöisillä laitteilla ei ole hiirikäyttöisen tietokoneen tapaan ruudulla näkyvää hiiriosoitinta, jota voi siirtää eri elementtien päälle ja mennä valikoissa hierarkkisesti alaspäin. Lähestymistapa responsiivisilla sivuilla edellyttää […] → Lue lisää… Navigoinnin ratkaisut responsiivisella sivustolla

Responsiivisen web-sivuston perusta: joustavan perusrakenteen tarjoava “grid”

Lähtökohtana responsiivisen sivuston suunnittelussa on yksi ainoa sisältö ja sen käyttämiseksi yksi joustavasti laitteiden ja näyttökokojen mukaan muuntuva ja siten dynaaminen ulkoasu. Tässä jutussa vähän responsiivisen web-sivuston tärkeimmästä osasta, perustana toimivasta responsiivisesta “gridistä”. Perustana responsiivinen grid Miten varmistetaan, että sivuston sisältö näkyy hyvin sekä isoimmilla näytöillä että pienillä mobiililaitteilla? Tärkein vastaus tähän on näyttökoon ja laitteen […] → Lue lisää… Responsiivisen web-sivuston perusta: joustavan perusrakenteen tarjoava “grid”

Mitä on responsiivinen web design?

Viimeisen kymmenen vuoden aikana markkinoille on tullut runsaasti erilaisia laitteita nettisisältöjen lukemiseen ja katseluun – älypuhelimia, tabletteja ja erilaisia kannettavia tietokoneita. Samaan aikaan kun monien ammattilaisten päivittäin käyttämien työasemien näyttökoot ovat kasvaneet yhä suuremmiksi ja erilaisten nettiselainten kirjo ovat tehneet yhtenäisen sisällön ja käyttäjäkokemuksen jakamisen kaikille käyttäjille yhä haastavammiksi. Muutokseen liittyy myös hiiren ja näppäimistön […] → Lue lisää… Mitä on responsiivinen web design?

Juttusarja responsiivisesta designista alkaa

Olen viimeiset pari vuotta ollut IT-mielessä tekemisissä oikeastaan vain web-sivustojen ja niihin liittyvien blogien kanssa, toteuttaen omia designejani ihan vain oppimismielessä. Toki taustalla on parikymmentä vuotta erilaisten internetiin liittyvien ratkaisujen konsultoinnissa ja toteutuksessa. Avainkysymys on lopulta kuitenkin käyttäjä, joka voi käyttää tiettyä netin palvelua tilanteestaan riippuen yhtä paljon älypuhelimella, tabletilla tai työpaikan kiinteällä pöytäkoneella. Yhtenäinen […] → Lue lisää… Juttusarja responsiivisesta designista alkaa