Vinkki: Värit webissä
Miten hyvin osaat määrittää haluamasi värin webbisivulle? Aiemmin värien määrittelyyn CSS arvoissa käytettiin ainoastaan HEX koodattua RGB arvoa; arvoa, jossa punaisen (R), vihreän (G) ja sinisen (B) arvo annettiin välillä 0 – F. Koska RGB värit muodostetaan valolla, on väri sitä tummempi mitä vähemmän valoa ja kirkkaampi mitä enemmän valoa annetaan. Siten #000 tarkoittaa mustaa […]
Vinkki: Chromen – laajennokset ja ohjelmat
Google Chrome on Suomen eniten käytetty selain. Tiesitkö tai muistitko, että siihen on saatavilla suuri määrä laajennoksia ja selaimessa toimivia sovelluksia? Laajennoksia ja sovelluksia on sekä viihde että hyötykäyttöön. Paljon hyödyllisiä, hauskoja tai turhia, ihan jokaisen omasta näkökulmasta riippuen. Valitse kirjanmerkkipalkista Apps / Web Store. Ja sitten vain ryhdyt selaamaan tarjontaa. Olen asentanut käytänkin aktiivisesti […]
Vinkki: Suunnittele responsiivisen sivuston rautalankamalli Reflow:lla
Adobe Reflow on responsiivisten layuouttien suunnitteluun tarkoitettu sovellus. Reflow tuottaa sivun html ja CSS-koodin kaikkine responsiivisine ominaisuuksineen. Reflown tuottama lähdekoodi ei ehkä ole kaikkien koodereiden mieleen mutta kuitenkin erittäin hyvä lähtökohta toteutukselle ja ellei muuta niin sen avulla voidaan laatia toimiva malli sivuston responsiivisen asemoinnin testaamiseksi.
Vinkki: Responsiivisia taulukoita
Taulukot ovat hankalia kun näytön koko käy pieneksi. Ongelma, joka on mahdoton ratkaista skaalaamalla taulukkoa sillä kun tila loppuu, niin se loppuu. Täytyy keksiä jotain muuta taulukon muotoilemiseksi tai datan esittämiseksi pienessä tilassa. Vaihtoehto voisi olla esimerkiksi näyttää taulukon sijaan vastaavaa dataa infograafina. Olipa ratkaisu mikä tahansa, vaatii se toteutukselta sekä suunnittelua että teknistä ratkaisua.
Vinkki: Typografia webissä
Selaimet ovat jo hyvän aikaa osanneet hyödyntää verkosta ladattavia kirjasimia, joten enää ei verkkosivujen suunnittelussa tarvitse tyytyä pelkästään ns. ”websafe” kirjasimiin. Webbifontteja voi ja kannattaa käyttää. Typografia on tärkeä osa designia. Mistä web-fontteja Adobe CC käyttäjille on tarjolla sopimukseen kuuluva Typekit palvelu, joka sisältää erittäin laajan joukon korkealaatuisia kirjasimia. Typekit tarjontaan voi tutustua osoitteessa https://typekit.com/ […]
Vinkki: Sivuston nopeustuunausta Google PageSpeed avulla
Google PageSpeed sivustotestit Sivuston nopeus on monen tekijän summa ja yhä merkittävämpi käyttökokemuksen sekä hakukoneoptimoinnin kannalta. Google arvottaa nopeasti latautuvat sivut paremmin kuin hitaat. Vinkkejä oman sivuston tehostamiseen saa käyttämällä testaustyökaluja tai -palveluita. Yleisin lienee ehkäpä Googlen PageSpeed. Muita on mm. Yahoon Yslow tai GTmetrix.com. Periaatteet sivuston nopeuttamiseksi ovat kuitenkin aina samat. Tekijöitä, joihin pitäisi kiinnittää […]