Det är inte alltid det lättaste att få en webbplats som har bra struktur och är balanserad på ett rätt sätt. För att uppnå detta använder många designers grids eller som det på svenska heter “Rutsystem”. Detta är egentligen en grundläggande designprincip som många tidningar använder sig av. Att använda grids för att skapa en layout har många fördelar, du får bättre symmetri, bättre struktur och bättre ordning och reda på din layout. Allt detta gör att ens besökare på ett lätt sätt kan ta del av din webbplats.

Själv har jag precis börjat lära mig hur webbplatser kan byggas med hjälp av grids och det finns hur mycket information som helst kring detta. Att sätta sig in i hur grid-based design fungerar kan vara tidskrävande och i vissa fall svårt men det lönar sig i slutändan. Att starta med att använda ett rutsystem är ett bra sätt att börja med när man vill bygga en webbplats. Med hjälp av ett rutsystem får du en solid grund att bygga vidare på. Grid-Based Design: Six Creative Column Techniques är en artikel som beskriver fördelarna med grid-based design och vad det är för någonting.

Det finns många webbplatser, allt från olika typer av bloggar till tidningar som har tillämpat en grid layout och här är vissa av dessa.

Themorningnews.org

Frieze.com

Hellyeahdude.com

Jeffcroft.com

Det finns som sagt många resurser gällande grids och på
Webdesignerwall – Grid and Column design hittar du många andra exempel på webbplatser som har tillämpat grid-based design. På 960 Grid System kan du gratis ladda ner en zip-fil som innehåller en redan färdig grid-mall som du kan använda.

Har du för lite att göra och önskar att du var en stjärna, ta en bild av dig själv eller någon annan och surfa in på FACEinHOLE.

Via Smashingmagazine hittade jag till The Evolution of Tech Companies’ Logos. Här presenteras hur olika företags loggor helt enkelt blev till.

Visste ni t.ex. att Nokias första logga var en fisk!

Trevlig läsning

Ett märkligt och mycket trevligt sätt att shoppa saker på kan du hitta på Etsy.com. Här behöver du inte veta vad det är du vill köpa, bara du vet färgen på det du vill köpa. Är du sugen på att köpa en blå pryl, ja då är det bara att välja färgen blå och blåa prylar kommer som på räls. Inte nog med detta Etsy erbjuder även andra unika sätt att shoppa på, shoppa hårt!

Tack till kollegan Katarina Walter för tipset.

Firefox är inte enbart en webbläsare, Firefox är även en verktygslåda.

Det finns många tillägg eller extensions till Firefox och det kan ibland vara svårt att veta vilka man ska använda. Med rätt tillägg kan du spara mycket tid och framförallt kommer du att arbeta snabbare. Här kommer jag lista de 12 bästa extensions som jag personligen tycker håller mycket hög kvalitet och som gör dig till en “surfmästare”.

1. Web Developer
   Utan tvekan ett av de bästa tilllägg som finns och som ger dig kontroll över bl.a. din kod och din webbläsare på olika sätt. Helt enkelt en “Swiss Knife” för alla webbdesigners.
2. Auto Copy
   Glöm CTRL-C nu behöver du bara markera texten och den läggs direkt i clipboarden. Dvs. du behöver bara bry dig om CTRL-V.
3. ColorZilla
   Med ColorZilla kan du direkt i webbläsaren ta reda på en viss färgs kod, t.ex. hexkod. Snabbt och effektivt utan att behöva öppna ett externt program.
4. Split Browser
   Med den här tillägget delar du upp din webbläsare i flera delar. Detta ger dig en mängd möjligheter där du t.ex. direkt kan jämföra olika sajter och klistra och klippa mellan dessa.
5. Load time Analyzer
   Få reda på hur lång tid en webbsida, en bild eller en script tar att ladda upp. Kan vara bra att veta i vissa stunder.
6. Measurelt
   Det här lilla verktyget ger dig en möjlighet att direkt i dín webbläsare mäta av pixelbredden och pixelhöjden. Inget mer kopierande in i Photoshop. Den här funktionen finns även i tillägget Web Developer.
7. Window Resizer
   Det här tillägget ändrar storleken på din webbläsare så att du direkt kan se hur en sajt ser ut i de olika upplösningar, 640×480, 800×600, 1024×768, 1280×1024 och 1600×1200. Den här funktionen finns även i tillägget Web Developer.
8. Viamatic foXpose
   Med ett enda klick öppnas alla webbläsarfönster, snabbt och enkelt.
9. Image Zoom
   Image Zoom ger dig möjlighet att zooma in bilder direkt i din webbläsare.
10. Copy Plain text
    Avskyr du också när textformateringen t.ex. kursiv och fet stil följer med när du kopierar text. Med det här verktyget kopierar du texten utan någon formatering.
11. View Source Chart
    Om du snabbt vill få en översikt över en sidas HTML-kod är detta ett perfekt tillägg. View Source Chart visar färgkoder i ett HTML dokument och även hur djupt nästlade elementen är utan att du behöver scrolla ner.
12. Screengrab!
    Spara bara det du ser i fönstret, spara en viss del av sajten eller varför inte hela sajten. Praktiskt och enkelt.

Dessa är mina favoriter, vilka skulle du lägga till i listan?