<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>vaj.no &#187; CSS</title>
	<atom:link href="http://vaj.no/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://vaj.no</link>
	<description>Vegard A. Johansens personlige blogg.</description>
	<lastBuildDate>Tue, 06 Dec 2011 18:51:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Relansering av turmusic.no</title>
		<link>http://vaj.no/2007/08/relansering-av-turmusicno/</link>
		<comments>http://vaj.no/2007/08/relansering-av-turmusicno/#comments</comments>
		<pubDate>Thu, 09 Aug 2007 08:34:54 +0000</pubDate>
		<dc:creator>Vegard</dc:creator>
				<category><![CDATA[Musikk]]></category>
		<category><![CDATA[Web og webutvikling]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Drupal]]></category>
		<category><![CDATA[publiseringssystemer]]></category>
		<category><![CDATA[Radio]]></category>
		<category><![CDATA[Trondheim]]></category>

		<guid isPermaLink="false">http://vaj.no/2007/08/relansering-av-turmusicno/</guid>
		<description><![CDATA[Jeg har hjulpet Anders å bygge opp turmusic.no på nytt. ]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.turmusic.no"><img src="/grafikk/turmusic-dump.jpg" class="nofloat" alt="skjermbilde av forsiden til turmusic.no" /></a></p>
<p>Siste webprosjekt jeg har jobbet med er <a href="http://www.lunders-and.no/">Anders</a> sin <a href="http://www.turmusic.no">Trondheim Underground Radio</a> &#8211; navnet sier det meste, det er en side hvor undergrunnsband fra Trondheim kan legge ut sin musikk til streaming, og hvor det også finnes en del informasjon og diskusjon relatert til musikkmiljøet i Trondheim. </p>
<p>De gamle sidene var litt slitne og ustrukturerte, og hele boksen var i ferd med å gå ned for telling. Så når boks likevel skulle skiftes var det en god anledning til å gjøre noe med sidene samtidig. Vi begynte å lage sidene på nytt med WordPress som base, men det viste seg å ikke være kraftig nok til det vi ville gjøre, så vi gikk over til <a href="http://drupal.org/">Drupal</a>. Det er første gang jeg har brukt Drupal, men er ganske imponert over hva man kan få til, om man bare tar seg tid til å plages i noen dager først. <a href="http://www.turmusic.no/discuss">Forumet</a> (Phorum) er integrert, så når du lager en brukerkonto på Drupal kan du poste der, poste evenementer i <a href="http://www.turmusic.no/event">kalenderen</a>, og om Anders vil, skrive i Fanzina, legge opp bilder i galleriet (Gallery2), invitere venner etc. Ganske tøft altså, og <a href="http://www.turmusic.no/node/5">utelukkende basert på open source</a>. </p>
<p>Min rolle har vært å lage det CSS-baserte designet (sett bort fra grafikken), få det inn i publiseringssystemet, samt tilpasse og styre med diverse andre ting. Hverken jeg eller Anders har voldsomt mye tid til å bruke til dette, og sidene er heller ikke helt ferdige, så kom gjerne med kommentarer og innspill på ting som kan forbedres og / eller videreutvikles! Kommentarfeltet er åpent her, eller bruk <a href="http://www.turmusic.no/discuss/read,1,62199">annonserings-tråden i forumet</a>!</p>
]]></content:encoded>
			<wfw:commentRss>http://vaj.no/2007/08/relansering-av-turmusicno/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Relansering av telemed.no</title>
		<link>http://vaj.no/2007/05/relansering-av-telemedno/</link>
		<comments>http://vaj.no/2007/05/relansering-av-telemedno/#comments</comments>
		<pubDate>Sat, 05 May 2007 17:40:15 +0000</pubDate>
		<dc:creator>Vegard</dc:creator>
				<category><![CDATA[Web og webutvikling]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Nasjonalt Senter for Telemedisin]]></category>

		<guid isPermaLink="false">http://vaj.no/2007/05/relansering-av-telemedno/</guid>
		<description><![CDATA[Websidene til Nasjonalt Senter for Telemedisin relansert (med min kode) ]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.telemed.no"><img src="/grafikk/ny-telemed-dump.jpg" alt="" class="nofloat" /></a></p>
<p>Websidene for <a href="http://www.telemed.no/">Nasjonalt Senter for Telemedisin</a>, også kjent som min arbeidsplass, ble relansert fredag. </p>
<p>Den definitivt største jobben her har vært å restrukturere hundrevis av artikler, nyheter, rapporter og annet innhold, forbedre gamle tekster, skrive nye tekster, ta nye bilder og så videre. Dette var jeg (heldigvis) ikke mye med på, men jeg var med i begynnelsen av prosjektet, og gjorde nærmere bestemt kodingen av XHTML og CSS, samt ga en del innspill om informasjonsarkitektur, struktur, og annet. </p>
<p>CSS-messig er den noen litt spesielle løsninger der, som høyde på bokser spesifisert i em, så de skal kunne forstørres og samtidig beholde symmetri, masse floating for å plassere ting korrekt i forhold til hverandre, og så videre. Jeg synes det fungerer stort sett veldig fint, selv om jeg ser noen potensielle farer her og der. Teknisk sett har NST nå tilgjengelige og validerende [1] XHTML og CSS, et komplett CSS-basert design, og tabeller nå kun for tabulære data! </p>
<p>Men viktigst av alt, NST har helt nye websider, og det går faktisk an å finne informasjon der på en fornuftig måte! Da jeg begynte på NST fungerte websidene mye bedre til å <em>forvirre meg</em> om hva NST gjør, heller enn å opplyse meg om det. Jobben som er gjort med innholdet står det respekt av. </p>
<p>Dog blir ikke alt perfekt, og informasjonsavdelinga (og jeg) blir veldig glad for tilbakemeldinger, så har du noen kom gjerne med dem her!</p>
<p><small>[1] Puristene vil si at flere sider <em>ikke</em> validerer, men det er så langt jeg har sett kun ukodete spesialtegn som &#8220;&amp;&#8221;. Og det er, i det store bildet, ikke viktig. </small></p>
]]></content:encoded>
			<wfw:commentRss>http://vaj.no/2007/05/relansering-av-telemedno/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Sv-fakultetets årsrapport for 2005</title>
		<link>http://vaj.no/2006/06/sv-fakultetets-arsrapport-for-2005/</link>
		<comments>http://vaj.no/2006/06/sv-fakultetets-arsrapport-for-2005/#comments</comments>
		<pubDate>Fri, 02 Jun 2006 08:19:20 +0000</pubDate>
		<dc:creator>Vegard</dc:creator>
				<category><![CDATA[Web og webutvikling]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[universitet]]></category>

		<guid isPermaLink="false">http://vaj.no/2006/06/sv-fakultetets-arsrapport-for-2005/</guid>
		<description><![CDATA[Tradisjon tro har jeg også i år laget årsrapporten for Sv-fakultetet, og lagt den på web. ]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.sv.uit.no/hjem/aar05/"><img src="/grafikk/aarsrapp-2005.jpg" alt="årsrapporten for sv-fak 2005" class="nofloat" /></a></p>
<p>Det er en slags tradisjon at jeg gjør <a href="http://www.sv.uit.no/hjem/aar05/">årsrapporten for Det samfunnsvitenskaplige fakultet</a> ved universitetet her. Altså den rapporten alle offentlige organisasjoner av en viss størrelse har et krav om å levere hvert år. Det er her fakultete skriver overordnet om styre og stell, og her forskerne skriver hva de har hengt fingrene i sist kalenderår. </p>
<p>For min del er det mange timer med <em>svært kjedelig</em> arbeid. Jeg får noen hundre word-filer, som jeg så, manuelt, gjør om til velformet XHTML. Man skulle kanskje tro at dette gikk an å automatisere, men grunnet mange forskjellige praksiser på hvordan rapportene leveres til meg, såvel som Word sine totalt manglende egenskaper til å skape vettig HTML, har jeg ikke funnet noen brukbar løsning på det. </p>
<p>I år gikk det nesten helt galt. To dager <em>etter</em> jeg tilfeldigvis hadde flyttet alle de ferdige filene over på en USB-pinne valgte harddisken min å dø. Helt. Backup er som kjent litt barnslig, og jeg mistet derfor en del data, men årsrapporten hadde heldigvis kommet seg unna! </p>
<p>Noen små, men ganske effektive, forandringer ble gjort i malen som jeg brukte både <a href="http://vaj.no/2005/06/arets-arsrapport-pa-nett/">i fjor</a> og <a href="http://vaj.no/2004/04/arets-arsrapport-pa-nett/">i forfjor</a>, og nå gjenstår det bare å fylle blekk i faktureringspenna, og dét er i alle fall ganske tilfredsstillende. </p>
]]></content:encoded>
			<wfw:commentRss>http://vaj.no/2006/06/sv-fakultetets-arsrapport-for-2005/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Mer ferdig redesign</title>
		<link>http://vaj.no/2006/03/mer-ferdig-redesign/</link>
		<comments>http://vaj.no/2006/03/mer-ferdig-redesign/#comments</comments>
		<pubDate>Tue, 21 Mar 2006 12:33:43 +0000</pubDate>
		<dc:creator>Vegard</dc:creator>
				<category><![CDATA[Web og webutvikling]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[feed]]></category>

		<guid isPermaLink="false">http://vaj.no/2006/03/mer-ferdig-redesign/</guid>
		<description><![CDATA[Bloggen har fått et nytt slags design, og andre ting jeg har endret på. ]]></description>
			<content:encoded><![CDATA[<p>Da jeg <a href="/2006/01/vgrd-til-vaj-mt-til-wp/">skiftet domene og server og alt</a> satt jeg opp et svært midlertidig design og oppsett, og nå har jeg endelig fått tid til å gjøre litt mer av denne jobben. </p>
<p>Jeg er jo av den oppfatning av at et design skal bygge under den funksjonaliteten og de mål man har for et websted, og på denne måten er det noen endringer her i forhold til alle tidligere versjoner. De er riktignok relativt små, men hvem sier at ikke også små endringer er viktige? </p>
<p>Funksjonaliteten på en blogg som nesten bare består av tekst og bilder gir seg litt selv: gjør det lett å finne innholdet, og navigere mellom det. I forhold til tidligere versjoner er derfor følgende gjort: </p>
<p>Jeg har gått fra to kolonner til én. Av gammel vane lager jeg alltid websider med to faste kolonner til innhold, men oftere og oftere finner jeg ut at det svært sjelden er nødvendig. En annen fordel med bare én kolonne er at jeg nå kan poste større bilder, jeg har gått fra en maksbredde på 450 pixler til en maksbredde på 600 pixler. Det betyr at <em>du</em> må bruke <em>mer tid</em> på å få opp <em>større og tyngre</em> versjoner av de samme bildene som før! Mahah. </p>
<p><a href="/arkiv/">Hovedarkivet</a> er gjort helt om. Før hadde jeg en lang liste med alle innlegg, som ikke gir mening når man begynner å få et relativt stort antall innlegg, da folk uansett vil søke. Dette har jeg tatt vekk og presenterer nå bare 10 siste, kategorier og månedsarkiv. I tillegg en liste over mest kommenterte innlegg, som faktisk gir en god pekepinne på hva folk <a href="/2003/06/en-guide-til-a-finne-bolig-i-kobenhavn/">finner mest nyttig</a> og hva de <a href="/2003/06/bok-alkymisten-av-paulo-coelho/">finner mest irriterende</a>, samt hva jeg får mest treff på her. I tillegg har jeg lagt til langt flere kategorier enn jeg opprinnelig hadde.</p>
<p>Navigasjon mellom enkeltinnlegg er forbedret. Jeg synes det er fint å lett kunne hoppe frem og tilbake mellom innlegg, men da må også denne navigasjonen være på en så konsistent plass at jeg slipper å flytte musa for hver gang. Nå er det alltid en link til forrige og neste innlegg til høyre for overskrifta, og disse linkene flytter aldri på seg:</p>
<p><img src="/grafikk/vaj-versjon2.jpg" alt="navigasjon mellom enkeltinnlegg" class="nofloat" /></p>
<p>Jeg gikk også fra å tilby RSS av sammendrag av innlegg til å tilby RSS av hele innleggene, med store, tunge bilder og det hele. Det betyr at du egentlig ikke trenger å besøke sidene i det hele tatt for å lese hva jeg skriver. </p>
<p>Selve det visuelle designet er svært spinkelt. Jeg liker websider så minimalistiske at de nesten forsvinner, og jeg er dessuten ingen god designer, så det vil neppe bli så mange flere bjeller og fløyter på. Det er likevel her jeg blir å flikke mest videre, blant annet fordi sidene er mye penere i Firefox enn i forsempel Internet Explorer. Tro det eller ei. </p>
]]></content:encoded>
			<wfw:commentRss>http://vaj.no/2006/03/mer-ferdig-redesign/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Årets årsrapport på nett</title>
		<link>http://vaj.no/2005/06/arets-arsrapport-pa-nett-2/</link>
		<comments>http://vaj.no/2005/06/arets-arsrapport-pa-nett-2/#comments</comments>
		<pubDate>Thu, 23 Jun 2005 13:57:28 +0000</pubDate>
		<dc:creator>Vegard</dc:creator>
				<category><![CDATA[Web og webutvikling]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[universitet]]></category>

		<guid isPermaLink="false">http://vaj.no/wp/?p=203</guid>
		<description><![CDATA[Jeg har nok en gang laget og lagt ut årsrapporten til sv-fak, UiTø.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.sv.uit.no/hjem/aar04/"><img src="/grafikk/aarsrapp04.jpg" alt="" class="nofloat noborder" /></a></p>
<p><a href="http://www.sv.uit.no/hjem/aar04/">I år</a> som <a href="http://vgrd.dk/arkiv/2004/04/aarsrapporten/">i fjor</a> som i mange år før har jeg produsert og lagt ut årsrapporten til Det Samfunnsvitenskapelige Fakultet, UiTø på nett. Dette var noe jeg egentlig skulle gjøre mens jeg var ansatt der, men påtok meg det heller som freelance etter at jeg sluttet, og det har siden hengt over meg som et lite mareritt jeg aldri har hatt tid til. </p>
<p>Men nå er den i alle fall ferdig, så hvis noen lurer på hva samfunnsviterne i Tromsø har forsket på siden sist er det fritt frem! Den visuelle forskjellen fra i fjor er bare toppbildet og mindre CSS-justeringer, da jeg synes fjorårets  mal fortsatt fungerer fint. </p>
<p>Ellers vil jeg slå et lite slag for <a href="http://infohound.net/tidy/">HTML Tidy Online</a>, som også i år har hjulpet meg med å avslutte hundrevis av tagger som jeg ikke orker å avslutte selv.</p>
]]></content:encoded>
			<wfw:commentRss>http://vaj.no/2005/06/arets-arsrapport-pa-nett-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nytt websted: blarock.no</title>
		<link>http://vaj.no/2005/02/nytt-websted-blarockno/</link>
		<comments>http://vaj.no/2005/02/nytt-websted-blarockno/#comments</comments>
		<pubDate>Thu, 24 Feb 2005 12:20:40 +0000</pubDate>
		<dc:creator>Vegard</dc:creator>
				<category><![CDATA[Web og webutvikling]]></category>
		<category><![CDATA[Blå Rock]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Movable Type]]></category>

		<guid isPermaLink="false">http://vaj.no/wp/?p=185</guid>
		<description><![CDATA[Jeg har laget et websted for Blå Rock Café, Tromsø.]]></description>
			<content:encoded><![CDATA[<p><img src="/grafikk/blarock-skjermdump.jpg" alt="skjermbilde av Blå Rocks førsteside" class="nofloat" /></p>
<p>Siste freelanceprosjekt har vært å sette opp <a href="http://www.blarock.no/">et websted for Blå Rock Café</a> her i Tromsø. Arbeidet begynte i september, så det er et prosjekt som har dratt ut i langdrag, men desto bedre er det å bli ferdig med det! </p>
<p>Ikke mye å si om sidene i seg selv, bortsett fra at det var morsomt å lage et websted for en plass som i flere år fungerte som mitt andre hjem. Og fint å jobbe for noen som <em>krever</em> minimalisme og mest mulig brukervennlighet, og som stort sett ga etter for <span class="strek">fasit</span> mine meninger når vi var uenig om hvordan det var best å gjøre ting. </p>
<p>Teknisk sett er ikke dette webstedet annerledes enn de andre jeg har laget de siste årene. Movable Type fungerer fortsatt ypperlig som et svært billig og veldig fleksibelt publiseringssystem for denne typen websteder. Webstedet består av to blogger &#8211; en for nyheter og en for det øvrige innholdet, alt er enkeltinnlegg, og titler og menymerking styres av litt enkel php. Og Blå Rock er nå så vidt jeg vet Norges eneste rockeplass som bruker validerende XHTML og CSS!</p>
<p>Vanligvis lager jeg sider med variabel bredde, men denne gang valgte jeg fast bredde, og la også til en droppeskygge for å prøve det. Som alltid er det ting som kan forbedres, men alt i alt sier jeg meg ganske fornøyd!</p>
]]></content:encoded>
			<wfw:commentRss>http://vaj.no/2005/02/nytt-websted-blarockno/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Nytt websted: brugeroplevelse.dk</title>
		<link>http://vaj.no/2004/03/nytt-websted-brugeroplevelsedk/</link>
		<comments>http://vaj.no/2004/03/nytt-websted-brugeroplevelsedk/#comments</comments>
		<pubDate>Mon, 29 Mar 2004 12:52:56 +0000</pubDate>
		<dc:creator>Vegard</dc:creator>
				<category><![CDATA[Web og webutvikling]]></category>
		<category><![CDATA[brukervennlighet]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Grey Digital]]></category>
		<category><![CDATA[innholdsproduksjon]]></category>

		<guid isPermaLink="false">http://vaj.no/wp/?p=133</guid>
		<description><![CDATA[Jeg har laget et nytt websted for en artikkelserie en kollega skriver.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.brugeroplevelse.dk"><img src="/grafikk/brugeroplevelse-dk.jpg" alt="screenshot brugeroplevelse.dk" class="nofloat noborder" /></a></p>
<p>Siste prosjekt på jobb har vært å lage <a href="http://www.brugeroplevelse.dk">et websted</a> for en artikkelserie som en kollega skriver. Styrkeprøven, som artikkelserien heter, står hver mandag på baksiden av Berlingske Business (<a href="http://www.berlingske.dk/">Berlingske Tidende</a>), og er en artikkel hvor to websteder i samme sjanger / bransje blir vurdert opp mot hverandre. I praksis blir rundt hundre brukere, fra et panel på ca. 1700, utvalgt etter visse demografiske og verdimessige kriterier for å løse fem oppgaver som man burde kunne løse på de aktuelle webstedene.</p>
<p>I tillegg til å skaffe disse artiklene et hjem på web skal webstedet være en plass hvor brukervennlighetsavdelingen presenterer seg og sine kompetanser, og er altså et slags permanent kampanjewebsted. </p>
<p>Jeg fikk den snasne tittelen prosjektleder, som i praksis betydde at jeg gjorde alt bortsett fra grafisk design, som en designer lagde. Nå var det heldig at det valgte design var så likt <a href="http://www.understandingusers.com/breaking/">det forrige webstedet</a> jeg lagde at jeg kunne gjenbruke stilsettet fullstendig (ah, CSS!). Ergo ble det som jeg sikkert ville valgt uansett, kanskje bortsett fra fargevalg og noen sånne småting. </p>
<p>Uansett var det morsomt å lage et websted for styrkeprøven, først og fremst da innholdet er bra, men også fordi jeg i september i fjor <a href="/arkiv/000110.php">satt på cafe</a> og leste Berlingske Businness, så Styrkeprøven, og bestemte meg for å sende en mail til firmaet bak, da det var akkurar en sånn plass jeg kunne tenke meg å ha praksisplass. Og det fikk jeg jo. </p>
<p>Merk at sidene enda ikke er offisielt lansert, enda ikke testet, og at det fortsatt finnes litt lorem-ipsum rundt om kring. Men <em>min</em> jobb er for det meste ferdig, og jeg er lei av å vente på innholdsprodusentene. </p>
<p>Til slutt: det finnes en <a href="http://www.brugeroplevelse.dk/styrkeproven/atom.xml">styrkeprøve-RSS</a> (atom, fulltekst), og teknisk sett er det validerende css og xhtml av stengeste sort. CMS-et som styrer herligheten er Movable Type som jeg fikk lov til å fikle en hel del med. Så mye at jeg bestemte meg for å skrive ned alt i to innlegg til, nemlig:</p>
<ul>
<li><a href="/arkiv/000171.php">Gode URL-er med Movable Type</a> og</li>
<li><a href="/arkiv/000170.php">Brugeroplevelse.dk: generelt bloggoppsett</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://vaj.no/2004/03/nytt-websted-brugeroplevelsedk/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

