Jag vet inte hur många gånger folk har frågat mig vad jag gör och när jag förklarat att jag är Webbdesigner så ser jag i deras ögon att dom inte riktigt har samma syn på vad det är som jag har. Istället dyker bilden av en finnig tonåring upp som leker med Frontpage, kastar in lite bilder han hittar på nätet och sen lägger ut på ett gratis webbhotell, vilket ligger väldigt långt ifrån vad det egentligen innebär att vara webbdesigner.

Webbdesigner är ju ett sådant där samlingstitel som kan betyda nästan vad som helst, ungefär som titeln ”skådespelare” som kan vara allt från statist i en hemproduktion till Oscarsnominerade karaktärsskådespelare. Till skillnad från titeln skådespelare som folk brukar tolka uppåt i skalan mot professionella aktörer så tolkas ofta titeln webbdesigner neråt mot amatörer och oseriösa personer. Troligen kan det härröras till att titeln webbdesigner ofta missbrukas hos den typen av personer medans titeln skådespelare inte missbrukas på samma sätt (personer som kallar sig skådespelare som saknar kompetens hånas och accepteras inte av övriga skådespelare).

[ Läs fortsättningen ]

No related posts.

Det är med viss skadeglädje jag läser om hur webbläsarvalet från Microsoft som nu ska rullas ut till alla windowsmaskiner oroar IT-administratörerna för på något sätt känns det bra att dom får känna av lite av den ångest och plåga som deras ovilja eller oförmåga att uppgradera sina system så att döda webbläsare som IE6 äntligen kan få vila i frid påverkar oss som jobbar med webbdesign.

Webbläsarvalet ska rullas ut nu i Mars fram till Maj och nu är man alltså orolig att användarna själva ska råka välja en webbläsare som dom uråldriga systemen på Sveriges bakåtsträvande företag och myndigheter fortfarande håller fast vid och jag förstår dom. Det är ingen rolig sits att år efter år dras med system som måste ha speciella webbläsare för att kunna fungera, webbläsare som i allt högre utsträckning inte längre stöds så att användarna upplever internet på ett förvrängt och i vissa fall helt oläsligt sätt.

[ Läs fortsättningen ]

No related posts.

Jag hittade precis världens roligaste webbplats, om du är i webbdesignbranschen vill säga, annars är den kanske inte alls så skoj. Korta, helt underbara kommunikationer mellan webbdesigner och kund som känns ack så bekanta.

Client: “We really love the design! However, can you make our website less cutting-edge? Our clients aren’t really that good at using the Internet and won’t use all of the bells-and-whistles.”

Me: “What are you referring to specifically?”

Client: “We don’t need the login area. None of our customers will use that.”

Me: “OK, well it is an e-commerce store so I’m not quite sure how you’re going to get paid without being able to identify the client.”

Client: “Well, you’re the designer and you’ve done a great job so far so I’m sure you can figure something out. Look at Google! You don’t have to login to their site and they’re making tons of money!”

Du hittar mycket mer på Clients from Hell!

Related posts:

1. .Tel domänen kommer i mars
2. vBulletin sålt till Internet Brands
3. Google Wave
4. Skapa en webshop med Wordpress på 5 minuter!
5. Modernbill köps upp av Parallels

Jag har börjat skissa lite på Mortfiles nya indexsida och jag har fått fram en grov grund att påbörja planeringsarbetet med. Tanken är att jag ska få en mer effektiv indexsida som laddar snabbt utan att kompromissa med innehållet.

Som jag skrev i min tidigare bloggpost så funderar jag på att skapa en ny indexsida (till att börja med) som ska vara snabb och effektiv, dvs ladda så fort som möjligt och sedan kunna både informera och dirigera besökarna dit jag vill styra dom. I det här fallet så vill jag styra kunderna till ordersidan, webbhotell, webbdesign, färdiga lösningar eller kontakt sektionen av webbplatsen…i den ordningen.

För att minimera utrymmet så tänkte jag använda mig av jQuery Tools för att skapa huvudområdet där det blir tabbar för dom delar som jag vill skicka besökaren och en indextab som ligger till vänster, ungefär som på demosidan. Under den blir det random portfolio och senaste händelserna (inte helt hundra på den sektionen), vilket betyder att jag kapar bort twingly och twitter skripten och minskar ner på textmassan en del. Sektionerna under kan eventuellt ändras för jag är inte helt hundra procent säker på vad som kan vara viktigt här…har du förslag så tar jag gärna emot förslag.

