Redesign igen

Ni som känner mig vet att jag älskar att göra om här, gärna flera gånger om året och jag är alltid lika nöjd i några veckor framöver.

Denna gång blev det en ganska clean design, inte så mycket lull-lull som tidigare.

En del förbättringar i den nya designen är:

  • hur taggar listas
  • hur nodinfo visas under titeln
  • bytt syntax highlighter från chilli till SyntaxHighlighter
  • snyggat till formuläret för kommentarer
  • ljusare färger (nu när vinterns mörker äter en inifrån)


Jag har även tänkt på skillnader mellan olika webbläsare och försökt att optimera så gott det går. Till exempel så är den aktiva menyn med de runda hörnen gjorda med CSS där det går

-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;

För IE är det som vanligt en helt annan historia. Där används det bilder för att få till de runda hörnen. Detta fungerar även i FF, Chrome och andra webbläsare som har stöd för ovan nämnda CSS-kod men det känns onödigt att ha bilder där som måste hämtas när CSS är så mycket smidigare.

I sidfoten är det lite träd, fåglar och några moln. Min tanke med dessa var att molnen skulle "blåsa" runt i sidfoten och att fågeln skulle flyga runt bland träden m.h.a jQuery.
Jag började med molnen och fick det att blåsa runt, men det såg inte bra ut alls. Fick ingen verklighetstroget flöde på det så jag skippar det för nu.

Såhär såg det ut innan

Anon-Design före 2009-12-01

Lämna gärna kommentarer nedan på vad ni tycker om den nya desigen.

Kommentarer

Skriv kommentar
Gästs bild
Betamos
2 december, 2009 - 14:38

Snyggt som sagt. Riktigt snygg footer. Tråkigt dock att du gjorde specialanpassningar för IE :P

#1

Skriv ny kommentar

Visar din Gravatar ikon