It's aliiive!
cjohansen.no våkner fra dvalen og pusser opp "lokalene". Sentralt i redesignet har vært kutt, kutt, kutt. Forhåpentligvis er resultatet en enklere site, som er både raskere og mer stabil.
Utgangspunktet
De av dere som titter innom her jevnlig har sannsynligvis notert seg at cjohansen.no til tider har vært veldig ustabil og mye nede. Dette har hatt å gjøre med et problem med cache-blokker i eZ Publish. Jeg har lenge irritert meg kraftig over dette, men ikke hatt muligheten til å gjøre noe med det. Før nå.
Mindre vås, strammere fokus
Når jeg først kom igang var målet å lage en site som var simplere, og hadde høyere fokus på artiklene - som tross alt er det som utgjør innholdet her. Jeg ønsker også å fjerne datofokuset for å øke levetiden til artiklene.
Mindre innhold
Musikk-biten er borte. Det vil si, innholdet ligger her om du har URL-ene, men jeg fronter det ikke lengre. Grunnen er så enkel som at jeg ikke har tid til å skrive om alt mulig. Musikkbiten var den minst aktive og blir dermed borte, selvom jeg gjerne skulle ha sagt noen ord om både den nye Metallica-plata og den nye Burst-plata...
Utviklingsstoff og filmomtaler fortsetter som vanlig.
Mindre navigasjon
Veldig mye ekstra navigasjon er fjernet for å unngå forstyrrelser. Jeg har laget en helt streit arkiv-browse-sak som jeg tror stiller behovet mer enn nok. Dessuten er ikke søket helt gæli, så om man leter skal man nok finne. I tillegg har jeg lagt til en funksjon jeg har sett flere steder - "muligens relatert". Hver artikkel har i bunnen lenke til to andre artikler som regnes som relaterte. Jeg har testa den litt og den ser ut til å funke bra for å "oppdage" siten litt på måfå (og litt etter interesse).
Mindre fokus på datoer
Desverre husker jeg ikke hvor jeg så dette, men det er ihvertfall et gulltips. Dersom man ønsker at stoffet skal ha en viss levetid bør man fjerne fokuset på datoer. Ved å ha dato i URL-en, tydelig tidlig i artikkelen, og muligens flere steder, risikerer man å skremme vekk lesere som finner artikkelen din et år eller to etter den er publisert. Dette på tross av at artikkelen fortsatt kan være helt kurrant.
Jeg har dermed restrukturert alt innholdet slik at URL-ene nå er basert på kategorier (og dermed er kortere), og at datoene generelt sett er mindre synlige - men ikke usynlige. Det er jo til en viss grad relevant når de kom på nett.
Teknisk oppgradering
Jeg har foretatt meg mange tekniske oppgraderinger. Den største er at jeg har oppgradert til eZ Publish 4.0, noe som ser ut til å fungere strålende. Selve oppdateringen var også overraskende enkel.
Malene er implementert på nytt, og jeg har denne gangen tatt inn over meg mange av ytelses-tipsene som har kommet (i hovedsak) fra Yahoo! den siste tiden. Resultatet er 89 i score på YSlow, noe jeg er godt fornøyd med. Hadde jeg hatt en CDN (gitt at publikummet mitt stort sett er i Norge er vel én server omtrent så godt som en CDN) hadde jeg hatt 98.
For syntax highlighting har jeg bytta fra dp.SyntaxHighlighter til den simplere og lettere Prettify.js. Jeg kom over denne tidligere idag da jeg så på det nylanserte JS.Class, et Javascript-rammeverk av James Cogland. Fargetemaet jeg bruker er også basert på det Cogland bruker på nevnte rammeverk-site. En god eksempelartikkel er Skjemavalidaering med Javascript (et tema jeg forøvrig veldig snart kommer med mer om).
Prettify er mye enklere enn nevnte dpSH, og var også skamenkel å "theme". Ekstra bonus at den kan highlighte kode i en inline <code>.
Design
Jeg er alt annet enn en designer, så det grafiske uttrykket blir litt tilfeldig. Denne gangen har jeg fått litt hjelp av min gode venn Jørgen Maristuen, som har laget logoen og skullsa i bakgrunnen. Takk så mye!
Utover dette har jeg tatt i bruk de billigste knepene: store fonter, runde hjørner og gradienter. Jeg tipper jeg er uhipp i løpet av et halvt år. Det som har vært fornøyelig er at jeg har gjort mye av dette med CSS3-ting (feks border-radius). Det funker ikke i like mange nettlesere, men fallbacken er litt mindre spenstig "design", og det kan jeg leve med. Når CSS3 får bred støtte vil mange typiske designoppgaver bli langt raskere å få unna (så sant trendene ikke endrer seg, haha).
Dett var dett for denne gang, jeg kommer tilbake om ikke for lenge med noe faktisk innhold!
Kommentarer
Martin Bekkelund
(http://www.bekkelund.net/)
29. september, 02:20
PS, du benytter både Copyright og CC som lisensiering, hvilket er i konflikt med hverandre. Dropp Copyright og gå for CC. :-)
Christian
29. september, 08:18
Jeg er litt n00b på sånne rettighetsting, så takk for tipset. Skal ordne det i kveld.
Martin Berglund
(http://macbruker.com)
29. september, 09:10
Eneste jeg savner er tydligere skille av kommentarene. Kanskje en enkel understrek på .vcard?
Christian
29. september, 09:29
Det er mulig at kontrasten her er for dårlig og krever litt mye av skjermen. I så fall er det enkelt å gjøre tydeligere. Sjekker på en skjerm med lavere kontrast senere.
Hvis du ser gråfargen, men alikevel vil ha tydeligere skille så gi beskjed så ordner vi det :)
Prettify.js er veldig kul. Den er også raskere enn den jeg hadde før.
Kim Joar Bekkelund
(http://www.kimjoar.net)
29. september, 09:30
Martin Berglund
(http://macbruker.com)
29. september, 21:28
Christian
1. oktober, 00:13
Martin Bekkelund: Har fjerna copyrighten. Men jeg føler meg veldig usikker på hele greia, ser at du også har begge deler hos deg? Du burde skrive en artikkel om lisensiering og opplyse oss andre :)
Martin Bekkelund
(http://www.bekkelund.net/)
1. oktober, 14:45
Når det gjelder lisensiering gjør du det helt riktig nå, og jeg gjør det selv feil. Skomakerens barn har ikke fikset hjemme ennå, men det kommer.
Og, ja, jeg holder på med et prosjekt på jobben rundt dette med lisensiering av både programvare og innhold. Prosjektrapporten blir selvfølgelig fritt tilgjengelig og forhåpentligvis ikke alt for lang, så gidder folk å lese den.
Christian
1. oktober, 19:27
Når det gjelder tekst på svart så tok det i overkant lang tid før jeg skjønte at du da sannsynligvis misliker kommentarfeltet her. Håper du henger med litt til alikevel, så skal jeg revurdere ved neste innsats.
Martin Berglund
(http://macbruker.com)
2. oktober, 00:53
Christian: Nå ble det mye lettere for mine øyne å se hvor hver kommentar starter og stopper. Flott! :)
Ola
(http://telenor.no/privat/)
2. oktober, 14:00
Når det er sagt så er jeg ikke veldig entusiastisk for å ha en side som primært er svart, mens selve innholdsfeltet er hvitt. Det "lyser" veldig opp, og blir ganske slitsomt for øynene mine etterhvert.
Det grå feltet bak vcardene er også ganske mørkt hos meg. Jeg sitter ikke på en designerskjerm, men på en "helt ok" lenovo-skjerm som jeg i tillegg har justert kontrasten litt ned på. Så for meg er det fremdeles vanskelig å enkelt se hvor en ny kommentar begynner.
Christian
2. oktober, 17:15
Selv sitter jeg med en ganske middels Lenovo-laptop (i 5000 kronersklassen) og trodde det var rimelig safe å gå for ting som var tydelige her. Skjermen har tydeligvis langt bedre kontrast enn jeg antok.
Christian
8. oktober, 22:42
Miu Miu Pas Cher
(http://www.miumiupascher.com)
12. mars, 02:45
la rivière Cher et la Loire, à environ 65 miles de Miles-Orléans et 125 au sud-ouest de Paris.<a href="http://www.miumiupascher.com/6-miu-miu-2011"title="Miu Miu 2011">Miu Miu 2011</a>
Cette ville est la capitale des Français département de l'Indre et Loire.