Archive for the ‘ Webbdesign ’ Category

Gratis HTML templates

By on juli 16, 2011

I tidigare inlägg som Gratis hemsidor och Webbdesign i Photoshop har jag delat med mig av länkar till gratis hemsidemallar och guider du enkelt kan följa för att designa en egen och snygg sida i Photoshop. Här kommer ytterligare ett antal länkar till sidor där du kan hitta riktigt snygga och gratis HTML templates som du kan använda som grund till en egen hemsida.

jQuery Sliders

By on juli 1, 2011

jQuery är en bra teknik för att skapa moderna och interaktiva webbsidor. Ett vanligt användningsområde av jQuery är sliders, som är ett sätt att animera exempelvis bildövergångar. Här kommer länkar till ett stort antal färdiga jQuery sliders och olika guider till hur du kodar dina egna sliders med hjälp av jQuery.

Skillnad mellan webb och tryck

By on april 27, 2011

Något jag ofta stöter på när jag gör hemsidor är att kunder tänker pappersprodukt alldeles för mycket. De kan till och med skriva ut en hemsida bara för att det är ”lättare att se” hur det egentligen ser ut. Det kan också vara svårt för dem att förstå att det finns vissa begränsninger när det gäller placering av exempelvis text och bild i ett CMS de själva ska kunna jobba med enkelt.

Det är stor skillad att arbeta med layout för tryck jämfört med layout för webb. Jag hittade en artikel som heter Bridging the gap: Difference between print and web design. Där tar de upp några av de saker som gör att det är skilland mellan webb och tryck.

Gratis hemsidor

By on juni 7, 2010

gratis hemsidorVill du skaffa en snygg hemsida men inte kan producera den själv och tycker att det är för dyrt att anlita en professionell byrå som arbetar med webbdesign? Beroende på ändamålet med hemsidan finns det olika sätt att komma undan med en gratis hemsida. Vill du enbart ha en personlig blogg finns det många olika gratisalternativ som exempelvis Blogger och WordPress.com.

Letar du gratis hemsidor till ett mer kommersiellt syfte finns det många resurser med gratis hemsidesmallar att hitta på nätet. Fördel här är dock om du på något sätt kan göra enklare justeringar såsom lägga in din egna logotyp. Du måste också givetvis kunna lägga in egen text.

Här är några ställen du kan leta efter mallar för gratis hemsidor:

Open Source Web Design

TemplateMo.com

9 snygga CSS-mallar

10 gratis hemsidemallar med PSD-filer

50 gratis hemsidor av hög kvalitet

Fler än 70 gratis maller med PSD-filer

100 gratis XHTML-mallar

Gratis mallar i HTML5 och CSS

99 XHTML/CSS-mallar

Gratis mallar för portfolio

15 templates och frameworks

Webbdesign i Photoshop

By on mars 16, 2010

webbdesign-i-photoshopDe flesta som arbetar professionellt med webbdesign och layoutarbeten vid hemsidesproduktion skapar först designen i Photoshop, för att sedan skapa delbilder som kodas in och bygger upp hemsidan. Det finns många tips och skolor som går att använda sig av för att skaffa sig inspiration och nya värdefulla kunskaper när man ska bygga en hemsida. Jag har samlat några av de sidor som tar fram och lägger ut bra guider för webbdesign i Photoshop här. Vissa av dem visar enbart hemsideslayouter och vissa av dem varvar andra Photoshop-guider.

Utöver ovanstående sidor som publicerar en stor mäng bra guider för webbdesign i Photoshop har jag också hittat några sidor som listar upp guider för snygga hemsidor framtagna i Photoshop av olika designers. Dessa sidor är Web Design Ledger, Noupe och instantShift.

Lär dig CSS

By on december 8, 2009

Vid webbproduktion finns det egentligen inget vettigt alternativ än att använda sig av CSS (Cascading Style Sheets). Med hjälp av det kan du skilja på innehållet på hemsidan och den del av koden som styr din webbdesign dit du vill ha den rent utseendemässigt. På så sätt får du en betydligt sökmotorvänligare hemsida och det är enkelt att ändra i det layoutmässiga på webbsidan.

För den som har byggt hemsidor med tabeller tidigare är det kanske inte ett naturligt sätt att koda, men det finns oändligt med resurser att ta hjälp av och om du vill lära dig att bygga hemsidor med hjälp av CSS hittar du några av dessa här:

Fler snygga webbsidor

By on november 19, 2009

fler snygga webbsidorFör ett tag sedan postade jag inlägget Snygga hemsidor, där jag tipsade om ett gäng länkar där du helr enkelt hittar ett antal snygga hemsidor att inspiraras av när du ska jobba med webbdesign. Tänkta i detta inägg tipsa om länkar till ytterligare sidor där du kan hitta en stor mängd fler snygga webbsidor. Hoppas det kan komma till användning i din webbproduktion.

Kolla på följande sidor:

Resurser för grafisk design

By on november 10, 2009

resurser för grafisk designPå GraphicMania hittade jag en bloggpost där de presenterar ett väldigt stort antal resurser för grafisk design. Inriktningen är grunge och du hittar flera olika set av ikoner, över 20 snygga texturer, 15 stycken typsnitt med grungekänsla och mängder av Photoshoppenslar som kryddar din design lite extra.

Även om du inte arbetar med en hemsida som går i grungestil kan det  finnas material som går att använda för att bryta av den genomgående designen och få olika partier att sticka ut från mängden.

Resurserna hittar du här!

Snygga hemsidor

By on oktober 26, 2009

snygga hemsidorAlla som arbetar med webbdesign vill naturligtvis producera snygga hemsidor. Givetvis kan det då vara bra med lite nya infallsvinklar, så att man inte står och stampar i samma fotspår hela tiden. Det finns mycket nytt att lära sig när det gäller kreativa lösningar för hemsidor. Titta igenom nedanstående länkar för inspiration till snygga hemsidor.

Vill du hitta fler snygga hemsidor kan du kolla in mitt inägg där jag skrev om inspiration för webbdesign.

Arbeta med CSS i Dreamwaver

By on oktober 21, 2009

arbeta med css i dreamweaverNär jag arbetar med webbdesign i Dreamweaver brukar jag till 95% sitta och knacka kod i texteditorn. Har varit nöjd med det och egentligen aldrig gått in för att lära mig ens en bråkdel av programmets alla funktioner. Hittade av en slump en Dreamweaver guide som tar upp hur man kan CSS-koda en punktlista till en snygg meny. Detta enbart med Dreamweavers inbyggda funktioner. Resultatet blir detsamma som att man kodar manuellt, men tillvägagångssättet är helt olika. Lite roligt att se hur extremt olika man kan jobba för att nå samma mål.