Det kommer att bli två CSS filer där core.css kommer att styra grunddesignen som återfinns på alla sidor och index.css kommer att innehålla allt annat som presenteras enbart på indexsidan. Det blir troligen två grafiska element, nämligen core_sprite.png för grunddesign grafiken som återfinns på alla sidor (logo, backgrounds osv) och en index_sprite.png som ska innehålla all grafik för indexsidan. Javascript kommer det att bli jquery.tools.min.js som innehåller både jQuery och jQuery Tools biblioteken. Utöver detta så blir det javascript för Google analytics i footern och en javascript snutt för Googles sökmotor som jag ska byta ut det befintliga systemet med.

Totalt så ska det alltså bli ett anrop för dom två CSS filerna, tre anrop för javascripten och två anrop för grafiken. Totalt alltså 6 anrop vilket jag tycker låter riktigt bra. Tyvärr så kräver även funktionerna för twitter, facebook och digg sina separata anrop, men jag ska försöka baka ihop dom med övriga javascript anrop i footern så det inte ökar antalet anrop. Det kan bli så att det istället blir ett ytterligare anrop i headern om det inte går att lösa på annat sätt, men vi får se vad jag kan trolla ihop.

Från indexsidan sedan så kommer dom cachade core filerna (core.css och core_sprite.png) att hämtas från cache vilket borde snabba upp övriga sidor ytterligare och jag ska göra lite tester för att se om jag ska dela upp anropen på olika domäner eller inte och tydligen så finns det fördelar med hur CSS filerna anropas, dvs om dom länkas in eller importeras. Jag måste även klura lite på om det kanske skulle vara bättre att ha separata anrop för jQuery och jQuery tools eftersom jag troligen kommer att använda jQuery på andra sidor och då kan det vara bra om det ligger i cache redan. Båda har CDN som kan anropas separat, vilket kan ge en snabbare upplevelse om besökaren redan har dom filerna i sin cache från andra sidor.

Tankar eller spontana reaktioner på mina planer?

Related posts:

1. Att bygga i CSS
2. Funderar på att omarbeta Mortfiles
3. Screencasts varje vecka?
4. Ordersystemet börjar komma på plats
5. Projekt Webshop 2009

Mortfiles.se är, för att vara varsam, ett hopplock av allt möjligt som skapats ”vid tillfälle”, vilket betyder att som respresentativ hemsida är det en ganska dålig konstruktion och jag funderar nu på att göra något åt det under 2010.

Att skapa en webbplats är mer än bara att slänga ihop en design, fulkoda ihop den, kasta in häftiga funktioner och lite innehåll. Mycket mer till och med. Tyvärr så har Mortfiles.se alltid hamnat sist efter kundprojekt, arbete och skolarbete, men nu funderar jag på om det kanske kan vara ett bra tillfälle att ta tag i problemet och göra om och göra bättre.

Bortsett från det faktum att en del sidor är i behov av uppdateringar och en del behöver göras om layoutmässigt så är det framförallt på optimeringssidan som jag vill lägga lite extra krut. Idag är koden långt ifrån optimal och jag tror inte det finns en enda sprite så långt ögat når. CSS filerna är hopknölade och det är javascript lite kors och tvärs. Visst det fungerar, men det kan bli så mycket bättre!

Tanken är att jag ska börja från indexsidan och jobba mig innåt eftersom det är indexsidan som dom flesta hamnar på först. Det jag har tänkt mig är att fokusera på 4 områden:

1. Grafik – All grafik ska läggas i Sprites och organiseras så att det blir så få grafiska element som möjligt utan att skapa för stora Sprites med onödigt innehåll för den aktuella sidan. All grafik ska självklar separeras från HTML koden och ligga i CSS filerna. [ Läs fortsättningen ]

Related posts:

1. Fontsize kontroller
2. EmeraldAce.com och Mortfiles VX
3. Mortfiles VX tuffar på
4. Mortfiles NX byggt på Wordpress
5. Mortfiles labs – nattliga tankar

Professional Frontend Engineering är ett intressant arbetsfält och Nate Koechly tar oss igenom en ganska lång, men aldrig tråkig presentation om vad det innebär. Nate går igenom allt från underanvända HTML taggar till doctypes och naming conventions.

Som webbdesigner var den här videofilmen väldigt intressant och jag rekommenderar verkligen att du sätter dig ner och tittar igenom dom lite drygt 90 minuterna som Nate Koechly tar oss med genom Professional Frontend Engineering och varför det är så viktigt.

Har du ett intresse av Webbdesign så är det här något du verkligen inte vill missa!

[ Läs fortsättningen ]

Related posts:

1. jQuery – dag 6
2. Wordpress dag 4 – Wordpress Loop
3. jQuery – dag 1
4. StoreSuite är prissatt
5. Javascrip från null

Efter ett lång tidså börjar nu äntligen ordersystemet att ta form så jag slipper skämmas över det fula och ofta ickefungerande ordersystemet, men det är en liten bit kvar än innan jag riktigt är framma där jag vill vara.

WHMCS är en fantastisk produkt som fungera väldigt bra, men jag har länge suckat över ordersystemet som ligger kvar i tänket att man använder WHMCS just till att sälja webhosting med väldigt stelt och inte alltid helt logiskt beställningssystem. Det blev lite bättre när man introducerade cart systemet så det gick att beställa flera tjänster på samma gång i ett cart system, men man glömde bort att det då behövs något som visar vad man faktiskt har beställt utan att behöva gå till kundvagnen. Lyckligtvis finns det lite plugins som löser den biten numera så den biten har löst sig.

Orginaldesignen för WHMCS, eller snarare orginaldesignerna eftersom det finns flera att välja på numera, är alla baserade på tråkiga gråa eller blåa fyrkantiga block och det kanske är funktionellt, men jag gillar det inte!  Istället har jag lagt in en lite trevligare grafisk miljö med en visuell representation av varje produkt  och knappar istället för dom tråkiga submitknapparna. En stepcounter visar var i beställningen man för närvarande ligger och det finns hela tiden en kundkorg som visar vad man har valt att köpa.

Det som är kvar att göra är dels att ordna designen för kundvagnen och kassan så dom ser snygga ut också plus en liten omdesign av kundkorgen som är lite…blek just nu. Även sidomenyn ska knåpas om lite med jQuery tabbar. Sen hade jag först tänkt lägga in lite jQuery för att presentera hjälpmenyer, men nu tror jag att jag skapar nya sidor och använder Apture istället! Det är något förföriskt med att kunna lägga in film, bilder och webbsidor direkt i en webbplats på det vis som Apture gör, så det ska jag prova först och se hur det passar.

Vad tycker du…ser det ok ut?

Related posts:

1. Mortfiles Labs får en egen plats
2. Komma igång med MagpieRSS
3. PHP – Dag 10: Komma igång med MySQL
4. Uppgraderingar på gång
5. Ny Kontrollpanel på gång

Dom tre stora sökmotorerna Yahoo, Google och Microsoft har enats om en ny metatag som ska hjälpa till att hantera duplicerat innehåll. Den nya taggen <link> ska användas för att markera vilken URL som ska vara den som sökmotorerna ska indexera för att på så sätt filtrera bort övriga varianter.

Google, Yahoo och Microsoft har alltså slutit upp kring den nya metataggen <link> för att på så sätt försöka lösa problemet med duplicerat innehåll och man har redan påbörjat arbetet att föra in stöd för den nya metataggen i sina sökalgoritmer. Problemet med duplicerat innehåll har varit lite av SEO nördarnas stora hjärtefråga och nu ser det ut som om det problemet kan, iallafall till en del, lösas med den nya metataggen.

Den nya metataggen <link> sätter alltså en relation mellan en sida och dess canonical länk, eller den länk som föredras om vi ska ta det på ren svenska, så att övriga länkar som kan förekomma med samma innehåll inte indexeras. Det betyder att på dynamiska sidor till exempel så kan man undvika att sökmotorerna indexerar alla sökvägar som har session ID och olika parametrar så att det bara blir en sida som indexeras. Fördelen med det är att det inte blir många varianter på samma innehåll eftersom duplicerat innehåll normalt får sämre genomslagskraft hos sökmotorerna.

För att använda den nya metataggen lägger man in den på följande sätt:

När man lagt till metataggen så kommer sökmotorernas crawlers att ignorera olika varianter på samma innehåll, som till exempel:

http://www.example.com/products?trackingid=feed

http://www.example.com/products?sessionid=hgjkeor2

http://www.example.com/products?printable=yes&trackingid=footer

En intressant ny metatagg med andra ord som det ska bli intressant att följa för att se vilka effekter det får när det gäller just duplicerat innehåll och SEO.

Källa: Jajja och searchenginejournal

No related posts.

Jag har fört samtal med WHMCS angående ett projekt där Facebook Connect integreras med deras system och jag befinner mig nu i ett slags mellanläge där jag ska försöka besluta mig för hur mycket pengar jag vill lägga ner på det projektet eftersom det finns möjlighet att köpa sig återförsäljarrättigheter, men det kostar en del.

