I det siste har eg lagt merke til stadig fleire designshowcaser og bloggar som benyttar seg av eit flytande grid av små boksar som på dynamisk vis fyller skjermen med innhald. Dette var iallefall ei webdesigntrend i 2009 og er nok det enda, men  ikkje like «ny». På disse tider for eit år sidan var denne trenden nevnt som «unusual layouts» i nokre større webdesignmagasin. Tanken var å publisere dette innlegget i fjor, men bloggpausen vart lengre enn planlagt. Men no sjølv om det ikkje er «siste nytt» benyttar eg dette utkastet til å «sparke» meg i gong med blogginga igjen! Dog med ei litt endra førstesetning (sjå over).

Dette formatet egner seg best dersom du skal vise bilder og ikkje ha hovedfokuset på tekst. Det er ein fin måte å sleppe å måtte skrive mykje tekst for å fylle opp «spalteplass» mellom visuellearbeid. Dei variantane som har minst tekst har statisk størrelse på høgda til boksane sine, medan dei med litt meir tekst stort sett har dynamisk høgde på boksane sine. Dette skaper to ganske ulike uttrykk inanfor same trend, dei heilt statiske rutenetta mot dei meir organiske og rotete rutenetta.

Farger

Det går stort sett i et monotone fargekart på disse sidene. Dei fleste er grå med kvite boksar, sjølvsagt med nokre unntak.

Den mørke bakgrunnen med lyse innholdsboksargjer at kjem godt fram frå bakgrunnen. Sjå eksempelet her korleis innholdet kjem mot deg på den lyse(over) og forsvinn på denne mindre utbredte mørke varianten (under).

Det minnar om noko…

I tillegg til oppslagstavler trur eg det er inspirert av det stadig tilbakevendande trendikonet: Polaroid. Dette bildeformatet med ei kvit ramme rundt bileta med ekstra stor ramme nedst for å kunne holde i og beskrive biletet skulle vel være eit velegna format på nettet også.

Nokre dømer på Flytande grid layout webdesign:

Norske eksempler

Sidan dette er ein norsk webdesignblogg har eg spora opp nokre eksempler innen webdesign frå Norge også, her er to som er merka med grid fra Webdesignmagasinet.

I kommentarene til Sommerseth Design på Webedesignmagasinet ble det nevnt en annet norsk eksempel på grid layout:

Tar like godt med Norges beste webdesign 2009 (i følge leserne til Webdesignmagasinet) som også er basert på flytande grid layout. Det er jo passande at dette som heilt klart var ei trend i 2009 også fekk sin plass i historiebøkene:

«Stjel stilen»

Tenkte å avslutta i god «trendartikkelstil» med å ei oppfordring om å prøve trenden sjølv. Ønsker du å teste det ut kjapt på WordPress? Grid-A-Licious er eit bra wordpress-tema å teste ut.

Kom gjerne med innspel og tankar om denne trenden, har du også nokre tankar om kvifor og korleis trenden oppsto? Skriv ein kommentar i felta under.

Og eg set pris på å få litt deleglede sidan dette er første bloggpost på lenge, om du vil dele ligg det eit knippe deleikoner nedst.

VG Nett informerar i disse dagar annonsørane sine om den nye forsida til vg.no som får nytt design tirsdag den 24. november. Dei opplysar også at artikkelsidene vil inntil vidare være de samme. Du kan få ei forsmak på nye vg.no i ein presentasjon dei publiserte på VG Annonseinfo under overskrifta: «Velkommen til et bredere VG Nett!» Her følgjer nokre utdrag frå presentasjonen og mine tankar kring nye vg.no:

Bredda vert no endra frå 800px(sjå under) til 1200px(sjå over)

Dei tek vekk sidestolpen til venstre, og fordelt tema navigeringa til toppen og ein breiare sidestolpe til høgre:

