Fra tid til annen opplever en industri grunnleggende forandringer som radikalt forandrer det. Sammen med dette kommer en eksplosjon av muligheter: mulighet for enkeltpersoner til å skille seg ut, for nye produkter å dukke opp og for entrenched selskaper å bli erstattet. Nå er det en tid i nettsamfunnet.

For så lenge jeg kan huske, har det primære fokuset på webutvikling vært å sikre at nettsteder gjør det samme på alle nettlesere. Vi tok stor anstrengelse for å sikre at en kundes nettsted så nøyaktig det samme i alt fra gamle versjoner av Internet Explorer til den nyeste Firefox, alt på en gang.

I de siste årene har vi opplevd økende interesse for det som kalles progressiv forbedring, som er teknikken til å betjene avanserte funksjoner og stiler til moderne nettlesere, men ikke til eldre støttede nettlesere.

Denne tilnærmingen syntes aldri å bosette seg over hele linja. De fleste byråer arbeider fortsatt for å gjøre sine nettsteder universelle. Og progressiv forbedring ble ofte ansett som en unnskyldning for å ignorere irriterende problemer. Som det viser seg, er webfolk ganske slitsomme og har laget verktøy som overvinne utallige nettleserproblemer.

Noen av disse utviklingene har ført til begrepet "responsivt webdesign." Hvis du ikke er kjent med begrepet, sørg for å sjekke ut endelig innføring i den på en liste fra hverandre .

For å oppsummere det raskt, er det viktig at du tilpasser en sides gjengivelse som passer til brukerens enhet. For en stund var dette lett å gjøre: hvis brukeren var på en mobilenhet, ble de omdirigert til et eget mini-nettsted. Men med smarttelefoner og spesielt tabletter, har linjen sløret.

Responsive design har raskt blitt anerkjent som en utrolig smart måte å bygge nettsteder på. Hvor langt du tar det er opp til deg. Men en ting er sikkert: det endrer industrien radikalt og påvirker utallige metoder og verktøy som vi har brukt i årevis. La oss vurdere effekten av denne nye tilnærmingen på noen av de grunnleggende verktøyene vi har kommet for å stole på og på webdesign generelt.

Legger lista høyere

Nesten alle som jobber på nettet har på et tidspunkt vært møtt av noen som tror at deres venns tenåring kunne håndtere sitt prosjekt. Dette perspektivet har alltid vært irriterende, men det er litt lys på enden av tunnelen. Med responsiv design ble det bare mye mer komplisert. Det er nå en enorm mulighet for fagfolk på nettet å skille seg ut fra flokken.

Det er tusenvis av webdesignere og utviklere rundt om i verden, og vi er alle forbundet med det magiske mediet vi jobber med. Dette er både flott og problematisk. Gitt antall personer tilgjengelig for arbeid, kan stå ut være vanskelig.

Muligheten

Det er faktisk en fantastisk mulighet her. Hvis du er aggressiv nok, kan du skille seg ut ved å jobbe halen av for å raskt ta imot responsiv design og utvikling. Grav inn og lær det, oppdater ditt personlige nettsted, og snakk om resultatene dine. Jeg garanterer at du setter opp en ny portefølje som viser dette ferdighetssettet, folk vil være interessert i å jobbe med deg. Men vinduet for dette er ganske kort, avhengig av hvor raskt andre designere kommer om bord.

budsjetter

Budsjetter utgjør en betydelig hindring med denne tilnærmingen. Med responsiv design må vi lage så mange som fire variasjoner for hver layout, for å målrette smarttelefoner, nettbrett, netbooks og stasjonære datamaskiner. Vurder en grunnleggende nettside med bare to sider: en startside og en indre side. Disse to layoutene blir åtte variasjoner når du implementerer dem for fire enhetsstørrelser.

Betyr dette at vi burde belaste fire ganger så mye for arbeidet? Det virker nesten ikke sannsynlig. Selvfølgelig vil kostnadene bli inkrementelle, men tiden som kreves for å forberede layoutene og kodes for å fungere ordentlig, vil definitivt øke.

Kundeopplæring vil spille en stor rolle. Vi må hjelpe våre kunder med å forstå at mens iPads og iPhones er kule, kjører disse enhetene opp kostnadene for kvalitetsutvikling. Å få klienter til å forstå kostnadene våre er tøffe nok som det er.

Muligheten

Hvis du vil lage et splash i samfunnet, opprett et verktøy som adresserer budsjettproblemer. Mange har allerede gjort det, med verktøy som 320 og oppover og Mindre rammeverk . Begge disse reduserer tiden det tar å bygge produkter, og de hjelper utviklere til å trimme tiden av budsjetter. 320 og opp spesielt er et perfekt eksempel på hvordan man kan kapitalisere på denne muligheten.

