Zurb har en lang historie med å tilby fantastiske webapper og ressurser for designere og utviklere. Deres apps inkluderer Notable, Ax, Enroll og Spur, blant andre.
Andre ressurser fra Zurb inkluderer alt fra nedlastbare skisseark og rutenett, CSS-knapper, CSS3-verktøy, visuelle effekter og animasjonseksempler, og mye mer.
Zurb har nylig lansert et nytt verktøy for designere, kalt Fundament , et gratis raske prototypingsramme.
Zurbs ledende designer, Jonathan, besvarte noen spørsmål til oss om det nye prosjektet.
Fundament er et rammeverk for raskt prototyping og bygging av responsive nettsteder og apper. Den lar deg raskt sette sammen sider, inkludert layout og vanlige elementer som navigering, paginering, skjemaer og mer, slik at du kan se hvordan nettstedet fungerer på skrivebord, tabletter og telefoner. Deretter kan du ta den koden og tilpasse den eller tilpasse den til en solid produksjonskode.
Vi skjønte at verktøyene der ute for å bygge responsive nettsteder - nettsteder som fungerer på en hvilken som helst type enhet - ikke bare var utilstrekkelige, men egentlig ikke-eksisterende. Det finnes en rekke CSS-rammer som folk bruker, men alt er utformet for faste oppsett. Mobile enheter vil tegne over halvparten av all Internett-trafikk de neste 2 årene, så det er ikke dødsdom for onlineprodukter eller tjenester å designe og bygge for dem. Vi ønsket et verktøy som ville la oss ikke bare levere en god opplevelse til alle enheter, men for å raskt teste ut hva en flott opplevelse virkelig så og føltes som.
Vi har brukt Foundation for alle våre interne nettsteder og prosjekter de siste månedene, men hvis jeg måtte velge et godt eksempel, ville det være en webapp vi utgav nylig kalt Spur. Spur er et verktøy for å gjøre tradisjonelle designkritikker ved å la deg fange en nettside, eller laste opp et bilde, og så se det med uskarphet, økt kontrast, rotasjon og andre effekter som avslører hvordan den visuelle designen holder opp. Vi har designet det fra grunnen av Foundation for å støtte skrivebord, tabletter og iPhones; alt fra samme front-end kodebase.
Hvis du trekker opp appen på forskjellige enheter, ser du forskjellige verktøy og subtly modifiserte layouter som er gjort mulig med Foundation's mobile synlighetsklasser. Disse lar deg enkelt merke elementer som skal skjules eller vises på bestemte typer enheter, for eksempel "skjul-på-telefoner" eller "show-on-tablets". Det og Stiftelsens inneboende evne til å skalere til de fleste størrelser betydde at Spur har en slank, skreddersydd opplevelse for enhver type enhet med svært lite ekstra innsats.
Å arbeide helt med prosenter selvsagt legger til litt kompleksitet, spesielt med hensyn til bilder og fleksibiliteten til enkelte objekter som verktøylinjer, men utover noen spesifikke CSS Foundation tok vare på nesten alt.
Alle som ønsker at nettstedet eller appen skal være relevant om et par år, skal bygge for flere enheter, og Foundation er et godt verktøy for å gjøre det. Foundation er perfekt for nye nettsteder som du raskt vil prototype og bygge, siden du kan legge ut hele nettsteder på bare noen få minutter ved hjelp av det fleksible rutenettet og vanlige elementer som allerede er inkludert.
Vi har funnet Foundation for å være spesielt nyttig for bedrifter eller organisasjoner som har bekymringer om kostnadene (i tid og ressurser) for å bygge for mobile enheter - Foundation hjelper deg med å gjøre ting raskt og alt på en gang.
Vi arbeider hele tiden med Foundation, legger til felles elementer som folk har bedt om eller vi har sett behov for. Vi har nylig lagt til et nytt telefonrutenett med fire kolonner, slik at du kan gjøre mer komplekse oppsett for svært små enheter, og vi vil fortsette å jobbe med enhet og mønsterstøtte. Vi vurderer også ting som sidemaler, kodepakker for spesifikke bruksområder som wireframing, og arbeider med eksterne utviklere på plugins for andre rammer som Mindre, SaSS, Drupal, WordPress, etc.
Vårt mål er at Stiftelsen skal være mer enn bare et open source-rammeverk, men et komplett fellesskap og utviklingsstrategi for front-end. Vi vil gjerne ha enda flere bidragsytere, både i problemer, funksjonsforespørsler og kode på GitHub og vi er glade for å svare på spørsmål på [email protected]