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ä

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

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

Uusi ulkoasu, toimii erikokoisilla kuvaruuduilla

Päivitin juuri näiden Bisnes & IT -sivujen ulkoasua hieman, minkä taustalla on ollut pyrkimys saada sivut toimimaan edes kohtuullisen hyvin isojen kuvaruutujen lisäksi uusilla mobiililaitteilla. Käytännössä tällainen sivuston toteutustapa määritellään ‘responsiiviseksi’ eli sivujen leveys muuttuu, kun selaimessa näkyvä pikselimäärä pienenee sivusuunnassa. Tätä voit itsekin kokeilla pienentämällä selaimesi kokoa tai katsomalla näitä sivuja esimerkiksi älypuhelimella. Responsiivisia (vasteellisia?) […] → Lue lisää… Uusi ulkoasu, toimii erikokoisilla kuvaruuduilla