Grafix Studio - webbdesigner och grafiker » Design

Responsive Design – studions tankar

Antonio — Mon, 23 Jan 2012 11:10:45 +0000

Du läser detta förmodligen för att du hört talas om Responsive Web Design. Det pratas mycket om det inom webbdesign och webbutveckling idag och allt fler designers och utvecklare börjar använda sig av tekniken.

Med hjälp av lite CSS3 och Media Queries kan man idag anpassa sin layout till olika upplösningar/fönsterstorlekar. Tekniken är lätthanterlig och enkel att förstå…

Men det finns olika vägar att implementera tekniken, främst vad gäller kompatibilitet med dagens moderna webbläsare. Du kan läsa mer om vilket tillvägagångssätt som passar dig här.

Hur fungerar det?

Jo, med hjälp av mediaqueries anpassa du layoutens struktur till olika upplösningar. Du ställer in min- och maxvärden och så fort en webbläsare läser sidan i angiven storlek ändras layouten..Såhär ser koden ut:

@media only screen and (max-width: 480px) { /*DIN CSS-KOD HÄR*/ }

Koden ovan appliceras på allt under 480px;

Man kan tillämpa denna teknik på två sätt, antingen med en s.k fluid layout, eller en fixed layout. Alltså flytande boxar och element angivna i procent, eller fasta bredder angivna i pixlar/em. Vilket av dessa ska man tillämpa och varför?

Fixed vs Fluid

Fixed – din design är konstruerad efter fasta bredder rakt igenom hela designen, även vid de olika fönsterstorlekarna. Det betyder att om du testar din layout så ”hoppar” den till den nya layoutstrukturen först när du når min/max-bredden som du angivit i din mediaquery…Exempelvis så här: http://www.fork-cms.com/

Fluid däremot anpassar sig efter skärmstorleken hela tiden eftersom den är konstruerad med flytande bredder, angivna i procent. Så fort du ändrar fönsterstorlek kommer du därför att se din layout ändras konstant. Någon verklig förändring i layouten sker dock först när fönsterstorleken når angiven min/max-bredd i mediaqueryn – samma princip. Exempelvis såhär: http://themetrust.com/demos/reveal/

Vilken ska man använda och varför?

I min mening är fluid bäst att använda – eftersom den är mer framtidssäker. Att ange sin layout i procentenheter gör den framtidssäker för kommande mobil/surfplatta som möjligtvis har en annorlunda storlek på skärmen – det kan mycket väl hända…

Men jag har bestämt mig att först och främst använda fixed layouts. Detta eftersom det är både enklare och snabbare att implementera, samt att med fixed layouts har du mer frihet i designen – det måste inte vara en alldeles för simpel design. Det blir även lättare att mobilanpassa befintliga hemsidor om man går på fasta värden, för då slipper man omvalnda alla fasta px till procent!

Med en fluid layout måste man ofta hålla det enkelt – om man inte vill ha alldeles för mycket att håla reda på…I min värld har jag alltid designat efter fasta värden och det tar väldigt lång tid att omvandla en av mina designs till en fluid layout eftersom jag måste räkna fram allt i procent – vilket inte är så praktiskt att göra…

Mycket låter bra i teorin – men är en annan sak vid praktisk tillämpning…
Givetvis går det att blanda fluid och fixed-layouts. Efter lite mer erfarenhet i tillämpningen kommer jag att göra det.

Mobilanpassning – mobilanpassa din hemsida!

Antonio — Thu, 06 Oct 2011 07:40:48 +0000

iPhone, iPad, Samsung Galaxy, HTC…Ja det finns väldigt många mobiltelefoner idag, även kända som smartphones. Smartphones är idag vanligare än den traditionella mobiltelefonen vilket är väl synligt vare sig du går ute på stan eller befinner dig i mer glesbebyggda områden. Dina kunder letar redan efter dig på sina mobiltelefoner vare sig du vet om det eller ej.

Därför har Grafix Studio valt att köra igång med mobilanpassning av hemsidor!

Hur fungerar det?

Din hemsida anpassas till alla dagens moderna smartphones och tablets, samt en specialanpassning till iPad. Det innebär att din hemsida når alla mobila användare samtidigt som din vanliga hemsida är helt tillgänglig för dina desktop- och laptopbesökare!

Oberoende design

