Zurb har en lang historie med at levere fantastiske webapps og ressourcer til designere og udviklere. Deres apps omfatter Notable, Axe, Enroll og Spur, blandt andre.
Andre ressourcer fra Zurb omfatter alt fra downloadbare skitser og netpapir, CSS-knapper, CSS3-værktøjer, visuelle effekter og animationseksempler og meget mere.
Zurb har for nylig lanceret et nyt værktøj til designere, kaldet Fundament , en fri hurtig prototyping ramme.
Zurb's Lead Designer, Jonathan, besvarede nogle spørgsmål til os om det nye projekt.
Fundament er en ramme for hurtig prototyping og opbygning af lydhøre websites og apps. Det giver dig mulighed for hurtigt at sammensætte sider, herunder layout og fælles elementer som navigation, pagination, formularer og mere, så du kan se, hvordan dit websted fungerer på desktops, tablets og telefoner. Så kan du tage den kode og tilpasse den eller tilpasse den til rock-solid produktionskode.
Vi indså, at værktøjerne derude til at opbygge lydhøre sites - websteder, der arbejder på enhver form for enhed - var ikke kun utilstrækkelige, men virkelig ikke-eksisterende. Der er en række CSS-rammer, som folk bruger, men alt er designet til faste layouter. Mobile enheder tegner sig for over halvdelen af al internettrafik i de næste 2 år, så det er ikke meningen at designe og bygge for dem en dødsdom for onlineprodukter eller tjenester. Vi ønskede et værktøj, som ville lade os ikke kun levere en stor oplevelse til enhver enhed, men for meget hurtigt at teste, hvad en stor oplevelse virkelig så ud og følte.
Vi har brugt Foundation for alle vores internetsider og projekter i de sidste flere måneder, men hvis jeg skulle vælge et godt eksempel, ville det være en webapp, vi udgav for nylig, kaldet Spur. Spur er et værktøj til at lave traditionelle designkritikere ved at lade dig fange en webside eller uploade et billede og derefter se det med uskarphed, øget kontrast, rotation og andre effekter, der afslører, hvordan det visuelle design holder op. Vi har designet det fra bunden med Foundation for at understøtte stationære computere, tabletter og iPhones; alt fra samme front-end-kodebase.
Hvis du trækker appen op på forskellige enheder, kan du se forskellige værktøjer og subtly ændrede layouter, som alle er mulige med Foundation's mobile synlighedsklasser. Disse lader dig nemt tagge elementer, der skal gemmes eller vises på bestemte typer enheder, f.eks. "Hide-on-phones" eller "show-on-tablets". Det og Foundation's iboende evne til at skalere til de fleste størrelser betød, at Spur har en smidig, skræddersyet oplevelse til enhver type enhed med meget lidt ekstra indsats.
At arbejde helt med procentsatser tilføjer selvfølgelig en vis kompleksitet, især hvad angår billeder og fleksibiliteten af visse genstande som værktøjslinjer, men ud over nogle specifikke CSS Foundation tog man sig af næsten alt.
Enhver, der ønsker at deres websted eller app skal være relevant om et par år, bør bygge op for flere enheder, og Foundation er et godt værktøj til at gøre det. Foundation er perfekt til nye websteder, som du hurtigt vil prototype og bygge, da du kan lægge hele sider på blot et par minutter ved hjælp af det fleksible net og de fælles elementer, der allerede er inkluderet.
Vi har fundet Fundamentet til at være særligt nyttigt for virksomheder eller organisationer, der har bekymringer om omkostningerne (i tid og ressourcer) at bygge til mobile enheder - Foundation hjælper dig med at gøre ting hurtigt og alt sammen på en gang.
Vi arbejder hele tiden på Foundation, tilføjer fælles elementer, som folk har anmodet om, eller vi har set et behov for. Vi har for nylig tilføjet et nyt telefonnet med fire kolonner, så du kan gøre mere komplekse layouter til meget små enheder, og vi fortsætter med at arbejde på enhed og mønsterstøtte. Vi overvejer også ting som sideskabeloner, kodepakker til specifikke anvendelser som wireframing og arbejder med eksterne udviklere på plugins til andre rammer som Mindre, SaSS, Drupal, WordPress osv.
Vores mål er, at Stiftelsen skal være mere end blot en open source-ramme, men en komplet fællesskabs- og udviklingsstrategi for front-end. Vi vil gerne have endnu flere bidragydere, både i spørgsmål, feature requests og kode på Github og vi er glade for at besvare spørgsmål på [email protected]