Zurb har en lång historia att erbjuda fantastiska webbapps och resurser till designers och utvecklare. Deras program inkluderar Notable, Ax, Enroll och Spur, bland andra.
Andra resurser från Zurb inkluderar allt från nedladdningsbara skissbladen och rutnätet, CSS-knappar, CSS3-verktyg, visuella effekter och animationsexempel och mycket mer.
Zurb har nyligen lanserat ett nytt verktyg för designers, kallade fundament , en fri snabb prototyping ram.
Zurbs ledande designer, Jonathan, svarade på några frågor för oss om det nya projektet.
fundament är ett ramverk för snabbt prototyper och byggande av mottagliga webbplatser och appar. Det gör att du snabbt kan sammanställa sidor, inklusive layout och vanliga element som navigering, pagination, former och mer så att du kan se hur din webbplats fungerar på stationära datorer, surfplattor och telefoner. Då kan du ta den koden och anpassa eller anpassa den till rock-solid produktionskod.
Vi insåg att verktygen där ute för att bygga upp svåra platser - webbplatser som fungerar på någon typ av enhet - inte bara var otillräckliga men verkligen obefintliga. Det finns ett antal CSS-ramverk som människor använder, men allt är utformat för fasta layouter. Mobila enheter kommer att stå för över hälften av all Internettrafik under de närmaste 2 åren, så att inte designa och bygga för dem är en dödsdom för onlineprodukter eller tjänster. Vi ville ha ett verktyg som skulle ge oss inte bara en bra upplevelse för varje enhet, men för att snabbt prova vad en stor upplevelse verkligen såg ut och kändes.
Vi har använt Foundation för alla våra interna webbplatser och projekt under de senaste månaderna, men om jag var tvungen att välja ett bra exempel skulle det vara en webapp som vi släppte nyligen som Spur. Spur är ett verktyg för att göra traditionella designkritiker genom att låta dig fånga en webbsida, eller ladda upp en bild och sedan visa den med oskärpa, ökad kontrast, rotation och andra effekter som avslöjar hur den visuella designen håller på. Vi utformade det från grunden med Foundation för att stödja stationära datorer, tabletter och iPhones; allt från samma front-end-kodbas.
Om du drar upp appen på olika enheter ser du olika verktyg och subtilt modifierade layouter som alla möjliggjorts med Foundations mobila synlighetskurser. Dessa låter dig enkelt märka element som ska döljas eller visas på specifika typer av enheter, till exempel "hide-on-phones" eller "show-on-tablets". Det och Stiftelsens inneboende förmåga att skala till de flesta storlekar medförde att Spur har en smidig, skräddarsydd upplevelse för vilken typ av enhet som helst med mycket lite extra ansträngning.
Att arbeta helt med procentsatser lägger naturligtvis lite komplexitet, särskilt när det gäller bilder och flexibiliteten hos vissa objekt som verktygsfält, men bortom en viss CSS Foundation tog hand om nästan allt.
Den som vill att deras webbplats eller app ska vara relevant om ett par år borde bygga för flera enheter, och Foundation är ett bra verktyg för att göra det. Stiftelsen är perfekt för nya webbplatser som du snabbt vill prototypa och bygga, eftersom du kan lägga ut hela sidor på bara några minuter med hjälp av det flexibla nätet och vanliga element som redan ingår.
Vi har funnit Stiftelsen för att vara speciellt användbart för företag eller organisationer som har problem med tid och resurser för att bygga för mobila enheter. Stiftelsen hjälper dig att göra saker snabbt och allt på en gång.
Vi jobbar ständigt med Stiftelsen och lägger till gemensamma element som människor har begärt eller vi har sett ett behov av. Vi har nyligen lagt till ett nytt telefonnät med fyra kolumner så att du kan göra mer komplexa layouter för mycket små enheter, och vi fortsätter att arbeta med enhet och mönsterstöd. Vi överväger också saker som sidmallar, kodpaket för specifika användningsområden som wireframing och arbetar med externa utvecklare på plugins för andra ramar som Mindre, SaSS, Drupal, WordPress, etc.
Vårt mål är att Stiftelsen ska vara mer än bara en öppen källkod, men en komplett gemenskaps- och utvecklingsstrategi för fronten. Vi skulle gärna ha ännu fler bidragsgivare, både i frågor, funktionsförfrågningar och kod på github och vi är glada att svara på frågor på [email protected]