Tänk inte på hur din hemsida ser ut i de olika enheterna. Dina besökare ser alltid din vanliga hemsida när de surfar in genom en dekstop/laptopdator och den mobilanpassade versionen varje gång de surfar ingen genom en smartphone och/eller tablet/iPad. Detta ger dig stora möjligheter att behålla den komplexa strukturen som en vanlig hemsida tillåter, samtidigt som du kan ha det enkla och effektiva upplägget som dagens mobilanpassade hemsidor kräver!

Hur hittar man till din mobilanpassade hemsida?

Din hemsida har precis samma grundstruktur som din vanliga webbplats och finns på samma adress. Du behöver alltså ingen ny domän, tråkig subdomän eller underkatalog för att ha en mobil webbplats. mobilAnpassad.se ser till att alla dina mobila kunder kommer till den mobilanpassade versionen av din hemsida genom samma adress som dina PC/Desktop användare.

Varför en mobilanpassad webbplats?

Smartphones har speciella funktioner för att ge dig som användare den bästa möjliga upplevelsen. Information anpassas till den mindre skärmytan och fokus ligger mycket på informationen och budskapet. Mobila webbplatser är också lättare att navigera genom hjälp av touch eller en knappsats och ger direkt tillgång till den information som den traditionella ”on the go” kunden eftersträvar.

Idag finns det över 300 000 iPads och en bit över 1,8 miljoner smartphones i Sverige. Det är stor sannolikhet att flera av dem används av dina kunder!

Hur iPad påverkar en hemsidas design

Antonio — Mon, 21 Jun 2010 07:58:01 +0000

I takt med att nya tablets dyker upp, såsom iPad eller HP Slate så kommer användarupplevelsen att förändras och även designprinciper som idag framträtt från interaktionen som styrs med hjälp av muspekaren. Nu elimineras denna mellanhand och med den så försvinner en del saker vi är vana vid och förväntar oss att se när vi surfar på webben.

Två olika skärmlägen

Du kan hålla iPaden vertikal och horisontellt. Beroende på hur du håller hemsidan så anpassar den layouten med hjälp av en omskalning. Detta går att anpassa med hjälp av meta-taggar och specialanpassade CSS-filer.

Vill man slippa anpassa layouten med hjälp av olika css-filer så får man skapa hemsidor som har en s.k ”fluid” layout. En fluid layout anpassas efter fönsterstorleken och är därför ideal för iPad. Problemet är att många designideér inte tillåter fluid-layouts utan element måste ha strikt höjd och bredd.

Det går alltså att lösa med antingen fluid-layouts eller anpassade CSS-filer för horistontell alt. vertikalt hållning av iPaden.

Flash och HTML5

iPad stödjer inte Flash, alls! Vill du visa filmklipp på din hemsida så får du göra det med hjälp av HTML5! Det finns många scripts som visar videos med hjälp av HTML5, här finns en del: HTML5 Video Libraries

Inga mer hovers

En van internetanvändare känner till att när muspekaren förs över en bild, länk eller knapp så kan en del saker hända. En alternativ text till bilden kan träda fram, eller en knapp kan ändra färg utan att man tryckt på den.

Då tablets bygger på att man ska trycka sig fram och inte dra sitt finger till objekten så blir dessa hover-effekter överflödiga. I samband med att man trycker på en knapp tas man vidare till nästa sida direkt.

Problemet som finns på många sidor idag och som måste åtgärdas när det gäller ”tablet versionen” av webbsidan är att elminera dessa hovers.

Skulle inte dessa hover-effekter tas bort för ”tablet-versionen” av hemsidan så innebär det att man på en del hemsidor måste klicka två gånger. Speciellt om det bygger på något jQuery eller alternativt javascript.

Navigering mellan sidor

När du klickar dig till en hemsidas undersida så laddas den. Det kommer det alltid att göra på webben, men du har faktiskt redan idag full möjlighet att uppnå den s.k ”Swipe” effekten som bl.a iPhone och iPad besitter idag, med lite hjälp av jQuery.

Med hjälp av detta plugin till jQuery kan du skapa Swipe effekten när en användare navigerar omkring på din hemsida. Detta är givetvis ingen nödvändighet, men en rolig och ”modern” egenskap som säkerligen kommer att vara ”on-demand” med tiden.

Fler inlägg om Design

Anpassa din hemsida till iPad

Antonio — Tue, 18 May 2010 12:32:04 +0000

iPad är Apples senaste och mest hypade produkt hittils. Här i studion har det även blivit det senaste tillskottet, inte bara för att det är en rolig pryl men även för att den fungerar utmärkt för exempelvis presentationer av din portfolio till nya kunder. Den fungerar även bra och är smidig om du ska utbilda någon hur WordPress eller hur en hemsida underhålls och uppdateras, vilket jag nyligen har gjort och det fungerade alldelles utmärkt.

