Från tid till annan upplever en bransch grundläggande förändringar som radikalt förändrar det. Tillsammans med detta kommer en explosion av möjligheter: möjlighet för individer att sticka ut, för att nya produkter ska dyka upp och att förankrade företag ska bytas ut. Nu är en sådan tid i webbsamhället.
Så länge jag kan komma ihåg, har det främsta fokuset på webbutveckling varit att se till att webbplatser gör samma för alla webbläsare. Vi tog stor ansträngning för att se till att en kunds webbplats såg ut exakt samma i allt från gamla versioner av Internet Explorer till den senaste Firefox, samtidigt.
Under de senaste åren har vi bevittnat växande intresse för vad som kallas progressiv förbättring, vilket är tekniken att betjäna avancerade funktioner och stilar till moderna webbläsare, men inte till äldre icke-stödda webbläsare.
Denna tillvägagångssätt tycktes aldrig lösa sig över hela linjen. De flesta byråer strävar fortfarande efter att göra sina webbplatser universella. Och progressiv förbättring betraktades ofta som en ursäkt för att ignorera irriterande problem. Som det visar sig är webmänniskor ganska trånga och har skapat verktyg som övervinna otaliga webbläsarproblem.
Några av dessa utvecklingar har lett till begreppet "responsiv webbdesign." Om du inte är bekant med termen, se till att kolla in slutgiltig introduktion till det på en lista utifrån .
För att sammanfatta det snabbt är kärnan att du anpassar en sidas rendering så att den passar användarens enhet. Ett tag var det enkelt att göra: om användaren var på en mobil enhet omdirigerades de till en separat minisida. Men med smartphones och speciellt tabletter har linjen suddig.
Responsiv design har snabbt blivit känd som ett otroligt smart sätt att bygga webbplatser. Hur långt du tar det är upp till dig. Men en sak är säkert: det förändrar branschen radikalt och påverkar otaliga metoder och verktyg som vi har använt i åratal. Låt oss överväga effekterna av detta nya tillvägagångssätt på några av de grundläggande verktygen vi har kommit att förlita oss på och på webbdesign i allmänhet.
Nästan alla som arbetar på nätet har vid någon tidpunkt ställts inför någon som tror att deras väns tonåring skulle kunna hantera sitt projekt. Detta perspektiv har alltid varit irriterande, men det finns lite ljus i slutet av tunneln. Med en lyhörd design blev det bara mycket mer komplicerat. Det finns nu ett enormt tillfälle för webbprofessorer att sticka ut från besättningen.
Det finns tusentals webbdesigners och utvecklare runt om i världen, och vi är alla kopplade till det magiska mediet vi jobbar i. Det här är både bra och problematiskt. Med tanke på antalet anställda på jobbet kan det vara svårt att stå ut.
Det finns faktiskt en fantastisk möjlighet här. Om du är aggressiv, kan du sticka ut genom att arbeta din svans för att snabbt ta tag i lyhörd design och utveckling. Grava in och lära dig det, uppdatera din personliga webbplats och prata om dina resultat. Jag garanterar att om du lägger upp en ny portfölj som visar denna färdighetsuppsättning kommer människor att vara intresserade av att arbeta med dig. Men fönstret för detta är ganska kort, beroende på hur snabbt andra designers kommer ombord.
Budgetar utgör en betydande hinder med detta tillvägagångssätt. Med responsiv design måste vi skapa så många som fyra varianter för varje layout, för att rikta in smartphones, tabletter, netbooks och stationära datorer. Tänk på en grundläggande webbplats med bara två sidor: en hemsida och en inre sida. Dessa två layouter blir åtta variationer när du implementerar dem för fyra enhetsstorlekar.
Betyder det att vi borde debitera fyra gånger så mycket för arbetet? Det verkar knappast troligt. Självklart kommer kostnaderna att vara inkrementella, men tiden som krävs för att förbereda layouterna och koda dem för att fungera ordentligt kommer definitivt att öka.
Klientutbildning kommer att spela en stor roll. Vi måste hjälpa våra kunder att förstå att medan iPads och iPhones är coola, driver dessa enheter upp kostnaden för kvalitetsutveckling. Att få kunder att förstå våra kostnader är tufft nog som det är.
Om du vill göra ett stänk i samhället, skapa ett verktyg som behandlar budgetproblem. Många har redan gjort det med verktyg som 320 och uppåt och den Mindre ramverk . Båda dessa minskar den tid det tar för att bygga produkter, och de hjälper utvecklare att trimma tiden utan budgetar. 320 och upp i synnerhet är ett perfekt exempel på hur man kan utnyttja denna möjlighet.
Med fältet öppet nu, kommer det att bli mycket lättare att införa verktyg till marknaden som effektiviserar utvecklingsprocessen till stöd för en responsiv design. Vi kan till och med skapa verktyg som replikerar befintliga men som är inriktade på responsiv design.
En av de många områden som kan bli vänd upp och ner är marknaden för plug-ins som arbetar med populära ramar som jQuery. Marknaden är fylld av vackra plug-ins som gör en mängd olika saker i webbläsaren: bildspel, fotogallerier, blanketter, popup-fönster, listan fortsätter.
Möjligheten här är galen. Ta en vanlig plug-in, till exempel det smidiga bildspelet Nivo Slider . Det här fantastiska verktyget finns i otaliga utvecklares verktygsremsor. Marknaden är mogen för att någon ska skapa ett liknande verktyg som självjusterar för att fungera smidigt över enheter med hjälp av en responsiv inställning.
Detsamma gäller nästan alla plugin-program. Om du letar efter ett projekt som nästan garanterar framgång, välj en snabb plugin och skapa en responsiv version som anpassar sig för att fungera korrekt på olika enheter.
Medan denna artikel handlar mer om utvecklingsprocessen, låt oss överväga webbläsartestning. Detta är en grundläggande del av byggandet av webbplatser. Någon som är djup i att bygga en webbplats kan troligen testa saker i flera webbläsare när de går. Och vid något tillfälle genomgår de flesta webbplatser ett djupt test i många webbläsare.
Men hur hanterar vi detta genom en lyhörd design? Ska laget ha alla de mest populära enheterna? Visst, det finns emulatorer, men de flesta är smärtsamma att installera och arbeta med. Och inget slår test med den riktiga saken.
Att installera programvara på datorer för att ta skärmdumpar på en rad olika webbläsare och plattformar är lite svårt. Men att installera system för att automatiskt ta skärmdumpar från det ständigt ökande antalet enheter är verkligen svårt. De lösningar som finns finns dyra, och jag har ännu inte hittat en bra tjänst.
Detta är en av de situationer där komplexitet är en fördel. Om någon lyckas skinna den här katten, skulle det vara ganska svårt för andra att följa. Det finns många lösningar för att ta automatiska skärmdumpar i flera webbläsare, men den första personen som erbjuder skärmdumpar för enheter kommer att ha något helt unikt att sälja. Och samhället kommer att reagera på ett stort sätt.
Marknaden för färdiga teman är enorm, men responsiv design är också en apa skiftnyckel. Mallleverantörer kommer inte troligen att ommontera sina mönster för att tillgodose dessa nya krav. Snarare kommer de förmodligen att lägga till lyhörda funktioner för framtida utgåvor. Och där ligger möjligheten.
Gamla mallar har inte blivit värdelösa; de saknar bara en viktig komponent. Detta nivåer spelreglerna ett tag. Om du har funderat på att hoppa över ditt eget temaföretag är det här en bra tid att göra det. Etablerade företag kommer att behöva stödja sina äldre mallar, och samtidigt som de har vissa fördelar, har barriären för inträde på marknaden bara blivit lite lägre.
Gemenskapen har kommit att förlita sig på mjukvarutjänster för saker som wireframing och användbarhetstestning. Men hur hanterar dessa verktyg flera enheter? Många verktyg adresserar, säger, användbarhetstestning, och några nya adresserar även mobil testning (t.ex. YouEye Mobile ), men de löser bara en del av problemet.
I wireframingnischen finns det en vanlig metod att hantera olika sidlayouter, men jag har ännu inte hittat en lösning som hanterar en enda sidlayout för olika enheter. Behovet är så enkelt, men många system bryter helt enkelt ner. Ska vi skapa en ny trådram för varje enhet? Svaret är inte klart.
Marknaden är mogen för verktyg som stöder människornas nuvarande arbetssätt på nätet, samtidigt som den omfattar en lyhörd design. Du kan kanske locka bort kunder från konkurrenter genom att erbjuda funktioner som omfamnar dessa moderna tekniker.
Förändring kan vara unnerving, även överväldigande. Oavsett hur mycket du lär dig, känner du dig alltid som att du släpar efter. Men alla är i samma båt. I tider med stor förändring kan du maximera möjligheten genom att dyka in och rida den första vågen.
Ser du några andra möjligheter att dra nytta av rörelsen mot responsiv design?