Frågan om jag ska installera stöd för Facebook Connect är redan beslutad, det ska ske och förhållandevis snart. Frågan är däremot om jag ska skrapa ihop ytterligare finanser för att skaffa mig återförsäljarrättigheter och just nu väger jag mellan dom olika alternativen. Problemet ligger inte i att kunna få tillbaka på den investering återförsäljarrättigheter skulle kosta för det tror jag blir det minsta problemet. Problemet blir att kunna lägga upp en sådan summa på en gång eftersom jag inte direkt simmar i pengar så här efter jul.

Jag funderar även över hur man bäst kan sälja en sådan modul, vad man bör tänka på och…kanske viktigast, vilket prislapp man ska sätta.  Det skulle ju vara intressant att kunna lägga upp en sådan produkt på produktsidan som första skript till försäljning, men då kommer vi in på nästa projekt som jag tänkt vänta med ett par månader…tid är som vanligt en mycket stor faktor och tid finns det som alltid mycket, mycket lite av.

Lite tid har jag dock lyckats skrapa ihop och det har resulterat i en ganska trivsam utveckling av den här bloggen, eller snarare den nya layouten. Jag är nu nöjd med hur den nya layouten artar sig och den är nästan klar. Jag ska bara strukturera upp själva posterna med sociala nätverk och lite smått och gott och sedan koda om själva kommentar sektionen så den fungerar som det är tänkt.

Alla dom nya funktionerna är på plats som CommentLuv, relaterade poster och en ny navigations plugin för att nämna några och även Twingly’s funktioner ligger där jag vill ha dom. Nu ska jag bara fundera lite på första sidan där jag vill göra om lite också, bland annat så vill jag ha en sida istället för lista med poster så att jag kan inkludera saker som jag vill ha dom. Det gör att första sidan kommer att innehålla lite spännande saker som listor över dom mest aktiva medlemmarna, populäraste posterna osv.

En fundering jag har är även att integrera SimplePress forum för att använda till kommentarer! Det är ett ganska annorlunda steg, men fördelen är att kommentarerna då blir mindre kommentarer och mer en gemenskap om det låter logiskt. Förutom möjligheten att använda forumet på precis samma sätt som kommentarer så får medlemmarna mer utrymme genom möjligheterna att använda sig av signaturer och liknande vilket borde ge lite extra tillbaka i form av SEO eftersom medlemmarna kan både ange adress och länktext till skillnad från kommentarerna.

Inte riktigt säker på hur bra det skulle fungera, men om man inte provar så får man aldrig veta…eller hur? Vad tror du…skulle du föredra att kommentera på ett forumliknande sätt eller med det gamla kommentarsystemet?

Related posts:

1. Fars dag får lite annan betydelse i år
2. Lite mer aktivitet framöver
3. virus, skola och lite sånt
4. Mycket nytt på bloggen nu…
5. Nytt Facebook utseende igen

En ny wiki ser dagens ljus och den här gången så är det en sammanslagning av MediaWiki och Invision Power Board som bildar en riktigt spännande kombination på Mortfiles.

En wiki är något som dom flesta har hört talas om, men få har faktiskt använt ett och efter att ha satt upp en MediaWiki så förstår jag varför. Funktionsmässigt är en wiki helt fantastiskt, men användarvänligheten är urusel. För att kunna fullt ut använda en wiki måste du själv hålla koll på dom många olika ”taggar” som används för att länka ihop sidor med varandra eller formaterar innehållet. Det är inte dom vanligaste funktionerna heller utan helt nya som visserligen blir logiska efter ett tag, men vid första inblicken är det som bäst oerhört tungt att komma igång med på egen hand.

MortWiki är därför upplagt tillsammans med Invision Power Board för att ge en mer översiktlig hantering av användare och det ger funktioner som att kunna använda forumets BBCodes bland annat. Det ger även den finurliga funktionen att göra om wikins diskussions funktion så att istället för en statisk sida så skapas automatiskt en diskussionstråd i forumet på avsedd plats. Det gör det betydligt enklare att diskutera ett ämne än tidigare.

MortWiki kommer att fokusera på webbutveckling i synnerhet och internet i allmänhet så det blir en någorlunda fokuserad wiki till skillnad från många andra wikisar. Först måste jag dock se till att det finns klara instruktioner och funktioner för att enkelt kunna lägga till och ändra information så att det blir enkelt att komma igång.

Välkommen till Mortfiles Wiki!

Related posts:

1. Sjuk? Bygg en Wiki!
2. Mortfiles webbutveckling tar fart
3. Invision Power Board 2.2
4. IP.Board 3 Facebook Connect
5. Nu öppnar vi upp!