Dei endrar også på mange av annonseformata sine, Netboard får ny størrelse 580*500. Og dei tilbyr «Sticky»-annonser

Sjå meir om nye VG-Nett på VG Annonseinfo. Denne informasjonen er no fjerna frå VG Annonseinfo.

For meg framstår framleis VG som ei uoversikteleg og rotete nettavis. Ein skulle nesten tru det var kvadratmeter-pris på nettsida. Men sakene har fått litt betre plass, ved at venstre sidestolpe er fjerna. Men ved å bruka meir luft i designet ville det heile sitt meir oversikteleg ut. Det er kanskje oppskrifta for å få nøgde annonsørar – å lage alt like støyande, slik at det er vanskeleg for brukarane å skille mellom redaksjonelt innhald og annonser.

Edit: No er den nye fronten til VG Nett på plass, les meir om den hos VG.no

Eg kika litt i webstatistikken for webdesign bloggen min og fann ut at mange søker etter CSS bøker, utan at eg har skrive noko som helst om CSS bøker! Dette må eg endre på så her presenterar eg nokre av dei CSS bøkene eg har lese  og synes er gode bøker for å lære seg meir CSS. Mange tenkjer at CSS ikkje er noko ein treng å lære frå bøker, ein finn jo mange gode artiklar om CSS på nettet. Men CSS bøker er som oftast bygd opp meir heilhetleg enn det sporadiske artiklar er. Det finnes ikkje nokre spesielt gode bøker om CSS på norsk, iallefall ikkje som eg veit om.

Bulletproof Web Design

God bok om XHTML og CSS, frå Dan Cederholm. Boka har mange praktiske og fleksible eksempel som gjer at dine webdesign blir «skuddsikre».

Web Standards Solutions: Second Edition

Denne boka har eg ikkje lese sjølv, men ein anna webentusiast frå Stord anbefalar ho, så då må den være bra. Det er også Dan Cederholm som har skrive denne boka så eg antek at denne boka passar bra i hop med Bulletproof Web Design boka.

HTML Utopia: Designing Without Tables Using CSS

For mange år sidan måtte eg endre måten eg bygde nettsider på frå bruk av tabellar og «spacer-gifs» til dei skumle og ukjende «divane». Då var denne boka ei god støtte å ha på ferda. Og denne kan anbefalst om du er vant til å bygge nettsider «old-school» og ynskjer å ta i bruk moderne teknikkar med XHTML og CSS.

Vonar at bøkene er til hjelp for dei som måtte trenge bra CSS bøker. Har nokon andre tips, skriv gjerne ein kommentar under

Ja eg føler det iallefall slik med min blogg, etter at eg blei aktiv på Twitter så har behovet for å dele ting via min eigen blogg forsvunne. Twitter er ikkje for meg slik som det blir framstilt i media – som ei teneste der folk sit å delar meiningslause ting som «Tenner meg en røyk», «Spiser lunsj» osv. nei Twitter er mi største kjelde til informasjon om kva som bevegar seg på nettet.  Før eg byrja med Twitter besøkte bloggar og diskusjonsforum for å få med meg den siste informasjonen om webdesign og internettmarkedsføring, men no er det slutt på den daglege bloggrutinen min. Informasjonen kjem først på Twitter alikevel. Men tanken slår meg, er det nok å berre følge med på Twitter og stole på at dei eg følg der kjem til å kvitre om det som er verdt å kike på? Eller snevrar Twitter inn mangfoldet?

Når det gjeld min eigen blogg så brukte eg den til å dele ting eg fann på nettet og mine eigne synspunkt på webdesign, men dette gjer eg no på Twitter og det dekkar behovet mitt for «offentleg» ytring. Eg satt gjerne 2 timar og finpussa på kvar artikkel før eg publiserar den på bloggen, og i Twitter-tid er jo 2 timar nok til at artikkelen din er gamalt nytt. Så eg har ikkje sett vitsen i å lage artiklar på ting eg har kome over dei siste månadane, men følg med på Twitter der har eg stadig nokre tips om webdesign og liknande..

