Vad är Responsive Web Design?


Vad är Responsive Web Design?

Responsiv webbdesign använder ett flexibelt tillvägagångssätt för webbplatslayout, teckensnitt och bilder för att anpassa sig till olika skärmar på olika enheter. Trenden drivs av ökad användning av smartphones, surfplattor, e-läsare och andra prylar för att komma åt webben.

Genom att utforma webbplatser som svarar på användaren säkerställer utvecklarna en effektiv lösning på en rad olika enheter. Med andra ord kan webbplatsen berätta vilken typ av enhet som används och visar information i enlighet därmed.

Genom att automatiskt justera storleken på foton och välja optimala teckensnitt och layouter möjliggör webbplatser som är byggda med responsiv webbdesign (RWD) ett positivt användarupplevelse oavsett enhetens skärmstorlek eller -kapacitet.

Tidigare måste utvecklare bygga en annan webbplats för alla typer av enheter som kom på marknaden. Någon som tittar på en webbplats på en Windows-telefon riktades till en annan sida än en iPad-användare, eller ett exempel.

Men i en lyhörd webbdesign använder utvecklare en enda källkod över alla enheter. En webbplats vet hur man presenterar sig tack vare mediefrågor, som är ett viktigt element i CSS3, kodningsspråket som dikterar en webbplatsformat, till exempel färg, teckensnitt och layout.

För mer information om hur CSS3 använder mediefrågor, läs Ethan Marcots "Responsive Web Design". Marcotte, en framgångsrik webbutvecklare och författare till flera böcker om ämnet, är en av pionjärerna bakom den lyhörda webbdesignrörelsen.

Många företag har redan gjort över sina webbplatser i den responsiva stilen.

Företag tycker att det är både mer tid och kostnadseffektivt att bygga en enda webbplats som är kompatibel med många enheter istället för att bygga flera olika mobila webbplatser. En gång byggd är lättlästa webbplatser lättare att behålla.

En annan viktig anledning till att företagen ska byta till en responsiv webbdesign är att det kan bidra till att förbättra sökmotoroptimering (SEO). En ansvarsfullt utformad webbplats kommer nästan säkert att förbättra din företags rankning av Google.

Och om Google inte kan svika din åsikt, kanske General Electric kan. GE och andra ledande tillverkare slår ut "smarta" kylskåp, tvättmaskiner och andra hushållsapparater, vilket gör Internetanslutningen illa direkt i konsumenternas hem.

En ansvarsfullt utformad webbplats kommer att göra din verksamhet mer kompatibel med både dagens och morgondagens teknik och tillåter dig att nå fler kunder.

Om du är intresserad av att byta till en mottaglig webbplats men inte är säker på var du ska börja, finns det många programvaruverktyg för webbdesign som kan hjälpa dig.

Om du är en erfaren utvecklare eller en nybörjare, lyhörda ramar för WordPress kan du reda på din webbplats för bättre rörlighet.

Adobes nya Edge Reflow-ramverk erbjuder företag ett bra verktyg för att föra in sina webbplatser den lyhörda eran. Och Bootstrap, skapad av utvecklare på Twitter, är ett annat kraftfullt ramverk som kan hjälpa dig att uppdatera din webbplats.

Följ Elizabeth Palermo på Twitter @techEpalermo eller Mobby Business @MBarticles. Vi är också på Facebook och Google +.


Snapshot för småföretag: 125-samlingen

Snapshot för småföretag: 125-samlingen

Vår Snapshot-serie med små bilder innehåller bilder som representerar, på bara en bild, vad de små företagen vi handlar om handlar om. Joy Fennell och Valerie Wray, grundare av The 125 Collection, förklara hur denna bild representerar deras affärer. Vi älskar ljus. Vi älskar heminredning och saker som är snygga.

(Företag)

Ska du vara franchisetagare? 5 frågor att fråga

Ska du vara franchisetagare? 5 frågor att fråga

Många företagare trivs på att starta eget företag, men inte varje företagare behöver börja från början. Det är här franchising kommer in. Franchising kan vara ett bra tillfälle för dem som vill hantera ett företag men vill inte komma med affärsidén och bygga ett företag från grunden. Fördelen med en franchise är att det är ett företag i en låda, säger Harriet Mills, VD för Wine & Design.

(Företag)