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

31 January, 2008 | Typography

Snygga professionella typsnitt

fonts.jpg

Font eller typsnitt är en viktig del av designen men av tusentals typsnitt kan det ibland vara svårt att avgöra vilka man ska välja. Att en logga är snygg beror mycket på vilket typpsnitt man har valt och hur man har använt den. Vissa typsnitt är tidlösa klassiker som t.ex. Helvetica men om man vill skilja sig från mängden finns det ett antal andra professionella typsnitt som man kan använda.

Här kommer jag att lista vissa populära sajters typsnitt och därefter kommer jag att lista mina favoriter bland snygga och eleganta typsnitt som man kan ladda ner gratis.

skype5.jpg
Skype
Font: Helvetica Rounded Bold

youtube4.jpg
YouTube
Font: Alternate Gothic No. Two

flickr2.jpg
Flickr
Font: Frutiger Black

facebook.jpg
Facebook
Font: Klavika

technorati1.jpg
Technorati
Font: Neo Sans Medium

weblogs2.jpg
Weblogsinc
Font: Syntax Bold

Nedan kommer jag att lista kvalitativa och professionella typsnitt som du kan ladda ner gratis.

justofashion.jpg
Just Old Fasion

qlassik.jpg
Qlassik

teaspoon.jpg
Teaspoon

eurofurence.jpg
Eurofurence

anniversary.jpg
Anniversary

anziano.jpg
Anziano

thryomanes.jpg
Thryomanes

Kolla listan p̴ Smashingmagazine Р40 Excellent Free Fonts For Professional Design

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?

10 January, 2008 | Usability, Web

Varför bara en sökfunktion?

Var nyligen inne på Helsingborgs webbplats på jakt efter lite kontaktuppgifter. Jag går in på fliken kontakt och där dyker det upp två fält:

helsingborg2.jpg

Problemet med detta är att du som besökare kanske inte vet vem det är du ska kontakta eller vilken titel personen kan tänkas ha. Ett annat problem är att varken adressuppgifter, telefonnummer eller kommunens email finns med. Visst finns kontaktuppgifter längst ner på sidan men som besökare förväntas jag hitta dessa uppgifter under fliken Kontakt.

Kontaktuppgifter är viktiga uppgifter som besökaren på ett enkelt sätt ska kunna hitta men i det här fallet blir det inte så lätt. Jag ska inte uttala mig om hur bra eller dåliga kommunala webbplatser generellt är, det finns andra som är bättre på det. På 24timmarsbloggen finns lite nyttig information, bland annat:

Att bygga en kommunal webbplats
Drygt 30 kommunala webbplatser
Den perfekta kommunala webbplatsen

8 January, 2008 | Web

Vackra CSS sajter

Det finns en hel del CSS sajter där ute men hur hittar man dessa, och framförallt hur hittar man de med snygg design? Det finns mycket inspiration att hämta ute på nätet och enklaste sättet är att gå in på olika CSS gallerior. Många av dessa CSS sajter som finns på olika gallerior är bloggar och detta är ett stort plus då du som har en egen blogg lätt kan hämta inpsiration.

De CSS gallerior jag gillar och som är värda en titt är följande:

CSS Mania – Min favorit bland CSS Gallerior främst för att den uppdateras med ca. 10 sajter varannan/var tredje dag. Enkel och lätt att bläddra igenom.

CSS Clip – Trevligt att man fÃ¥r en fingervisning över hur sajten ser ut utan att behöva gÃ¥ till den. Uppdateringen är dock inte deras bästa sida.

W3C Sites РEn CSS galleria som har fokus p̴ webbstandarder.

Nice Stylesheet – En ganska nystartad sajt med stor potential.

The Daily Slurp – Bra sajt som uppdateras varje dag därav namnet.

LighOnDark РSpecialiserar sig p̴ vackra sajter med ljus text p̴ m̦rk bakgrund.

Det finns hundratals andra CSS Gallerior men dessa gillar mer än andra.

Prenumerera på RSS-flödet RSS Feed

Kategorier