Detta är den första riktiga tablet-produkten av sitt slag och mer kommer. Användare kommer onekligen att surfa på den och stor chans är att de hamnar på din hemsida. Hur ser din hemsida ut i iPad?

Omskalning och liten yta

Upplösningen på en iPad är 1024×768 (landscape-mode) och 768×1024 (portrait mode) på 132PPI (pixels per inch). iPaden kommer automatiskt att skala om din hemsida så att den passar den lilla ytan och dra ut innehållet så att det fyller skärmen. Detta är inga problem då det är en proportionell omskalning oavsett hur du håller den.

Problemet var att Grafix Studio hade inga marginaler på sidorna vilket resulterade att det såg väldigt hoptryckt ut på sidorna. Ingen luft med andra ord.

En minimal faktor att åtgärda, men för det tränade ögat kan det vara irriterande. Vill lägga till lite luft på sidorna så att designen syns mer i sin helhet.

Lösningen, två olika CSS-filer

Detta löser man smidigt genom att använda två olika CSS-filer, en för landscape mode och en annan för portrait mode, beroende på hur du håller din iPad. Såhär ser koden ut:

För Grafix Studio blev lösningen att öka padding på sidorna med 10px; Då blev resultatet såhär:

En rätt minimal aspekt för slutanvändaren, men irriterande för de mer insatta webb-användarna, som i slutändan är de som besöker min hemsida.

Observera att det nu är luft längs sidorna, vilket det inte var förut. Någon vidareutveckling för att anpassa hemsidan till iPad har jag ännu inte funderat. Än så länge så finns det ingen ny standard för att designa ”touch”-hemsidor. Detta är något vi alla kommer att komma fram till desto mer tablets som dyker upp och sätter standarden för hur man ska visa hemsidor på den lilla roterande ytan.

Har du ingen iPad för att testa din hemsida. Testa då denna User Agent Switcher för FireFox som simulerar en iPad.

Fler inlägg om Design

Tar du dina designförslag hela vägen?

Antonio — Fri, 09 Apr 2010 12:04:15 +0000

När en kund kommer till dig och ber om en ny design till din hemsida så är det alltid ett roligt jobb att utföra. Du öppnar upp ditt favoritprogram, må det vara Photoshop, Illustrator eller InDesign, allt beroende på om du ska göra hemsida, print-material eller en logotype.

Vad det är som du ska göra spelar egentligen inte så stor roll. Det som spelar roll är hur ditt utförande går till, din väg till det första designförslaget. Notera att jag skrev första designförslaget…

Slå inte på för stort

Det kan vara frestande att göra en design som är skarp, snygg och explosiv i dina ögon. Du vet vad som är trendigt, vad som gäller nu och är säker på dig själv.

När du levererar förslaget till kund så får du svaret: ”Vi har kollat igenom ditt förslag och vi tycker att det ser bra ut, men vi tycker…”

Allt som följer efter är i termer som inte riktigt kommer överens med din egen terminologi och rent konkret så vill de ändra på ditt förslag. Här kommer problemet, du har ju gjort så mycket på din design och de vill utföra ändringar på din design. Det kan bli lite jobbigt…

Börja försiktigt

Istället för att slänga ihop något stort och komplett kan du förslagsvis testa dig fram med din kund. Gör något som ser bra ut, men lämna lite hål medvetet som kunden kan fylla i.

Det är och kommer alltid att vara lättare för en person att komma med åsikter när de ser någonting framför sig. I det här fallet din design.

Det är därför bättre att låta kunden fylla i hålen istället för att peka bort en massa befintliga element och spekulera kring vad som hade kunnat vara bättre. Ofta, dock inte alltid så fyller de i ”hålen” med konkreta förslag och synpunkter vilket gör att ditt jobb går mycket fortare och ni når snabbare en lösning som båda parter kan vara nöjda med.

Att bygga en hemsida, designa ett visitkort eller skapa en logotype är en löpande process där förslag och synpunkter flyger fram och tillbaka. Låt det vara en växande process istället för en process där du gör en stor ansträngning och för ett flertal avslag som du faktiskt slitit för.

Bara ett litet tips för en mer produktiv arbetsprocess, hur gör du vid liknande tillfällen?

Fler inlägg om Design och Frilans

Att skapa en hemsida med WordPress CMS

Antonio — Tue, 06 Apr 2010 10:52:12 +0000

