Arkiv för kategori ‘Webbdesign’

Vädertjänst till Lubeck.nu

lördag, 4 april, 2009

Just nu letar jag efter ett bra väderprognos-API (Application Programming Interface) till Lubeck.nu. Jag vill kunna erbjuda automatiskt uppdaterade och kortfattade väderleksprognoser direkt på sajten. Det är först de senaste dagarna jag fått upp ögonen för denna typ av applikationer och vilken nytta man kan ha av dem.

Designen till Lubeck.nu är jag väldigt nöjd med, men den är ännu inte helt färdig. Jag funderar på att använda samma grunddesign till alla mina stadsdomäner. Jag är dock lite orolig att designen är för mörk.

Mina domäner av denna typ:

  • Hamburgguiden.se
  • Kaliningradregionen.se
  • Lugano.se
  • Lubeck.nu
  • Gaza.se

Designa för mini-PC

fredag, 20 mars, 2009

Det är ju populärt att skaffa mini-PC sedan Asus (tror jag det var) öppnade markanden med sin första version av Eee PC. Jag har just en Asus Eee PC och märkte att designen av DI.se lämpar sig väldigt dåligt för en liten bildskärm. De har logga, en meny samt en reklambanner i en ram längst upp på sajten. Innehållet scrollar man sedan fram i den undre ramen.

Detta gör att innehållet man vill läsa får väldigt lite utrymme på skärmen och man måste försiktigt scrolla hela tiden. Jag ser ingen stor fördel med denna design, förutom att de lägger fokus på reklambannern hela tiden besökaren vistas på sajten.

Kanske något att tänka på när du ska designa sajter framöver. Såhär ser DI.se ut på en 10″-skärm med upplösningen 1024×600.


Den blå linjen förtydligar var de båda ramarna möts.

SwedishTobacco.se är under utveckling

torsdag, 19 mars, 2009

Nu har jag satt igång arbetet med en webbplats på domänen Swedishtobacco.se. Tanken var först att spara domänen och kanske sälja den i framtiden. Nu har jag dock börjat arbeta på en webbplats om svenskt snus.

Jag är ganska nöjd med designen i stort jag har problem med att få bilderna på sajten snygga. De har vit bakgrund från början och jag vill göra den transparent eller i bakgrundens gråa färg. Det är kanten på snusdosorna som blir hackig eller ojämn. Jag skulle behöva ett bra verktyg i Paint Shop Pro som kan snygga till dem. Får väl testa mer med inställningarna på de verktyg jag hittat än så länge.

Som ni ser ligger det redan nu en del Adsense-enheter upplagda. Det är inte för att jag är girig och vill tjäna några cent extra under utvecklingsstadiet. Jag vill helt enkelt att de ska ligga uppe så att jag får en helhetsbild av sajten. Kom gärna med förslag på förbättringar om ni har några idéer.

Rambaserad design

söndag, 8 mars, 2009

Det finns några fördelar med en sida som är uppbyggd på olika frames. Dessa gör det möjligt för dig att ha t.ex menyn och logotypen synlig hela tiden för besökarna., vilket i många fall ger en lättnavigerad sida.

Nackdelarna med denna typ av design är dock ganska många. Den största nackdelen är enligt mig att det är i stort sett omöjligt att djuplänka till ditt innehåll och samtidigt göra så att meny och logga syns när man går in via den länken. I en frame-design består index.html av en uppsättning FRAMESET-taggar som bestämmer hur stora de olika områdena ska vara samt vilket innehåll som ska visas när de anropas från index.html (startsidan). Den enda sidan besökaren ser i adressfältet är dindomän.se/index.html. Detta gör att besökare som vill lägga till en specifik sida på din sajt bland sina bokmärken alltid kommer skapa ett bokmärke till startsidan.

Ytterligare ett problem med rambaserad sida är att besökare som hittar den via Google ofta kommer till en undersida som egentligen ska visas i innehållsdelen på din sajt. Om länken på Google pekar mot dindomän.se/produkter.html så kommer besökaren in på produktsidan men ser inte loggan och menyn på din sajt, vilket gör det svårt att fortsätta navigera runt på den. Det finns dock sätt att komma runt detta, så att de övriga delarna ändå visas om man kommer in via ”fel” sida.

Mitt råd är att om du har en rambaserad webbplats så bör du anlita någon som kan göra en ny webbplats utan ramar åt dig, om du inte kan göra det själv såklart. Om du har en inte allt för stor webbplats så skulle jag kunna ta på mig jobbet mot en liten peng.

IE Tester

måndag, 23 februari, 2009

