Kuvaformaatit verkkosivuilla
Päivitetty 5.10.2021 Tämä kyseinen artikkeli on näkynyt verkkosivustomme tilastoinnissa varsin suosittuna ja edelleenkin sitä luetaan. Päivitin alkuperäisen artikkelin, joka oli tätä kirjoitettaessa jo 4v 8kk vanha mutta edelleen sekä aihe, että sisältö ajankohtainen. On siis syytä palata aiheeseen ja päivittää artikkelin sisältöä. Viisi vuotta webin tekniikoissa on pitkä aika ja siinä on ehtinyt tapahtua yhtä […]
Verkkosivujen saavutettavuudesta
Verkosivujen saavutettavuus on tärkeää Verkkosivujen saavutttavuudella (web accessibility) tarkoitetaan verkkosivujen toteuttamista tavalla, jolla sisältö on kaikkien käyttäjien saavutettavissa käyttäjän mahdollisista rajoitteista huolimatta. Yleisesti rajoitteilla tarkoitetaan fyysisiä haittoja kuten näkö, kuulo, motoriikka tai kognitiiviset rajoitteet. Käyttäjä voi olla täysin sokea tai näkökyky on voimakkaasti heikentynyt. Ongelma voi olla myös vähäisempi esimerkiksi kyky erottaa värejä on alentunut. […]
Niksi: Arkit (Artboards) Photoshopissa
Jo muutama päivityssykli sitten Photoshopiin tuli merkittävä uusi konsepti, Artboard, eli arkki. Näitä voisi lähinnä verrata Illustratorin arkkeihin, Photoshopissa arkit kuitenkin toimivat luonteeltaan jonkin verran eri lailla. Arkkien myötä Photoshopin käyttö muistuttaa tietyissä tilanteissa enemmän taitto-ohjelmaa. Arkkien käyttö Photoshopissa Luotaessa uutta dokumenttipohjaa, on valintaikkunaan ilmestynyt valintaruutu ”Artboards”- joka esim. web-oletusasetuksissa on valmiiksi päällä. Esimerkissä lähdetään […]
Niksi: Näin etsit fontin pikselikuvasta Photoshopilla
Löydä kirjasinmuotoilu pikselikuvasta – Photoshop avuksi? Photoshop- koulutuksessani oli asiakkaallani ongelma; edellinen työntekijä oli tehnyt Photoshopilla tarrapohjan, johon oli tarve tehdä tekstimuutos. Pohjassa oli huomioteksti johon käytettyä fonttia ei ollut enää tiedossa. Tarve oli muuttaa tekstisisältöä, mutta käyttää samaa, tai hyvin saman henkistä kirjasinmuotoilua. Olin ensin ohjaamassa häntä netissä toimivien tai älypuhelimeen asennettavien fontintunnistussivustojen tai […]
HTML-taulukot mobiilissa
Taulukot ovat ongelmallisia mobiilissa, sillä skaalaamalla tapahtuva koon pienentäminen on mahdollista vain rajallisesti. Skaalattaessa taulukkoa riittävästi tulee sarakkeista liian kapeita sisältöönsä nähden, eikä kirjasinkokoakaan voi pienentää rajattomasti, sillä luettavuus käy mahdottomaksi. Suuren taulukon pienentäminen mobiilinäytölle on mahdotonta jos halutaan säilyttää taulukko edes jotenkin luettavassa muodossa. Ratkaisu on muuttaa taulukon datan esitysmuotoa tai rakennetta toisenlaiseksi pieniä näyttöjä […]
Suojattu https yhteys käyttöön sivustolle
Kirjoitin elokuussa 2015 siitä kuinka siirsin Corellian verkkosivuston käyttämään pelkästään suojattua https: -protokollaa kaikessa liikennöinnissä (https käyttöön Corellian sivustolla) . Nyt on aika palata aiheeseen. Ellei teillä ole https-yhteys käytössä olisi aika harkita asiaa uudelleen. Suojatun yhteyden merkitys kun on entistä suurempi ja se tulee aina vain tärkeämmäksi. Miksi suojattu https –yhteys on tärkeää Luettelen […]
Lisäturvaa WordPress sisäänkirjautumiseen
WordPress on turvallinen julkaisujärjestelmä ja usein tietoturvan heikoin lenkki on käyttäjä itse. Järjestelmästä mahdollisesti löytyvät tietoturva-aukot ja -uhat korjataan nopeasti ja järjestelmän jatkuva ajantasaisuus pitääkin sivuston suhteellisen turvallisena. Jatkuvat päivitykset ovat tärkeitä mutta nekään eivät pelasta käyttäjän virheiltä. Sisäänkirjautumisen vahvistaminen Heikoilla salasanoilla ei juuri ole vaikutusta murtautujiin. WordPress oletuksena edellyttääkin käyttäjiltä vahvoja salasanoja eikä sitä […]
Wordcamp 2016 Finland tapahtuma
Suomen toinen Wordcamp tapahtuma pidettiin Helsingissä 15 – 16.4.2016. Edellinen pidettiin noin vuosi sitten Tampereella. Tapahtuman ensimmäinen päivä on suunnattu suuremmalle yleisölle ja jälkimmäinen päivä enemmän osallistuville ns. Contributor day sekä workshop-tyyppisiä tilaisuuksia.
WordPress 4.4 ja responsiiviset kuvat
WordPress päivittyi 8.12.2015 versioon 4.4. Tässä versiossa on kaksi uutta ominaisuutta, jotka eivät erityisesti näy käyttäjille mutta jotka ovat paljon paljon merkittävämpiä kuin moni osaa edes kuvitella. Nämä ominaisuudet ovat responsiiviset kuvat ja REST API -infrastruktuuri.
Adobe Edge tuotteet ja palvelut poistuvat
Adobe ilmoitti blogissaan 30.11.2015 lopettavansa Edge tuoteperheen tuotteiden ja palveluiden kehittämisen. http://blogs.adobe.com/creativecloud/update-about-edge-tools-and-services/ Alusta pitäen oli tiedossa, että Edge on uusien tekniikoiden kokeilualusta tai uusien sovellusten testialue. Edge tuotteina voitiin testata uuden sovelluksen konseptia sekä teknologiaa antamalla tekniikka tai sovellus käyttäjille. Testitulosten perusteella Edge tuotteista voi tulla omia sovelluksia tai niiden ominaisuudet liitetään Adoben ”valtavirtatuotteisiin”. Nyt tämä […]
Suojattu https -yhteys käyttöön Corellian sivustolla
Corellia on siirtänyt koko sivustonsa käyttämään suojattua https -protokollaa. Tällä pyrimme osoittamaan parempaa luotettavuutta asiakkaitamme kohtaan. Samassa yhteydessä siirsimme sivustomme WordPress sivustojen hostaukseen erikoistuneen palveluntarjoajan, wp-palvelu.fi, alaisuuteen. Googlen support sivulla on hyvä tiivistelmä siitä mitä https yhteys tarkoittaa. Sen mukaan suojatun yhteyden käyttö tarjoaa kolme tärkeää suojaustasoa. Salaus – välitettyjen tietojen salaaminen niiden suojaamiseksi luvattomilta […]
Responsive Design on entistä tärkeämpää
Edellispäivänä, tiistaina 21.4.2015, koitti pieni maailmanloppu Googlen hakukonenäkyvyydessä verkkosivuille, jotka eivät ole responsiivisia. Google on alkanut painottaa Responsiviisen toteutuksen merkitystä omissa hakualgoritmeissaan ja oman ilmoituksensa mukaan se alkaa ”rankaisemaan” ei-responsiivisia sivustoja sijoittamalla ne mobiilihauissa huonommin kuin responsiivisesti toteutetut sivut.