Planering av webbprojekt för en mängd enheter blev lite enklare den här veckan med utgåvan av Zurb Foundation 4, ett lyhört ramverk med en mobil-första översikt.
Uppföljningsfrisättningen till Zurbs Foundation 3 flexibla nät är uppbyggd för att göra designers tänkt mobil först. Med över 1,08 miljarder smartphones som används över hela världen är det en trend som sannolikt fortsätter att bli populär. Följ med oss när vi tittar på vad som är nytt i Foundation 4, och upptäck varför du borde överväga att använda den till ditt nästa designprojekt!
Vad är nytt?
? Mobile-först är definitivt den nya vågan? Stiftelsen 4 är en ny från-the-code-up byggnad från Zurb. Det första mobilbegreppet är drivkraften bakom den.
? Mobile-först är definitivt den nya vågan, även om konceptet har flyttat runt ett tag? sade Jonathan Smiley, partner och design ledande hos ZURB. ? Vi höll på att gå mobilt först tills nu just för att vi inte trodde att de flesta konstruktörer, eller till de flesta av våra kunder, var redo för det. Nu är historien lite annorlunda.?
Bortsett från det nya sättet att tänka när du går in i en webbplatsbyggnad har stiftelsens 4 ingrepp också förändrats i hopp om att erbjuda en snabbare och mer strömlinjeformad plattform.
Designers och utvecklare kommer sannolikt att märka smartare, mer semantisk kodning. Koden är strömlinjeformad för att tillåta designers att fokusera mer tid på att arbeta på HTML.
? Vi ville göra det möjligt för Foundation-användare att övervinna den mest allvarliga bristen i ramar: presentationsmarkering? - Jonathan Smiley
Smiley noterade det? Löftet om HTML / CSS var att HTML berättade för enheten vad ditt innehåll var och CSS berättade hur det ska se ut. Med andra ramar (inklusive Foundation 3) satt du fast med alla typer av markeringar i din HTML för att säga hur det ska se ut - med Foundation 4 kan du dra allt detta ut i CSS genom magiken i SCSS mixins.?
Ramverket använder också ljusare Zepto istället för jQuery. Sidor måste laddas snabbt i mobila miljöer för att hålla användare uppmärksamma. Zurb säger att dessa förbättringar till koden och Javascript kommer att göra just det.
Vad är detsamma?
Ramverket är lyhörd. Tanken är att designa med en mobil-första tankeprocess - men det är inte där det stannar. Stiftelsen 4 är gjord för att bygga upp mottagliga webbplatser som arbetar med mobila enheter, surfplattor och webbläsare med de flesta form och storlek.
Nätet Zurb är känt för - den stora 12-kolonnens vätskestruktur - har inte gått någonstans. Du kan fortfarande använda den; designprocessen börjar bara med mobilen. Stiftelsen 4 är fullt anpassningsbar, från komponenter till rutnätspecifikationer till färger och brytpunkter. Och mjukvaran är full av små extras och add-ons också, för att hjälpa dig att få en prototyp gjord på nolltid.
Ett Designerverktyg
Stiftelsen 4 är gjord speciellt för designers. Den enkla kodens utgångspunkt är utmärkt för designers som kanske inte är så kodavärdiga. Och som designer betyder det att jag får använda den tiden design, snarare än att bekämpa koden. (En riktig bonus.)
Stiftelsens 4 översikt fungerar också som ett bra ställe att komma igång. Med så många mobila alternativ där ute, kan bara idén vara lite överväldigande och det här verktyget eliminerar något av det där väsen. Stiftelsen är en utmärkt startplats och ett utmärkt sätt att dyka upp först i världen för att designa för alla typer av mobila enheter.
Tiden att uppgradera?
Stiftelsen 4 kommer inte att ersätta den populära Stiftelsen 3, vilken? Tävlar? med Twitter Bootstrap-programvara. (Du kan läsa mer om det i en tidigare Design Shackartikel.)
Foundation 3 användare kommer gärna att veta att Zurb fortsätter att stödja produkten (och till och med har en uppdatering planerat). Version 3.2.5 kommer att fungera som den solida, skrivbordets första responsiva ram som människor är vana vid.
Det som sägs, de som vill göra språket, kan. Stiftelsen 4 har en grundlig migreringsguide för dem som behöver det. Men det här är ett helt annat verktyg - kom ihåg mobil först hellre än webb först - och inte alla designers eller utvecklare kommer att vilja? uppgradera.?
Stiftelsen 4 är sannolikt ett bättre verktyg för nya projekt - kanske även de som redan har börjat om intern forskning har visat en stark koppling till mobila användare. För nya projekt är det ett värdefullt alternativ för designers:? Det kommer att bidra till att fokusera sina ansträngningar, fokusera interaktionen och erfarenheten och leverera en bättre webbplats till sina användare.?
Framtidens våg
Zurb är det första stora verktyget med en mobil första plattform. Och det tar lite tid att se hur snabba utvecklare och designers ska omfamna den.
Vi tror starkt mobil-först eftersom ett tillvägagångssätt ger mest mening just nuEn mobil första version av Bootstrap är också i horisonten. När version 3 är släppt, enligt Bootstrap-bloggen kommer den också att vara mobil-först.
Zurb uppskattar en försiktig adoptionshastighet att börja.
? Vi skulle förvänta oss att mobil-först för utveckling fortfarande är en långsam bränning, åtminstone i några månader, men vad vi än kan göra med Foundation för att påskynda det, kommer vi göra? Smiley sa. ? Vi tror starkt mobila först eftersom ett tillvägagångssätt ger mest mening just nu, och vi ska aggressivt driva det.
Med mobilanvändning som växer vid 14 gånger frekvensen av stationär användning blir denna strategi allt viktigare varje dag. Och fler och fler designers och utvecklare talar om det - mycket. Enligt Luke Wroblewski s? Mobile First ,? Att tänka med mobil som prioritet gör det möjligt för webbplatser att nå fler människor, tvingar konstruktörer att fokusera på innehåll och funktionalitet och låter designers innovera och tänka på ny teknik.
Slutsats
Det är uppfriskande att se någon ta språnget till en mobil-första utvecklingsstrategi.Vi befinner oss i en alltmer mobila webbaserad värld och fler användare räknar med en exceptionell online-upplevelse, oavsett enhet.
? Vi tror att vi hjälper människor att bygga för de enheter som människor verkligen använder och bygga på ett ansvarsfullt maskinläsbart semantiskt sätt, vi hjälper till att skapa en generation webbplatser och appar som fungerar som de borde, även på enheter och med teknik som inte existerar än? Smiley sa. ? Vi är ganska glada över det.
Från en designers synvinkel är det också I. Design av mobil först är bara meningsfullt. Jag lärde mig att utforma de minsta bitarna först och få dem att fungera och vara läsbara och sedan bygga därifrån. Det är grunden för Foundation 4. Bygg små först och expandera sedan designen. Verkar som en solid strategi.