Kesäkampanjamme on jälleen käynnistynyt

Saat hintaetua 4.6.-16.8. runsaasta kurssivalikoimasta – tutustu tarkemmin ehtoihin ja kursseihin täältä!

Järjestämme 26.9. suositun Saminarium -tietoturvaseminaarin, ilmoittaudu kesäkuussa ja saat seminaarista early bird -ilmoittautujan edun!

Search

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ää […]