Wordpress är verktyget vi använder och älskar friheten den ger oss att omvandla en design till en fullt funktionell och dynamisk hemsida som är enkel att uppdatera och underhålla. Med WordPress är det enkelt att skriva artiklar, uppdatera bildgallerier, koppla ihop sociala medier med varandra och göra hemsidan till en riktig samlingsportal på webben.

När du som designer eller utvecklare ska skapa en hemsida i WordPress till en kund/vän (vi kallar personen för slutanvändare) så finns där några punkter som är lätta att glömma bort. Du tar det för givet och är kanske för inbiten i designen som ska kodas till en WordPress-hemsida. Det finns en del saker att tänka på när det gäller slutanvändaren/kunden som i slutändan kommer att sitta med hemsidan och underhålla den. Vi går igenom vad du ska tänka på när du skapar en hemsida med WordPress som CMS.

Är alla rubriker enhetliga med designen?

WordPress låter dig skriva artiklar/nyheter och slutanvändaren har möjlighet att skriva med hjälp av en text-editor. Text-editorn låter dig välja paragrafer och rubriker och det är viktigt att du inte glömmer att skapa rätt css för alla rubriknivåer, åtminstone från:

till

Se till så att alla rubriker och nivåer är satta i korrespondens med resten av designen.

Kommer där skrivas långa rubriker?

Beroende på hur du gör din design så finns chansen att text kan komma i konflikt med design. Slutanvändaren vill exempelvis skriva en längre rubrik till sin senaste nyhet. Detta kan resultera i att det blir en radbrytning i rubriken som i sin tur leder till att nedanstående paragraf trycks ner och får hemsidans layout att se mindre stilren ut än vad du hade föreställt dig från början.

Lösningen till detta är väldigt simpel. Använd CSS-egenskapen:

text-overflow:ellipsis;

När rubriken eller texten blir längre en den omringade boxen som den befinner sig i, så skapar denna egenskapen tre punkter (…) på slutet av rubriken. En väldigt bra egenskap att utnyttja. Fungerar dock inte i FireFox just nu, där finns det ett jQuery plugin som löser det.

Ingår det bildhantering i hemsidan?

En viktig sak att tänka på är att slutanvändaren möjligtvis kommer ladda upp bilder i samband med sina nya artiklar och uppdateringar. Bilderna kan givetvis inte vara hur stora somhelst, någon form av begränsning måste finnas. Detta är automatiskt i WordPress vid uppladdning av bilden:

Men användaren laddar upp bilden med avsikt att visa den i samband med hela artikeln. Det är mycket möjligt att du skapat en funktion som listar alla artiklar på ett särskilt sätt, där bilder inte tillåts att vara större än en specificerad storlek. Utnyttja därför funktionen Inläggsminiatyrer:

Läs mer om funktionen hos Andreas på Cynatic.

Det är alltid slutanvändaren som du ska tänka på…

När du gör en hemsida i WordPress till någon annan, exempelvis en kund så är det viktigt att tänka på att de inte ska ha för mycket begränsningar när det gäller att uppdatera hemsidans innehåll. De ska med största möjliga flexibilitet kunna skriva hur mycket text de vill och ladda upp bilder hursomhelst.

Ofta begränsar designern/utvecklaren sig själv genom att göra en enkel layout, utan större ansträngning där bild och text aldrig kommer att hamna i konflikt med designen. Istället så uppmuntrar jag till att ni utnyttjar rätt funktioner och själva sätter begränsningarna för vad som ska hända när en användare gör något som strider med hemsidans design rent generellt. För långa rubriker, för långa stycken eller för stora bilder spelar ingen roll. Det finns alltid en lösning på ett problem, det gäller här att kombinera design med det funktionalitet som WordPress erbjuder.

Fler inlägg om WordPress

iPad – en revolution för webbdesign?

Antonio — Mon, 15 Feb 2010 08:52:24 +0000

iPad är den senaste och mest innovativa produkten från Apple. Du kan se den som en stor iPhone, men samtidigt är det en dator ungefär som Macbook.

Länge har jag spekulerat om hur design kommer att förändras i takt med att dessa multi-touch baserade datorer träder fram i marknaden.

iPad kommer att stå för en stor del av den kommande designrevolutionen som kommer förändra vårt sätt att surfa och interagera med webbplatser.

iPad

