quote 1 quote 2 quote 3 quote 4 quote 5 quote 6 quote 7 quote 8

10 April, 2008 | Usability, Web

Grid-Based Design skapar ordning och reda

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
themorningnewsorg.jpg

Frieze.com
friezecom.jpg

Hellyeahdude.com
hellyeahdude.jpg

Jeffcroft.com
jeffcroft.jpg

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.

10 March, 2008 | Web

Förvandlas till en superstjärna med FACEInHOLE

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.

igor_clint.JPG

29 February, 2008 | Web

Loggornas evolution

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

nokia_logo.JPG

28 February, 2008 | Web

Olika sätt att shoppa på, jag vill shoppa blått

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.

blue.JPG

17 January, 2008 | Usability, Web

Använder du Firefox? Missa då inte dessa essentiella extensions!

ff1.jpg

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?

Page 5 of 10« First...34567...10...Last »

Prenumerera på RSS-flödet RSS Feed

Kategorier