Fleire som opplever nedgang i bloggaktivitet etter Twitter?

Adobe har utvikla ein aplikasjon i Flex som let deg enkelt teste nettsider i fleire nettleserar, med testing så er det snakk om at det blir teke skjermskudd av ei nettside i dei forskjellige nettlesararne. Det har vore eindel tenester før som tilbyr det same.

Det som gjer BrowserLab betre er at den lar deg legge to ulike nettlesar skjermskudd oppå kvarandre slik at du på ein rask og effektiv måte kan finne avik mellom dei ulike nettlesarane. Dette har også vore mogleg med IE Netrenderer, men då kun mellom ulike versjonar av IE. Adobe BrowserLab har med følgande nettleserar Internet Explorer 6 og 7 på Windows XP, Firefox 2 og 3 på Windows XP og Mac OS X og  Safari 3 for Mac. Dei har planar om å legge til fleire nettleserar. Å få med Opera må jo være eit klart mål, der skjer det jo ofte litt av kvart.

Adobe kunngjorde i går at selskapet har gjort en tidlig versjon av selskapets BrowserLab-tjeneste tilgjengelig for testing. Dette er en Flash-basert løsning som kjøres i brukerens nettleser, hvor designere og utviklere kan se og sammenligne hvordan websider ser ut i ulike nettlesere, uten å måtte forlate nettleseren man normalt bruker.

Les meir om BrowserLab på Digi.no

Preview and test your web pages on leading browsers and operating systems – on demand. Adobe BrowserLab makes it easier and faster than ever before to see how your designs appear to your customers and audience. Get your results in real time, from virtually any computer connected to the web

Les meir om Adobe BowserLab hos Adobe

NB. Tenesta er no stengt for nye medlemmer i prøveperioden..

Mange har venta lenge på at Google skal lansere sitt API for Google Analytics. Dette har dei no gjort i følge Google Analytics Blog. Google Analytics er eit gratis verktøy for avansert webanalyse og måling av nettsider. Sjølv brukar eg det mykje på mine personlege prosjekt, men også for å forsikre kundar om at nettsidene deira når dei måla dei skal.

APIet vil gjere det mogleg for utviklarar å utvide Google Analytics på nye og kreative måtar som vil gi enda meir nytte og tilgjengelighet av webstatistikken for bedrifter og brukarar. Det kan også intergrerast i eksisterande produkter som i dag selges med meir eller mindre avansert webstatistikk. Snart er det vel nyhetsbrev frå dei fleste leverandørane av publiseringsløsninger om at dei no har utvida «sin» webstatistikk for å gi kundane meir verdi for pengane sine.

Men det vil forhåpentleg også kome mange nyttige 3.part tenester som koblar webstatistikk mot andre forretningsområder. Kva med ei kobling mellom målsporing av kontaktskjema mot salgssytemer for å kunne måle nøyaktig verdi av dei ulike besøkande?

Les meir om Google Analytics API her:

Google sin ofisielle blogg

Tech Crunch

Og avslutningsvis kva ynskjer du å sjå som eit resultat av at Google Analytics API er ute?

Pakningsdesign er gøy! Her får du oversikten over mykje inspirerande og originale pakningsdesign.
www.ilovetypography.com

Dei seier at dei er den beste nettsida for pakningdesign, eg er usikker kven av disse to som faktisk er det. Bra denn også.
www.thedieline.com

Dette er ein ekte inspirasjonsblogg! Her er dei innom mange designgrener i sær interiør. Alltid noko spanande her.
www.swiss-miss.com

Ein av mange flotte typografibloggar.
www.ilovetypography.com

Lett blanding av «kreativt-drivstoff» her. Sjekk ogå dei andre bloggane i nettverket på denne bloggen.
www.fuelyourcreativity.com