Vi börjar med att ta en titt på iPaden och kontrollerar möjligheterna att navigera med den. Precis som iPhone så kan du nu surfa på hemsidor genom att trycka dig fram och tillbaka med hjälp av knappar och menyer som du trycker med tummen och fingrarna.
Du använder inte längre en mus, vilket eliminerar en stor del av det traditionella navigeringssystemet med att släpa på musen från vänster till höger eller upp och ner.

iPad ger samma möjligheter som iPhone fast med en större yta. Den direkta följden av den stora ytan är att navigeringen blir mer igenkännlig och i min mening därför lättare än iPhone. Fastän du kan surfa på iPhone så är det många hemsidor som inte är anpassade till telefonen. Ipad eliminerar denna tröskeln tack vara den stora ytan.

Vad innebär detta för hemsidan?

Ipad ger möjligheten att ”slippa” den s.k. anpassningen. Du har en stor skärm och din hemsida kommer att se likadan ut på iPad som den gör på en iMac eller en PC, dvs om du har gjort ditt jobb rätt med kodningen. Trots detta så vill jag argumentera för att det är smart att göra en iPad version av sin hemsida. Detta måste vara en genomtänkt design och det är svårare att bedöma vad som är bättre design för en storskärmad multi-touch dator som iPad är. Anledningen – återigen den stora ytan.

Förutom att det är en stor multi-touch skärm som du pekar på för att navigera så spelar även operativsystemet roll. Precis som iPhone så består iPad av animerade sidoförflyttningar, animerade avslut (fönsternedstängning) m.m. Man får väldigt mycket feedback på sina handlingar som i sin tur är väldigt god användarerfarenhet och bidrar starkt till användarupplevelsen.

Att hålla en iPad ändrar även det en hel del på navigeringssättet. Du kan hålla din iPad vertikalt eller horisontellt.

Vertikalt

Horisontellt

Precis som tidigare nämnt så elimineras mellanhanden (datormusen) i navigeringen och du flyttar din hand för att trycka på det du vill åt, antingen med vänster eller höger hand vilket inte spelar någon stor roll. Det blir mycket enklare och mer intuitivt att hantera gränssnittet. Designen påverkas givetvis även av detta.

Troligtvis så gäller det att utnyttja hela ytan för information och bilder. Bildgalleriet i den vertikala illustrationen sträcker sig upp och ner och blir överskådligt. Ingen annan information finns och det bör det inte finnas heller, det blir bara förvirring i den redan utsatta enkelheten som är touch-navigering.

Framtidens iPad-anpassade hemsidor

Hemsideskapare får börja tänka i nya banor – man kan fortsätta att skapa hemsidor som är baserade på scroll, eller så siktar man på att designa hemsidor som applikationer och fokuserar på att visa information i sin helhet på hela skärmen och illustrerar knappar för att navigera sig vidare till nästa del av den aktuella sidan. Precis om iPhones applikationer. Givetvis kommer scroll fortfarande att existera, iPaden är ju lika scrollvänlig som den är överskådlig.

Länge till kommer vi att se hemsidor som inte har stor skillnad i design för varken iPad eller dator. Det kommer dyka upp hemsidor som noggrant tänkt ut hur en hemsida bäst ska se ut och fungera för iPad, dessa dock i fåtal.

Många ser en iPad-anpassning och iPhone-anpassning som en identisk handling.
Detta strider jag emot direkt, utan att återigen börja tjata om den stora ytan.

Hur tror du att det kommer se ut?
Kommer det finnas iPad-anpassade hemsidor och hur visualiserar du dem i dina tankar?

Fler inlägg om Design

Därför misstags en webbdesigner för att vara en webbutvecklare

Antonio — Mon, 08 Feb 2010 09:51:27 +0000

I branschen som innefattar allt som är webb finns det en del olika yrkesroller. Sökmotoroptimerare, marknadsförare, webbdesigners och webbutvecklare är bara ett urval av alla yrken och vi ska nu koncentrera oss på två av dessa, nämligen webbdesigners och webbutvecklare.

När du kommer i kontakt med en webbdesigner, alternativt en webbutvecklare så kan det ibland bli missförstånd i vilken sorts kompetens denna personen har. Detta är två olika yrkesroller och dem är baserade på att de bemästrar olika saker i processen av att bygga en hemsida.

Vi kan dock konstatera en sak redan nu – vilken titel vi än pratar om så är det i grund och botten hemsidor som byggs. Vi börjar med att gå igenom de två yrkesrollerna.

Webbdesigner

