Da jeg lagde designet for denne bloggen, prøvde jeg å legge til noen slike detaljer. Se for eksempel på effekten i bakgrunnen, som ikke synes før man endrer størrelsen på nettleservinduet.

En annen detalj er muligheten for å skjule sidespalten ved å klikke på riktig sted. Jeg har ikke automagisk fått et supert design på grunn av disse småtingene, men det er morro med detaljer

Her er kodesnuttene som gjør det mulig:

jQuery

jQuery(function($) {
  $('body').prepend('<div class="showhide"></div>');
  $('.showhide').toggle(
    function() {
      $('#side').animate({ opacity: '0' }, 750, function() {
        $('#container').animate({ width: '560px' }, 250, function() {
          $('body').toggleClass('narrow');
        });
        $('#side').hide();
      });
    }, function() {
      $('#container').animate({ width: '840px' }, 250, function() {
        $('#side').animate({ opacity: '1' }, 750).show();
          $('body').toggleClass('narrow');
        });
      }
    );
  $('#about .showhide').click();
});

CSS

.showhide {
  position: absolute;
  margin-left: -13px;
  cursor: pointer;
  display: block;
  height: 10px;
  z-index: 99;
  width: 26px;
  left:50%;
}

Hvilke nettsider og detaljer synes dere er tøffe?

I disse dager reklameres det ivrig for fruktdrikker i Oslo. Det er klistret opp plakater på t-banestasjoner, busstopp, bysykkelstativer og mange andre steder. Imsdal og Tine har fått laget noen fine kampanjer, men de skulle kanskje ikke ha brukt «samme» designer?!

Stabla frukt er visst veldig hot

Kjenner dere til noen andre forholdsvis ferske eksempler på stabla frukt?

I papiravisenes verden brukes ekstra store titler på viktige saker. I ekstremt viktige saker velger avisene å bruke såkalte «krigstyper». Mange av prinsippene fra papiravisene har blitt med over på nettet, og «krigstypene» er en av disse prinsippene. Overskriftene fra VG.no, Dagbladet.no blir tilpasset av de som jobber med desking av forsiden.

Dagsavisen.no har valgt et strammere design på forsiden sin. Titlene ser ut til å ha faste størrelser, og hele layouten ligner mer på de store amerikanske og britiske nettavisene som nytimes.com, telegraph.co.uk og liknende sider.

Spørsmålet jeg har stilt meg selv, og som jeg lurer på om dere kan hjelpe meg å finne svar på, er følgende: Hvor viktig er egentlig tittelstørrelsen på en sak for at du skal bli interessert, og velger å lese den?

Et lite dytt

For en stund siden skrev Mia Holte en bloggpost der hun viste sin aller første utgave av miaholte.com. I posten var det også en utfordring til andre, om å vise frem sine første nettsider. Det var denne utfordringen som dyttet meg i gang med å designe du ser nå. Jeg trengte et sted å presentere mitt første webdesign, og da passet det fint å starte opp macbruker.com igjen.

Jeg har ikke vært spesielt flink til å ta vare på mine webdesign, men den første utgaven av macbruker.com hadde jeg arkivert på CD. Nettsiden var en del av en egenprofileringsoppgave på MI, høsten 2002. Designet ble laget i Adobe Photoshop 7, med solid støtte av gode, gamle Adobe GoLive 6.

Nytt design

Til det nye designet har jeg lekt meg med litt enkel CSS3 og testet mulighetene med PNG 24. Bakgrunnen er utformet med hjelp av denne geniale guiden for å lage digital bookeh effekt i Adobe Photoshop. I bakgrunnen kan du se en slags parallax effekt om du endrer størrelsen på nettleservinduet. Prinsippet for denne effekten forklares detaljert i en artikkel hos thinkvitamin.com. I tillegg har jeg gjemt en liten effekt, laget med jQuery, et sted i designet.

Det gjenstår litt småtteri med siden fortsatt, men det er greit å lansere nå