Denne har eg fulgt med på i eit par månader, men den har mykje kvalitetsstoff. Både webdesign og grafisk-design.
www.webdesignledger.com

Dette er den beste (og den einaste) webdesign bloggen frå Italia eg veit om! Dei beste artiklane her går på webutvikling, men den er innom mykje anna også.
woork.blogspot.com

Her er det lett blanding av webutvikling og grafisk-design. Etter oppskrifta til Smashing Magazine?
www.noupe.com

Her har dei mykje inspirerande grafisk-design.
daily.creattica.com

Mykje gode artiklar om webdesign og grafisk design. Ganske nyleg at eg byrja å følgje med på denne.
www.webdesignerdepot.com

Webdesign i Norge
Og eg vonar at norske webdesignere er flittig innom Webdesignmagasinet som viser fram og hyller norsk webdesign!

Vil du ha fleire webdesign-lenkjer? Sjå gjerne min førre artikkel: «9 nettsider ein webdesigner skal kjenne til«

Godt at INGEN gjekk på den forresten.

Ellers:

Ser fram mot litt fleire innlegg her snart, har vore litt lite oppdateringar i det siste. Eg har vore travelt oppteke med ymse webprosjekt, ekstrem arbeidsmengde på jobb, planlegg nye jobben(!) samt at eg vert far for 2. gong innan nokre dagar! Vonar at de held ut og ikkje gløymer bloggen når den er attende i full drift.. Har nokre gode føljetongar eg planlegg å publisere når vårkveldane vert enda lange

Dette var på høy tid!

Fordelene for bloggen:

• Større målgruppe
• Økt synlighet i søkemotorer
• Mindre personlig
• Enklere å skrive
• Mindre mas fra bokmålsfanatikere

Ein kjem stadig over bloggar som er minalistiske, det som ofte går igjen er fargen kvit ( dette er forøvrig noko ein ser mykje av innan norsk webdesign for tida), mykje luft(whitespace), gjennomført typografi og eit overhengande fokus på å presentera innhaldet utan forstyrrande element. Devlounge har gjennomført ei lita undersøking blant 23 av dei mest anarkjente minimalistiske bloggane. Eg tenkte å vidareformidla resultata kort oppsummert på norsk.Her er dei minimalistiske bloggane som var under lupa:

• Absenter
  
• Astheria
• Binary Bonsai
• Daring Fireball
• Hivelogic
• Inca Un Calator
• Indie Labs Blog
• Jon Tan
• Justin Blanton
• Maniacal Rage
• Maxvoltar
• Root Apex
• Shaun Inman
• Wilson Miner
• Write Hype

Kva kjenneteikner dei minimalistiske bloggane?

Dei fleste hadde menyar på bloggane, men dei var svært minimale. Det gjekk stort sett i sidene: «forside», «om» og «arkiv». Nokre hadde også med «kontakt», men mange kutta ut også denne viktige sida.

Fleirtalet viste 7 artiklar på forsida, som er mindre enn ein ofte ser på meir tradisjonelle bloggar.

Widgets er ut! Widgets er det som ein typisk ser i ei kollone som ligg utanfor det vanlege innhaldsområdet, og inneheld typisk: «Siste kommentarar», «Siste artiklar» og «Taggar». Dette er funksjonar som dei minimalistiske bloggane med stort fleirtal unngjekk.

Avatarer og sosialebokmerker var også fjerna på dei fleste, noko som mange ser på som viktige funksjonar for å skape eit miljø rundt ein blogg.

Dei er flotte å sjå på samtlige av bloggane, disse bloggane er bloggar ein utvilsomt er innom 1 gong, grunna publisitet i webdesigngalleri. Men kjem ein attende, eller har dei fjerna for mange funksjonar som blogglesarar forventar av ein blogg til at det blir aktuelt med fleire besøk?

Kanskje eg kan spisse spørsmålet litt: «Er denne trenden optimal for bloggmediet?»