En webbdesigner bemästrar en hemsidas design och kan även bygga sina skapelser med hjälp av HTML och CSS. Detta är grunden för att förtjäna titeln webbdesigner. Idag så kan en hel del webbdesigners även hantera olika publiceringsverktyg och arbeta med komplexa system för att göra sina hemsidor mer funktionella. De kan skapa medelstora hemsidor med avancerade funktioner utan att riktigt förstå exakt vad som händer i bakgrunden. En webbdesigner designar, kodar och bygger…

Webbutvecklare

En webbutvecklare kan bygga hemsidor med ögonbindel. HTML och CSS är en underförstådd kunskap och till detta så kan de även skapa ett utseende till sina hemsidor, precis som webbdesignern. Webbutvecklare kan bygga egna funktioner med eller utan hjälp av befintliga system samtidigt som de kan arbeta med Photoshop och skapa layouts. En webbutvecklare programmerar, utvecklar och bygger…

Orsaker till missförståndet

Missförståndet kommer oftast från de personer som inte är riktigt insatta i branschen, vilket är en hel del. De förstår inte skillnaden mellan att koda och programmera, vilket är fullt förståeligt.

Ponera att en webbdesigner presenterar sig själv med en väldigt snygg hemsida som även har en del roliga funktioner, som ex. animerade bildspel och en blogg. Webbdesignern har designat, kodat och byggt hemsidan med hjälp av ett publiceringsverktyg och befintliga ramverk för animationer m.m. Den som ser bloggen och animationerna tänker direkt att allting är byggt från grunden, utan att fundera över det. Även det är förståeligt.

En webbutvecklare kan även skapa en snygg hemsida med samma animationer och blogg som webbdesignern. Skillnaden är att webbutvecklare inte bemästrar designen lika mycket som webbdesignern. Den som ser denna hemsidan och jämför med webbdesignerns ser absolut ingen skillnad förutom utseendet. Hemsidorna har samma funktioner och de fungerar likadant.

Den stora skillnaden här är att webbdesignern kan göra något som ser mer grafiskt tilltalande ut, medan webbutvecklaren har verktygen för att bygga vidare på antingen sina egna eller ett befintligt systems funktioner. Detta förstår inte många, utan antar att båda besitter exakt samma kunskaper och teknik genom att beskåda slutresultatet. Det som faktiskt spelar roll är tillvägagångssättet.

Vad kan man göra åt detta?

Det finns ingen konkret handling som upplöser missförståndet. I yrkesrollen som webbdesigner eller webbutvecklare får man informera om vilka kunskaper man bemästrar och på enklaste sättet förklara skillnaden med att bygga en hemsida och programmerar dess funktioner. Många kommer ha svårt för att förstå detta medan andra tydligt förstår skillnaderna. Med det här inlägget hoppas jag kunna kasta lite ljus över det hela och tydliggöra att det faktiskt finns skillnad, utan att ge mig in på konkreta exempel.

Fler inlägg om Design

Vinnaren av Smashing Magazines e-bok!

Antonio — Mon, 28 Dec 2009 15:13:26 +0000

Det var 9 st som tävlade om Smashing Magazines nya bok. Först och främst vill jag tackka er alla för att ni bidrog med snygga hemsidor och goda motiveringar. Vinnaren av boken är Anton Ranestam, som med sitt bidrag på www.billytamplin.com gav ett väldigt gott exempel på vad Smashing Magazine står för. En snygg, modern sida som använder den senaste tekniken och trenderna.

Grattis återigen Anton!

…

Vinn Smashing Magazines bok!

Antonio — Mon, 21 Dec 2009 09:21:34 +0000

Jag har förskaffat mig 2 kopior av Smashing Magazines första bok, även mer känd som The Smashing Book. En kopia är till mig och den andra är till dig! Boken är en extremt bra och väsentlig resurs för dig som jobbar med webb. Precis som bloggen Smashing Magazine så ger denna boken dig tips och praktiska råd i att bygga hemsidor, både när det gäller design och kodning.

Till detta så får du även lära dig hur man går tillväga för att marknadsföra sig på internet, optimera hemsidan och hur du får ut det mesta av typografi och färgsättning.

Hur vinner du din kopia?

Denna tävling är väldigt enkel. Skriv en kommentar här i inlägget om varför du vill ha boken samt ge ett exempel på en hemsida som lever upp till vad du tycker är professionellt, snyggt och modernt. Så enkelt är det!

Vinnare utses om 1 vecka – Måndagen den 28:e December. Boken blir alltså en perfekt resurs för det kommande året! Ta nu chansen och förbättra dina färdigheter inom webben!