jQuery Sparklines

jQuery Sparklines on plugari jQueryyn, millä voi piirtää “sparklinejä” webbisivuille. Ei aavistustakaan mitä tuo “sparkline” voisi olla suomeksi, joku Edward Tuften keksimä termi tavalle esittää hurjasti tietoa pienellä graafilla. Kyseisen herrasmiehen ajatuksiin ja teoksiin kannattaa tutustua muutenkin, oma suosikkini niistä on Envisioning Information.

Okei, sitten asiaan. Plugari vaatii luonnollisesti jQueryn toimiakseen. Plugarin koodi on New BSD Licensen alaista, jQuery MIT-lisenssin. Otetaan esimerkkinä vaikkapa suosikkilätkäjoukkueeni menestys kuluvalla kaudella, voitot ylös, tappiot alas ja jatkoaikatappiot keskelle. Aika näppärästi noinkin paljon tietoa pienellä pikselimäärällä. Samaa ideaa voisi jalostaa vaikkapa niin, että maaliero näkyy samasta sparklinestä, tällainen esimerkki samasta joukkueesta keskimmäisessä kuvassa. Enemmän tietoa vaikka luettavuus kärsiikin. Kolmantena esimerkkinä vielä random-käppyrä, jollaiseksi itse miellän sparklinen ulkoasultaan.

sparktestit

Tässä esimerkissä ovat toki kuvatiedostona, en jaksanut puukottaa js-kirjastoja tähän blogiini. Oikeasti, skriptiä käyttäen, voivat luonnollisesti olla dynaamisiakin. Kokeile.

Linux-työkalut: rl ja shuf

Olipa kerran noin 200 000 rivin tekstitiedosto tai itse asiassa useampikin. Tiedostojen rivit oli tarve saada nätisti satunnaiseen järjestykseen. Ensimmäinen reaktio oli kaivaa joko Perl tai Python ja naputella skripti itse. Järki palasi kuitenkin melko nopeasti päähän, kun ilmeni että valmiitakin työkaluja on jo olemassa:

rl (randomize lines) – http://arthurdejong.org/rl/

rl is a command-line tool that reads lines from an input file or stdin, randomizes the lines and outputs a specified number of lines. It does this with only a single pass over the input while trying to use as little memory as possible.

shuf (shuffling text) – osa GNU coreutilsia, http://www.gnu.org/software/coreutils

shuf shuffles its input by outputting a random permutation of its input lines. Each output permutation is equally likely.

Esimerkkinä siis vaikkapa näin, shuf lukee syötteen ja järjestelee sen satunnaisesti uudelleen:

$ shuf <<EOF
> apina
> paviaani
> simpanssi
> oranki
> gorilla
> EOF
gorilla
simpanssi
paviaani
apina
oranki

Asiakaspalvelua 2.0 – Neteller

Sain tänään postia. Ihan oikeaa Itella(tm)-postia. Eteisen matolla odotti uusi komea Net+ -MasterCard. Ohessa tuli myös nippu esitteitä sun muuta sälää. Esitteessä mainittiin kortin “Dormancy feeksi” (rokottavat tililtä jos et käytä sitä kuukauden aikana) 2 euroa. Ei iso raha, mutta netissä sen määräksi oli ilmoitettu “none”, kun korttihakemuksen täytin ja lähetin.

Minä sitten näppäränä poikana päätin kokeilla onnistuuko asian selvittäminen Twitterillä. Naputtelin kysymyksen: @neteller does Net+ MC have dormancy fee (euros)? Received the card and leaflet which says it’s 2 euros, though your website says it’s none.” Aika rapsakkaa englantia siis. Seitsemän (7!) minuutin päästä sain vastauksen, että nykyään kyseistä maksua ei enää ole. Vau. Useampi kotimainen firma (vaikkapa pari isoa matkapuhelinoperaattoria) olisi pitänyt vähintään saman ajan jonossa, mikäli olisin jotain asiaa puhelimitse hoitanut…

Neteller on netissä toimiva maksujen/rahaliikenteen välittäjä, joka tarjoaa myös virtuaalisia ja muovisia MasterCard-kortteja rahavarojen käyttämiseen. Suosittelen vaikkapa nettiostoksiin. Tilin avaaminen on helppoa, tosin muutaman minuutin saatat joutua puhumaan englantia puhelimessa :)

jsPDF – PDF-tiedoston generointia JavaScriptillä

jsPDF on open source -projekti, jonka tavoitteena on luoda pdf-dokumentteja lennosta pelkän JavaScriptin voimin. Sitä voidaan käyttää joko suoraan selaimessa (client-side) tai palvelimelta (server-side).

jsPDF toimii tällä hetkellä Firefoxilla, Safarilla ja Operalla. IE-tuki on yllätys yllätys vasta työn alla. Muiden ominaisuuksien osalta kuvien lisääminen dokumenttiin sekä fonttien vaihtelu näyttävät olevan korkealla todo-listalla.

Käytännön hyödyistä on paha sanoa vielä tällä hetkellä. Enemmän käyttöä löytynee kunhan esimerkiksi nuo kuvat ja fonttityylit saadaan mukaan. Mielenkiintoinen ja tarkistamisen arvoinen projekti joka tapauksessa. Kokeile demoja jsPDF-sivustolla.

typekit.com – kunnon fontteja webbiin

Sain suuren kunnian päästä testaamaan typekit.com-palvelua (kuten varmasti monet muutkin testaamaan halunneet, köhköh). Typekitin ideana on helpottaa fonttien upotusta webbisivuille, vähentää epämääräistä tyylitiedostojen ja/tai javascriptien kanssa kikkailua. Puhumattakaan fonttien muuntelusta formaatista toiseen.

typekit-logoTeknisesti fonttien upotus ei ole järin vaativa temppu. Hyvin koulutettu apinakin osaa googlettaa esimerkin ja apinoida siitä koodin omaan projektiinsa. Fonteilla on kuitenkin tekijänoikeutensa, jolla on luonnollisesti merkitystä etenkin mikäli lopputuotos on kaupallinen teos. Typekitin valttina on tarjota vain tekijänoikeuksiltaan varmoja – ja laadukkaita – fontteja upotettavaksi.

Palvelun käyttäminen on erittäin helppoa. Täyttelet lomakkeeseen muutaman kohdan (mm. domainit johon fonttien käyttö rajataan, html-elementin johon fonttia käytetään), valitset luettelosta sopivan fontin (löytyy näppärä esikatseluominaisuus muokattavan tekstin kera) ja täräytät muutokset voimaan. Hetken päästä voitkin ihastella hienoa fonttia sivustollasi. Toiminnallisuus vaatii luonnollisesti modernin selaimen ja mahdollisesti pientä viilausta sivuston koodiin.