↓ Archives ↓

Posts Tagged → web

Idé til skalerbart design

Det er jo pænest at lave webdesign der virker uanset størrelsen på den skærm eller browservindue der viser den. Der findes uden tvivl andre metoder, eller frameworks til at lave følgende, men jeg synes alligevel det er en smart finte :-)

En klassisk hjemmeside ser sådan ud:

[...]
<body>
 
<div id="wrapper">
    [indhold]
</div>
 
</body>
[...]

Inde i wrapper-elementet har man så nogle menuer m.m. der har nogle forskellige breder. Typisk en menu på 30 % og indhold på 70 %. Når man trækker i vinduet, eller ser den på en lille skærm, så vil de to kolonner måske være meget smalle.

En løsning kan være at man med jQuery lytter på om brugeren skalerer vinduet (og udgangsstørrelsen når siden er loadet), og så afhængig af bredten af vinduet tilføjer eller fjerner en klasse til wrapper-elementet. Eks.:

$(window).resize(function() {
  if (document.width < 600) {
    $("#wrapper").addClass("small");
  }
  else {
    $("#wrapper").removeClass("small");
  }
});

I eksemplet sætter jeg en klasse ved navn ‘small’ på wrapper-elementet når siden er smallere end 600 px. I mit stylesheet skal jeg så definere mine elementer ud fra det. Eks.:

/* Default */
#wrapper #left_side {
  float:left;
  width:70%;
}
 
#wrapper #right_side {
  float:right;
  width:30%;
}
 
/* width < 600 px */
#wrapper.small #left_side {
  float:none;
  width:100%;
}
 
#wrapper.small #right_side {
  float:none;
  width:100%;
}

Mit nye favorit-site: Iconfinder.net

Nu har jeg brugt det i nogle måneder, og det er virkelig genialt! Før købte jeg ikonpakket hos iStock, men hos Iconfinder.net får jeg tit bedre ikoner — og gratis!

Kig forbi!

Netaviser og søgemaskiner

Her på Stiftstidende gør vi meget ud af at søgemaskiner, og især Google, skal have let ved at indeksere vores site. Vi giver søgemaskiner adgang til de ting som betalende abonnenter har adgang til. Vi angiver dog at siderne ikke må caches. Vi har lavet et sitemap til Google, så den nemmere kan finde indhold på sitet. Det betyder at Google har ca. 219.000 indgange til www.fyens.dk.

Det gør at vi får rigtig mange hits fra søgemaskiner.

Derfor undrer det mig, at andre danske netaviser er meget fjendske overfor søgemaskiner. Kigger man fx i robots.txt for Damebladet Politiken eller Ekstra Bladet, så står der:

User-agent: *
Disallow: /

Det betyder at for Politikens vedkommende findes der i Google 425 sider, og for Ekstra Bladet 417.

Gad vide hvorfor de ikke vil have folk ind på deres sites?