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: Nopeaa kuvankäsittelyä Adobe Camera Raw modulilla
Nopeaa kuvankäsittelyä Adobe Camera Raw modulilla Adobe Camera Raw – moduuli on alun perin tehty kameramerkki- ja mallikohtaisten RAW tiedostojen muokkaukseen. Jo useamman Photoshop version ajan sillä on kuitenkin ollut mahdollista käsitellä myös Jpeg ja Tiff tiedostoja. Tästä on paljonkin potentiaalista hyötyä mutta koska tämä(kin) toiminto pitää erikseen tietää ja löytää monikaan ei sitä hyödynnä. […]
Vinkki: Liekkejä Photoshopilla
Photoshop – aivan liekeissä! Photoshopin uusimmassa CC versiossa on muutama metka uusi filtteri joista tässä vinkissä käsittelemme automaattisen liekkien generointisuotimen. Suotimen avulla voi helposti tehdä luonnollisen näköisiä liekkejä Photoshop-tiedostoon. Vinkki on julkaistu ensimmäisen kerran Julkaisija-lehden vinkki palstalla. Tutustu Julkaisijaan: www.julkaisija.fi Filter-Render – Flame! Voidaksemme tehdä liekkien renderöinnin meidän pitää ensi piirtää polku (path) jollakin Photoshopin […]
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ää […]
Vinkki: älykkäät suotimet Photoshopissa
Vinkki on ensimmäisen kerran julkaistu Julkaisja-lehden vinkkipalstalla. Tutustu lehteen www.julkaisija.fi Vaikka ns- Älykkäät Suotimet (Smart Filters) tulivat Photoshopiin jo muutama versionumero sitten eivät kaikki ole vielä huomanneet ottaa niitä käyttöön. Aiemminhan kun käytettiin suotimia Photoshopissa niin Enterin painalluksen jälkeen pikseli-informaatio laskettiin uusiksi ja ainut tapa mennä taaksepäin oli peru-komento. Älykkäiden suotimien idea on että suotimen […]
Vinkki: QR-koodit InDesignilla
InDesignin uusimmassa Creative Cloud versiossa (CC) julkistettiin kätevä pieni toiminto jolla saadaan luotua QR-koodit suoraan InDesignissa. QR-koodihan on viivakoodin tyyppistä grafiikkaa joka on tarkoitettu luettavaksi esim. älypuhelimen kameraa hyväksi käyttäen. QR-koodin lukuohjelmalla koodi sitten luetaan ja koodiin ”kätketty” toiminto käynnistyy. Koodi voi viedä nettiosoitteeseen , käynnistää sähköpostiohjelman, ohjata lähettämään tekstiviesti tms. Vinkissä on käytetty esimerkkiohjelmana […]
Digijulkaisujen tuuletus
Eilen 24.11.2014 Adobe ilmoitti poistavansa DPS Single Issue -appsit erikseen myytävänä tuotteena valikoimastaan. Adobe Digital Publishing Suiten, eli DPS julkaisupalvelun valikoimaan jää vastaisuudessa Professional ja Enterprise lisenssimallit. DPS lisenssit Single Issue on appsi, joka sisältää yhden ainoan julkaisun – vertaa kirjaan. Multi-issue lisenssit Pro ja Enterprise luovat appseja, jotka sisältävät kirjaston tai kioskin, jonka sisälle voidaan julkaista/ladata useita […]
Infograafien pallot Excelistä Illustratoriin
Infografiikka on kuumimpia aiheita graafisessa suunnittelussa tällä hetkellä. Erilainen tiedon kuvantaminen on keskeistä sekä sisäisessä että ulkoisessa viestinnässä. Datajournalismin käsite on samoin nousussa mm. avoimen datan mahdollisuuksien jatkuvasti lisääntyessä.
WordPress hallinnoinnista asiaa
WordPressin turvallisuus alkaa asennuksesta. Mainostettu 5 minuutin oletusasennus on helppo ja nopea. Asennuksen tekeminen oikeaoppisesti tuo lisäturvaa ja helpottaa myöhempää hallinnointia. Varmistusten ottaminen ja jopa sivuston uuden version asentaminen on helpompaa kun asennus on alunperin suunniteltu ja tehty oikein.
Turvallinen WordPress
1.11.2014 Helsingin Sanomat julkaisi artikkelin ”Useat suomalaiset blogit ja yrityssivut alttiita hakkereille” alaviitteellä ”Mukana pikavippifirmoja, verkkokauppoja ja pilvipalveluita”. Jutussa viitattiin lähinnä Wordpress julkaisujärjestelmään ikään kuin itse järjestelmä olisi jotenkin turvaton. Näin ei kuitenkaan ole.