Med feltet stort åpent nå, vil det bli mye lettere å introdusere verktøy til markedet som strømlinjeformer utviklingsprosessen til støtte for responsiv design. Vi kan til og med skape verktøy som replikerer eksisterende, men som er orientert rundt lydhør design.

JavaScript-biblioteker og deres programtillegg

Et av de mange områdene som kunne bli vendt opp og ned er markedet for plug-ins som arbeider med populære rammer som jQuery. Markedet er fylt med flotte plug-ins som gjør et stort utvalg av ting i nettleseren: lysbildefremvisninger, fotogallerier, skjemaer, popup-vinduer, listen fortsetter.

Muligheten

Muligheten her er gal. Ta en vanlig plug-in, for eksempel det slanke lysbildesverktøyet Nivo Slider . Dette fantastiske verktøyet er i utallige utvikleres verktøybelter. Markedet er moden for noen å lage et lignende verktøy som selvjusterer seg til å fungere jevnt på tvers av enheter ved hjelp av en responsiv tilnærming.

Det samme gjelder for nesten alle plugin-moduler. Hvis du leter etter et prosjekt som nesten garanterer suksess, velger du et varmt plugin-modul og lager en responsiv versjon som tilpasses for å fungere skikkelig på forskjellige enheter.

Nettlesertesting

Mens denne artikkelen handler mer om utviklingsprosessen, kan vi vurdere nettlesertesting. Dette er en grunnleggende del av å bygge nettsteder. Alle som er dyp i å bygge et nettsted, sannsynligvis tester ting i flere nettlesere når de går. Og på et tidspunkt gjennomgår de fleste nettsteder en grundig test i mange nettlesere.

Men hvordan håndterer vi dette gjennom responsiv design? Skulle laget ha alle de mest populære enhetene? Jo, det er emulatorer, men de fleste er smertefulle å installere og jobbe med. Og ingenting slår å teste med den virkelige tingen.

Muligheten

Å sette opp programvare på datamaskiner for å ta skjermbilder på en rekke nettlesere og plattformer er litt vanskelig. Men det er veldig vanskelig å sette opp systemer for å automatisk ta skjermbilder fra det stadig økende antall enheter. Løsningene som eksisterer er dyre, og jeg har ennå ikke funnet en god service for dette.

Dette er en av de situasjonene hvor kompleksitet er en fordel. Hvis noen klarer å skinne denne katten, ville det være ganske vanskelig for andre å følge. Det finnes mange løsninger for å ta automatiserte skjermbilder i flere nettlesere, men den første personen som tilbyr skjermbilder for enheter, vil ha noe helt unikt å selge. Og samfunnet vil reagere på en stor måte.

Maler og temaer

Markedet for klare temaer er stort, men responsivt design er også en apsnøkkel. Malleverandører vil ikke sannsynligvis tilpasse sine design for å imøtekomme disse nye kravene. Snarere vil de trolig legge til responsive funksjoner for fremtidige utgivelser. Og der ligger muligheten.

Muligheten

Gamle maler har ikke blitt gjort ubrukelige; de mangler bare en viktig komponent. Dette nivåer spillereglene en stund. Hvis du har vurdert å hoppe på din egen temavirksomhet, er dette en flott tid å gjøre det. Etablerte selskaper må støtte sine eldre maler, og mens de nyter noen fordeler, er barrieren for oppføring i markedet bare litt lavere.

Programvare tjenester

Samfunnet har kommet for å stole på programvaretjenester for ting som wireframing og brukervennlighetstesting. Men hvordan håndterer disse verktøyene flere enheter? Mange verktøy adresserer, sier, brukervennlighetstesting, og noen nye adresserer selv mobil testing (for eksempel YouEye Mobile ), men de løser bare en del av problemet.

I wireframing nisje er det en vanlig måte å håndtere ulike sidelayouter på, men jeg har ennå ikke funnet en løsning som håndterer en enkelt sidelayout for ulike enheter. Behovet er så enkelt, men mange systemer bryter ganske enkelt ned. Skal vi lage en ny wireframe for hver enhet? Svaret er ikke klart.

Muligheten

Markedet er moden for verktøy som støtter folks nåværende tilnærminger til å jobbe på nettet, mens det tar imot responsiv design. Du kan kanskje lokke kunder vekk fra konkurrenter ved å tilby funksjoner som omfavner disse moderne teknikkene.

Konklusjon

Endring kan være unnerving, selv overveldende. Uansett hvor mye du lærer, føles du alltid som om du legger deg bak. Men alle er i samme båt. I tider med stor forandring kan du maksimere muligheten ved å dykke i og ri på den første bølgen.

Ser du noen andre muligheter til å kapitalisere på bevegelsen mot responsiv design?