Most recent comments
Jogging og blogging
Are, 9 måneder, 2 uker
Liveblogg nyttårsaften 2016
Are, 9 måneder, 2 uker
Reading in dark times
Are, 11 måneder, 1 uke
Moldejazz 2016
Camilla, 1 år, 2 måneder
Dørskilt
Karoline, 1 år, 3 måneder
Halifax
Tor, 1 år, 4 måneder
Sony Smartwatch 3 review
Tor, 1 år, 4 måneder
Numerikk, takk
Tor, 1 år, 4 måneder
Topp tur
Camilla, 1 år, 6 måneder
Tolkien reading day
Tor, 1 år, 7 måneder
50 book challenge
Camilla, 9 måneder, 3 uker
Five years ago
Tokyo
Tor
Controls
Register

SVG

Jeg har snakket litt med et par webdesignere i det siste, og jeg må si jeg er virkelig imponert over alt det utrolig kule man kan gjøre på en nettside nå om dagen. En av tingene som ble nevnt er at alle nettlesere nå om dagen støtter svg (scalable vector graphics). Mitt forhold til svg er at det er det formatet Inkscape lagrer ting i, og jeg har faktisk prøvd meg på manuelt redigere en svg-fil fra Inkscape en gang i tiden, men det var mildt sagt en frustrerende opplevelse. Jeg var derfor en anelse skeptisk da svg ble trukket frem som veien, lyset og livet.

Det er imidlertid viktig å være villig til å oppdatere fordommene sine en gang i blant, så jeg satte meg ned etter middag og kikket litt på hva man kan gjøre med svg og litt lettvint javascripting på en nettside. Min motivasjon for å gjøre slike ting er ofte knyttet til å presentere data på en eller annen måte, og etter litt prøving feiling greide jeg å hacke sammen et lite eksempel som lager en interaktiv graf med ca 40 linjer javascript og svg. Vi tillater naturligvis ikke hvasomhelst av script og tags i artikler på Calcuttagutta, så jeg fyrte opp et django-shell og stappet tekst ukritisk rett inn i artikkelobjektet. Av og til er den korteste veien gjennom gjørma.

(En annen ting jeg lenge har tenkt at jeg burde blogge om er at jeg planlegger å begynne å bruke ordtak som ikke gir helt mening. Men det får bli en annen gang.)

Så, uten mer om og men, her er eksempelet jeg satte sammen. Er det ikke kult?

Sorry, your browser does not support inline SVG.
Anja likes this
Category
Technology
Tags
javascript
svg
webdesign
html5
Views
1153