IE Tester är ett smidigt program som innehåller flera versioner av Internet Explorer. När du öppnar en ny flik väljer du vilken version av IE som ska användas för att tolka din kod. Detta är ett smidigt sätt att slippa ha flera versioner installerade på datorn om de bara används för att testa webbsidor.

IE Tester innehåller Internet Explorer version 5.5, 6, 7 och 8 (beta 2)

Upptackafrika.se

tisdag, 17 februari, 2009

Just nu håller jag på att utveckla en ny informationssida om de östafrikanska länderna Kenya, Malawi, Tanzania och Uganda. Sidan ligger online under utvecklingsarbetet och jag har utgått från min Wasabi.nu-design. Tanken är att designen ska förändras ytterligare  så att den inte är alltför lik Wasabi. Problemet är färgerna, jag tycker den nuvarande khakifärgen passar bra på Upptäck Afrika.

Innehållet kommer förhoppningsvis min bror skriva. Hösten 2008 reste han runt i dessa länder under tre månaders tid och det kommer troligtvis resultera i ett personligt, underhållande och unikt innehåll. Det är ingen hemlighet att målet med sidan är att tjäna pengar på annonser. Jag tycker även det är väldigt viktigt med bra innehåll som är till nytta för besökarna.

Nya Wasabi.nu lanserad

lördag, 24 januari, 2009

Nu är 2009 års version av Wasabi.nu lanserad. Om jag inte helt missat något stort så gick övergången smidigt och skedde natten mot lördagen den 24 januari. Min största farhåga är att sidan rasar i Googles SERP eftersom i stort sett alla gamla sidor har slutat fungera eftersom det är nya adresser tillmotsvarigheterna på den nya. Jag har inte lyckats med en 301-redirect i .htaccess men har dock kvar de gamla ASP-sidorna och på var och en av dem gjort en redirect till motsvarande avdelning på nya sajten.

Jaja, i värsta fall så förlorar man placeringar ett tag. Värre är det med gamla djuplänkar som antagligen inte kommer uppdateras.

Omprioriteringar

fredag, 23 januari, 2009

Nu har arbetet äntligen börjat med 2009 års design av Wasabi.nu! Det har blivit en tradition att ge sajten ett nytt utséende varje år, och varje gång tänker jag ”den här designen kommer stå sig längre än ett år”.

Den nya sidan kommer vara mycket bättre sökmotoroptimerad än den förra, som hade många brister här och var. Jag är inte helt nöjd med utséendet på höger och vänsterkolumnerna, men det ger sig nog med tiden. Man får finjustera och pilla lite efterhand som all ASP-kod klistras in i, och anpassas till den nya designen.

Detta arbete gör att min planerade installation av Wordpress till denna blogg har fått skjutas på framtiden. Detta gäller även större arbeten på mina andra projekt.

Underbar design

tisdag, 13 januari, 2009

Det är mitt i natten/tidig morgon som vanligt och jag sitter och slösurfar och jobbar med några projekt som vanligt. Då kommer jag av en slump in på Kaffeinformation.se. Jag blir fruktansvärt förtjust i designen på den sajten. Denna sida ska jag absolut använda som inspiration i kommande arbete med mina egna sajter. Jag gillar den bruna färgen på menyn och rubrikerna. Sen gillar jag ju kaffe också, Zoega’s Blue Java såklart :D

Väldigt kortfattat om HTML, CSS och ASP

torsdag, 20 november, 2008

HTML (HyperText Markup Language) utgör strukturen på sajten och här skrivs innehållet som ska visas. HTML-kod är uppbyggd av sk. taggar som avkodas/tolkas av webbläsaren för att presentera sajten på det sätt som skaparen vill. HTML är ett sk. märkspråk och en webbstandard för strukturering av text.

CSS (Cascading Style Sheets) är stilmallar där man bestämmer presentationsstilen för de olika delarna va HTML-sidan. Man kan bl.a bestämma vilken font eller fontstorlek som ska användas. I HTML-filen hänvisar man till att de olika elementens egenskaper finns angivna i CSS-filen. Fördelen med att använda sig av en extern CSS-fil är att inställningarna bara behöver ändras på ett ställe, istället för i varje HTML-dokument. I HTML-filen anges bara ett ID eller en klass som sedan har sina egenskaper angivna i CSS-filen.

ASP använder man för att skapa dynamiska webbsidor, till exempel genom att läsa och skriva information till databaser. ASP-koden tolkas av webbservern som sedan skickar vanlig HTML-kod till webbläsaren.

ASP-kod kallas för “server-side script”, vilket betyder att den just tolkas av webbservern. JavaScript är ett exempel på “client-side script”, som körs och tolkas i användarens webbläsare. De vanligaste scriptspråken i ASP är VBScript och JScript.