Avainsana-arkisto: HTML

Mobiili-Chromen teemaväreillä persoonallisempaa ilmettä kotisivulle

Googlen Android 5.0 Lollipop -mobiilikäyttöjärjestelmä ja yhtiön Chrome 39 -verkkoselain toivat  mukanaan ominaisuuden, jonka avulla omaa sivustoa on helppo personoida muuttamalla selaimen yläpalkin väritystä. Tämä onnistuu erittäin helposti lisäämällä verkkosivuston head-elementin (<head></head>) sisään  uusi ”theme-color” -meta-tagi. Uusi meta-tagi kannattaa ehdottomasti ottaa käyttöön, sillä se on yksinkertainen tapa antaa esimerkiksi omalle blogille omaleimainen väritys sekä tukea näin Googlen Lollipop-käyttöjärjestelmän Material Design -suunnittelufilosofiaa, jossa kerrokset ja värit näyttelevät tärkeää roolia.

Lue loppuun

Lisää kotisivullesi Android-laitteita tukeva ikoni

Kirjoitin aikaisemmin tänään ohjeet web-ikonin lisäämiseen Applen iOS-pohjaisia mobiililaitteita varten. Kyseessä on siis ikoni, joka näkyy käyttäjälle muun muassa silloin, kun verkkosivusto lisätään kotinäkymään pikakuvakkeeksi. Pian jutun julkaisun jälkeen ryhdyin miettimään, että Androidin puolella täytyy olla vastaavanlainen ratkaisu, ja niinhän siellä onkin!

Googlen kehittämä Chrome-selain on vakiinnuttanut asemansa myös Android-laitteiden verkkoselaimena. Se antaa Applen Safarin tavoin mahdollisuuden lisätä verkkosivustoja kotinäkymään, jolloin omiin suosikkisivuihin pääsee käsiksi mahdollisimman nopeasti. Niinpä myös tähän tarkoitukseen kannattaa muokata kuvankäsittelyohjelmalla sopiva ikoni.

Lue loppuun

Näin luot kotisivullesi web-ikonit Applen iPhonelle ja iPadille

Pientä vinkkiä pukkaa oman verkkosivuston ylläpitäjille. Väsäsin tässä itse muutama viikko sitten Photoshopilla sopivat kuvakkeet, jotka näkyvät Applen mobiililaitteiden käyttäjille. Kuvake näkyy muun muassa Safarin kirjanmerkkivalikossa sekä silloin, kun käyttäjä lisää blogini suoraan kotinäkymään. Kyseessä yksinkertainen kikka, jolla voi viimeistellä muuten valmista kokonaisuutta ja tuoda mukaan tiettyä ammattimaisuutta.

Lue loppuun