Martin Bekkelund

En blogg om IT

Bekkelund.net v7 «Translantic»

fredag 8. mai 2009 • 52 kommentarer

Etter en lengre utviklingsperiode er det med en viss tilfredshet at jeg kan lansere første alfaversjon av bekkelund.net versjon 7, med kodenavn Translantic.

Du som leser dette via en RSS-leser vil sannsynligvis ha større glede av det nye designet ved å besøke hovedsiden.

Dette er som nevnt en alfaversjon. Det betyr at det fortsatt finnes feil og mangler, og at det fortsatt gjenstår en arbeid før jeg kan si meg fornøyd. Årsaken til at jeg lanserer før alt er skikkelig gjennomtestet er at jeg ikke ønsker å ende opp som Guns N’ Roses som brukte 14 år på «å finpusse» sitt siste album. Fornøyd blir jeg aldri, så da er det like greit å hoppe i det. Og skulle det bli ting som ikke fungerer, så bytter jeg bare tilbake til den gamle versjonen.

For å få til dette trenger jeg din hjelp! Snok litt rundt og legg igjen en kommentar med lettforståelig informasjon om hva og hvor du finner feil.

Alle innspill mottas med stor takk! :-)

Følg @MartinBekkelund på Twitter!

52 kommentarer

  1. Og for min egen del legger jeg igjen en kommentar for å teste. :-)

  2. Meget pent! :) Skal tilstå jeg synes dette var mye bedre enn det forrige designet. :)

  3. Tusen takk, Håvard! :-) Det gamle var jo mer enn fire år gammelt, så det var på høy tid.

  4. Fett! Dette liker jeg veldig godt. Et par ting:

    1. Undersidene har det gamle designet, en bommert tro?
    2. Kategoriene har forsvunnet fra høyresiden, vet ikke om dette er bevisst?
    3. Hos meg havner “IN ENGLISH”-lenken foran “Bekkelund.net v7 «Translantic»”, altså ikke i menyen.

    Ellers liker jeg det jeg ser veldig godt.

  5. Tusen takk for hyggelig tilbakemelding, Audun! :-)

    1. Det er helt riktig at undersidene har det gamle designet. Det er fordi de ikke er en del av WordPress-installasjonen og således ikke omfattes av det nye temaet. På kort sikt skal jeg vurdere å skru de inn i det nye designet, mens jeg på lengre sikt skal flytte hele installasjonen til rot og dermed sørge for å flytte alle sider inn i WordPress.

    2. Kategoriene er bevisst fjernet. Er det bra eller dårlig, tror du?

    3. Det er ikke meningen. Hvilken nettleser og OS benytter du, så kan jeg teste videre.

    Takk for at du tok deg tid til litt kjapp testing! :-)

  6. 2. Å kunne vise innlegg i en spesifikk kategori vil jeg påstå er helt nødvendig. Man har riktignok arkivet, men det er ikke alltid at titler sier noe om hva innlegget handler om. Evt. så må man finne et innlegg i rett kategori for å kunne filtrere, og det blir for tungvindt.

    Har du vurdert tags? (jeg vingler litt frem og tilbake selv, nemlig..)

    3. Firefox 3.10 i Windows 7. Hvis jeg zoomer (forminsker) fem ganger hopper lenken opp i menyen. Det samme skjer i IE 8, men her holder det at jeg forminsker èn gang.

  7. 2. Ser absolutt poenget. Ser for meg at kategorier lett kan gjeninnføres under Med Martins øyne. Skal prøve meg litt frem.

    Jeg har også vurdert tags, men da får jeg en ulekker jobb med alle de gamle postene. Det nærmer seg 1000 innlegg, og jeg er lite sugen på å gjennomføre en jobb jeg ikke ser en gevinst som står i stil til jobben. :-)

    3. Windows? Meniallverdenslandogrike, da? Ja, ja, jeg skal sjekke det ut. Har ikke tilgang til Windows 7 selv, så jeg skal se om jeg klarer å skrape sammen en virtuell maskin. Ser nemlig fin ut i Firefox 3.10 på Mac OS X.

    Jeg har akkurat gjort en bitte-bitte-bitteliten endring. Ingen tegn til forbedring?

  8. Pent design – men ved første øyekast får jeg forventning av at dette er sida til en naturfotograf!! Er nok kombinasjonen av grønnfarge og bildet du har brukt i headern som gjør det:-)

    Ellers kan jeg si at det er noen lenker som ikke funker:
    lenke til opphavsrett
    lenke til vilkår

    Lykke til videre med arbeidet.

  9. Der ble det fikset gitt, både i Firefox og IE :)

    Ser det med tags’ene ja. Kanskje jeg bør vurdere å ta det i bruk før jeg får en alt for stor mengde innlegg.

    Og ja, jeg driver jo å tester Windows 7 for tiden :) Men akkurat nå som jeg skriver CMS’et på nytt, merker jeg hvor lite effektiv jeg er i Windows kontra Ubuntu :(

    Forresten, du kan kanskje vurdere å bytte ut smilefjesene med noen som står litt mer i stil – noen grønne kanskje?

  10. Ahh, fantastisk! :-)

    Kjører nå en runde gjennom Browsershots for å teste veldig overordnet.

    Ja, jeg fikk med meg denne Windows-testen. Stakkars mann, men må man så må man.

    Ser for meg at folk får inntrykk av spy-syke mennesker med grønne smilefjes, eller? ;-)

  11. Flott nytt design. Er bare en ting å påpeke foreløpelig. Kommentarene legger seg “LANGT” ned da jeg ser siden i IE7. I denne posten ligger de seg da under Yngve Thoresen (under siste meny).

  12. Fint nytt design. Ting var litt stort, men vi kan vel også kalle det leservennlig ;) Tror uansett jeg fort kommer til å venne meg til det.

    Dette med tag’s kan jo gjøres enkelt, tror wordpress enten kan (eller har et plugin for å) konvertere kategorier til tags. Det vil si at har du postet noe under jobb og annet kategorien vil det innlegget bli tagget med “jobb” og “annet”. Mener å huske at det var noe slikt jeg gjorde.

    Det du må være oppmerksom på er at kategoriene dine kanskje forsvinner da. Er som sagt tidligere, veldig usikker da det er lenge siden jeg gjorde dette. En aldri så liten databasebackup rett før endringer er alltid å anbefale.

    Lykke til med alfatestingen av designet

  13. Okey, grønt var kanskje ikke et bra forslag ;) Men ikonene er ikke like stilfulle som resten av designet – men det betyr selvsagt veldig lite. Blir jo så man legger merke til detaljer når man først ser nøye :)

    Ser også at du har fjernet de siste kommentarene på høyresiden – med vilje? Mange folk følger kanskje kommentarer via RSS, men for oss som ikke leser slikt via RSS er det veldig greit å kunne se hvilke nye kommentarer som har kommet siden sist.

    Poenget med kommentarer+kategorier er kanskje å gjøre høyrefeltet mindre? For akkurat det har jeg lurt på selv.

  14. Grattis! Dette synes jeg som fast leser mange versjoner (av designet) tilbake i tid var stor stas. Veldig fint i mine øyne. Men jeg er kommende siv.ing., ikke grafiker…

  15. Veldig pent — selvfølgelig. Noen generelle tanker:

    — Du har ingen effekt på lenkene ved hover. Kall det gjerne et designelement, men det er ikke kult gjort overfor brukeren som forventer en tilbakemelding :-)

    — F.eks. denne undersiden er helt sykt treg i Opera 10 på OS X, men det virker mer som en nettleserbug (fiksede bilder, kanskje?). Har uansett rapportert det til Opera, så får se an hva som skjer på den fronten. Om det er noe du kan gjøre, så kommenterer jeg det her.

    — Noen grunn til at du ikke kjører UTF-8?

    — I kommentarskjemaet bør det spesifiseres at e-postadressen kobles opp mot gravatartjenesten, for den gjør det, ikke sant …?

    Ellers, ryddig, pent og en stor forbedring.

  16. Meget bra :)
    Har egentlig bare en ting å pirke på. Det mangler litt padding i bunn av sidebaren, ca 15px skulle bli bra ;) Ihvertfall ser det bra ut når jeg legger inn det i Firebug. Savner også siste kommentarer i sidebaren.

  17. Likte designet godt, du har gjort en utmerket jobb!

    Et par ting som kanskje kunne vært en ide:
    - En ny type smileys (som tidligere nevnt)
    - Tidspunktet for kommentarer kunne gjerne vært i samme format som innlegget (istedet for åååå-mm-dd)

  18. Oh, en ting til:
    Når man søker, så blir boksene på høyresiden presset under treff-resultatene (i Chrome).

  19. Smooth! Etterlengtet oppdatering endelig på plass, som lever opp til forventningene. Lyst design med teksten i hovedfokus; bra! :) Liker kommentarlistingen spesielt godt.

    Småpirk:
    1. Dårlig kontrast i meny og footer. Hvit tekst på lys bakgrunn fungerer ikke. Er nesten ikke synlig på min bærbare, glossy skjerm; ekstern LCD-monitor er det bedre på.
    2. RSS-ikonene ligger feil i forhold til teksten, ser ut som sosial-ikonene er riktige.
    3. Synes de tre øverste feltene i kommentarskjema er litt små. Er rikelig med plass, så det skulle være fort gjort å gjøre de litt større.
    4. Dataformatene? Postdato skriver måned med stor bokstav, som ikke er korrekt norsk. Kommentardato kunne kanskje vært ordnet på en annen måte?
    5. Lite luft i bunnen av sidebaren.
    6. Tenke litt mer på designet på selve forhåndsvisningen av kommentaren? Her kunne du kanskje gjort mer..?

    Einar

  20. Veldig ryddig, luftig og lesevennlig, med andre ord et godt førsteinntrykk – bra jobba! Hvis jeg skal være så frekk å antyde noe i litt negativ retning, synes jeg store bokstaver i titler ikke fungerer spesielt godt. Det gjør noe med leseopplevelsen, fordi flere ord etter hverandre med store bokstaver går tregere å lese, det blir litt tungt rett og slett. Leseopplevelsen ellers er for øvrig helt topp:)

  21. Jeg liker dette godt! Det er fint med forandringer.

    Jeg merker at rutinen fra ditt gamle design er godt innarbeidet. Jeg savner det å kunne lese hvem som skriver kommentaren før jeg leser selve kommentaren. Spesielt når det er samme person som poster flere ganger i en slags dialog. Nå må jeg på bunnen av kommentaren for å finne det ut. Jeg kan helt sikkert venne meg til dette på korte poster, men er litt usikker på lange poster.

    Ellers så syns jeg kanskje at “aktivt” innhold bør prioriteres fremfor statisk innhold. Her tenker jeg på at du bør vurdere å sende “Med Martins øyne” i toppen over “Abonner” og “Martin på nettet”.

    Uansett takk for flott blogg, og stå på videre!

  22. Grattis med nytt design. Det falt i smak. Jeg savner riktig nok listen over siste kommentarer. I tillegg synes jeg fontene er litt for store. Ting tar kanskje litt for mye plass.

  23. Den generelle “look’n'feel”en blir jeg nok vant til, men et par-tre ting jeg reagerer på:

    - STORE BOKSTAVER i overskrifter blir veldig skrikende
    - “siste kommentarer” er allerede savnet (orker ikke det på RSS)
    - slik kommentarene fungerer nå er navnet på den som har skrevet den veldig lite og plassert på bunn, mens gravatar-bildet tar mye plass. Et navn forteller meg mer om personen, så hadde trodd det var bedre med navnet på topp i litt større font
    - regner med at undersidene blir konvertert for en helhet
    - under forhånsvisningen av kommentaren står det ” Anonymous skriver:” selv om jeg har skrevet inn navnet mitt (men linken leder til siden min..) bug?

    Ellers var det vel på tide med en oppdatering, og litt public alpha er aldri dumt

  24. Har du ikke allerede brukt 14 år på dette designet…? ;) Mener å huske jeg fikk et utkast over MSN for noen år tilbake. Uansett. Det var meget behagelig og pent. Jeg er som jeg var før av oppfatning av at du kan gjøre mer ut av høyre marg. Jeg vet du er svoren tilhenger av gammeldagse lenkefarger, men velkommen til det 21. århundre. Nå kan du bestemme dette selv.

  25. Kjempefint design!! Mye bedre enn det forige ;-)

    Link til siden ‘Informasjon om opphavsrett’ som er nederst på alle sidene virker ikke…

  26. Nydelig, Martin! Veldig elegant. Ingen umiddelbare problemer som slår meg, gjennomført og pent design.

  27. Tusen, tusen, tusen takk for alle tilbakemeldinger! Hver og en betyr svært mye for meg, og jeg kan garantere at hvert eneste innspill er notert og vil bli nøye vurdert når jeg nå skal i gang med videre utvikling og feilretting.

    Vær heller ikke redd for å virke kritiske. Jeg setter ekstra stor pris på at hver og en av dere tar dere tid til å hjelpe meg til å bli bedre.

    Jeg kan ikke få sagt nok hvor mye dette betyr for meg. Glad i leserne mine, jeg. :-)

  28. Kjeder meg litt her ligger og skulper på havet mellom øst- og vestfold et sted. Surfer fra en Nokia E71 og ble svært positivt overrasket. Alt er lesbart uten sideveis scolling. 10 poeng! Ønsker også å se hvem som har kommentert før selve kommentaren.

  29. Må si jeg ble mektig imponert da jeg skrev inn bekkelund.net i Opera, og forventet det gamle designet. Komposisjon og farger er helt topp. God dokumentarfilm, også forresten!

    Ved forhåndsvisning av kommenter, står det “Anonymous skriver”, selv om jeg har både med navn og e-post.

  30. Virkelig pent ja. :-)
    Støtter å få navnene til de som kommenterer over kommentaren. Mye enklere når jeg leser fra mobil. Spesielt siden Gravatarbildene er utenfor skjermen.

  31. Tusen takk for innspill og hyggelige tilbakemeldinger, Philip, David og Glenn! :-)

    Alle innspill er notert for videre arbeid.

  32. Ble bra dette Martin! Jeg kan jo pirke litt, siden jeg har lagt merke til detaljer ingen andre har fått med seg:

    - På linkene til tidligere/nyere artikler kommer de nyere opp under boksen de skal være i både i Firefox og Safari på min Mac.
    - I forhåndsvisning av kommentarer hopper teksten faktisk mellom å være Gill Sans og kanskje Helvetica ser det ut som. Skjedde når jeg satt streker foran linjene for å lage punkter. Ser ut som teksten kommer utenfor en , og at den da formateres anderledes.
    - Når det brukes STORE BOKSTAVER, kapiteler eller hva man liker å kalle dem er det fint om disse «sperres», alle typografinerder heier på dette. Det gjøres med letter-spacing ville kanskje tro at 0,7-1px ville bli bra.
    - Syns kanskje skillet mellom «artiklene» er litt utydelige, kanskje det hadde hjulpet med litt mer padding over hadde blitt bra, jeg vet ikke…

    Bare pirk alt sammen egentlig, men av erfaring hender det jo faktisk at du hører på sånt. Så da tar jeg meg tiden til å skrive dem :)

  33. Siste punkt der ble litt feil, koden forsvant også, jeg retter:
    - Syns kanskje skillet mellom «artiklene» er litt utydelige, kanskje det hadde hjulpet med litt mer padding over h2, jeg vet ikke…

  34. Tusen takk for veldig bra og verdifulle tilbakemeldinger, Espen! Jeg skal selvfølgelig ta de med i det videre arbeidet. :-)

  35. Jeg liker det nye designet ditt veldig godt, bortsett fra at hovedmenyen har litt dårlig kontrast på min bærbare.

  36. Kontrasten er ikke helt optimal her heller, Kristin. Skal prøve meg litt frem med forskjellige varianter, så kan det hende jeg ber om hjelp til mer synsing.

    Takk for innspillet! :-)

  37. Det ser veldig tydelig, ryddig og luftig ut, uten å bli smakløst eller kjedelig. Jeg liker det veldig godt.

    Synes spesielt kommentarfeltet ser utrolig bra ut, selv om jeg er enig i at navn og dato kanskje burde ligge over kommentaren i stedet.

    Ellers er jeg enig med de som synes du skal droppe blokkbokstaver i menyene. Det er klart bedre å lese uten, og skillene blir likevel tydelige.

    Apropos skiller, så synes jeg det blir veldig vanskelig å skille kommentarene fra hverandre i «Siste fem kommentarer». Kunne kanskje satt inn en skillelinje mellom hver (gjenbruke den over kommentarmetaen?) eller punktmerker?

  38. Har et par til:

    1.Lenken til “NYERE ARTIKLER” havner under det grønne feltet (samme feil som med “IN ENGLISH”, tro?
    2. På klikkbare bilder har du blå lenker. Disse kan du jo godt fjerne, evt. gjøre dem grønne :)
    3. Jeg syns også det er litt vanskelig å skille mellom kommentarene i “Siste fem kommentarer”.
    4. Du bruker <strong> for å skille avsnitt i en del artikler, istedet for <hX>. Det fungerte godt med fonten du brukte på det forrige designet, men på det nye designet er det vanskeligere å se at det er en mini-overskrift, så du kan jo evt. vurdere å bruke en heading på disse i fremtiden (med mindre det bare er meg) :)

  39. Takk for nyttige innspill, Audun og Audun! :-)

    De er notert for videre arbeid.

  40. Støtter helt klart Audun Sæthers kommentar om “siste 5 kommentarer” lenkene. De ble veldig rotete og uoversiktelig.

  41. Det kommer en endring, Tormod. :-) Tenkte umiddelbart på å legge inn en liten skillelinje, men vurderer nå å hente ut Gravataren foran hver kommentar, omtrent slik som under «Abonner» og «Martin på nettet».

    Nå gjelder det bare å finne tid. :-)

  42. Ser klokken tikker mot leggetid, så jeg får begrense meg til en kort kommentar:

    Flott fargebruk, god lesbarhet, og utrolig elegant kommentarløsning som garantert kommer til å gi utslag på antall kommentarer postene dine får – merk mine ord!

    Jeg støtter for øvrig @bza sin kommentar om lenkefargen; en annen blånyanse eller farge hadde gjort seg. Til og med Jakob Nielsen har (delvis) endret syn på dette de siste årene:

    Shades of blue provide the strongest signal for links, but other colors work almost as well.

    Og et siste tips: Vår alles webguru Jeffrey Zeldman kommer snart til å lansere et nytt design på bloggen sin. Var jeg deg ville jeg sett på høyremenyen hans, og rappet litt ideer (venstrejustert og sperret overskrifttekst, blant annet.)

    Nydelig redesign, kjenner jeg gleder meg til fortsettelsen!

  43. Tusen takk for god og konstruktiv tilbakemelding, Hein Tore! :-)

    Også dine innspill vil bli nøye vurdert i det videre arbeidet.

  44. Jeg synes det nye designet er flott, selv om jeg også reagerer på den “anonyme” forhåndsvisningen. Ingen stor sak. Det eneste jeg har å pirke på er at teksten i headeren med stor fordel burde vært nettopp dét — tekst. Da kan du også få til en nokså elegant hover-effekt, noe som forøvrig også er ganske fraværende. Hover på lenker er en billig og utrolig visuelt effektiv effekt jeg ikke ser noen gode grunner til å droppe. Uenig?

  45. Asbjørn skrev:

    Hover på lenker er en billig og utrolig visuelt effektiv effekt jeg ikke ser noen gode grunner til å droppe. Uenig?

    Siden det er flere som har kommentert akkurat dette, tenkte jeg å skrive litt om det.

    I stilsettet jeg har laget finnes det ingen stilsetting av a-elementet over hodet, med unntak av menyene og overskriftene. Jeg har altså ikke fjernet hover-effekten, det er noe som styres av den enkelte nettleser.

    Derimot kan jeg gjerne legge det til. Spørsmålet er hva som vil se pent ut?

    Takk også for hyggelig tilbakemelding, Asbjørn! :-)

  46. Jeg regnet med at du bare hadde latt lenkene være som dem er som standard. Blå lenker er vel mest brukervennlig, men det kunne vært spennende å se om grønnfargen du bruker også kunne fungert som standard-farge, med ‘a:hover, a:focus { text-decoration: none }’. Besøkte lenker kan kanskje bli sorte? Prøv deg litt frem, så kan vi slakte det vi ikke liker fortløpende. ;)

  47. Heh, det høres ut som en takknemlig strategi, Asbjørn! :-D

    La meg prøve litt, så hører jeg fra deg og eventuelle andre. :-)

  48. Må vel først innrømme at jeg er en veldig sporadisk leser om dagen… Men når det er sagt, hva med å legge i litt jobb får å få til du skikkelig handheld.css?

    Det er nå fryktelig mye informasjon å bla gjennom på min n85. Jada, har hørt om opera mini, som nydelig skalerer bilder, bruker nemlig dette selv, men det er fortsatt tungt å laste og lese.

    Det hender at jeg stikker innom her nå jeg sitter på en buss, tog og ikke minst på porselenskålen :) det er mye bra lesestoff her og jeg ønsker å kunne lese dette der jeg ønsker selv. Vil heller ikke bruke noen annen kanal, som feks rss etc.

    Har dette vært i tankene dine?

    btw, sender fra mobilen nå… Beklager skriveleif og annet :)

  49. Jeg istemmer “handheld.css”-ønsket til Dagfinn! Go, Bekkelund, go!

  50. Har kikket litt etter et eget tema for WordPress, spesielt utviklet for håndholdte enheter, kanskje det kunne være noe å bygge videre på?

  51. Jeg kan egentlig ikke tenke meg at det skulle være nødvendig med et helt eget tema, men forenkler det utviklingen ser jeg ikke noe problem i å gå den veien.

Har du synspunkter? Legg igjen en kommentar!

Ingen anonyme kommentarer! Ved å trykke Send kommentar samtykker du i at du er kjent med personvernpolitikken og vil overholde retningslinjene for bekkelund.net.

Abonner uten å kommentere

RSS og trackback

Med RSS kan du abonnere på nye kommentarer som postes til denne artikkelen.

Du kan legge igjen et trackback fra ditt eget nettsted ved å benytte trackback-adressen til denne artikkelen. Eventuelle tracback ser du under.

Flere artikler

Enda flere artikler? Besøk arkivet.

Bekkelund.net er en blogg av Martin Bekkelund, hvor han lufter sine tanker om IT og IT-politikk. Martin arbeider til daglig som seniorrådgiver, foredragsholder og skribent i IT-bransjen, hvor han veileder bedrifter og organisasjoner i strategisk bruk av IT. Les mer...

Facebook Twitter LinkedIn Flickr Vimeo Google Reader Martin Bekkelunds blogg Martin Bekkelunds RSS-kanal

© 1995-2012 Martin Bekkelund
OpphavsrettRSSKontakt