Share
Tegenwoordig zijn er twee manieren om een front-end voor een website te ontwikkelen; helemaal opnieuw beginnen of voortbouwen op een beproefd raamwerk. Vandaag zullen we een kleine rondreis maken naar de oorsprong en het nog steeds stijgende succes van ZURB's Foundation.
We hadden de gelegenheid om met oprichter en hoofdontsteker Bryan Zmijewski en Partner en Designleider Jonathan Smiley over hun raamwerk te praten. We hebben het gehad over hoe Foundation is begonnen, waarom het open source is, welke belangrijke mijlpalen en uitdagingen het team heeft overschreden en nog steeds te maken heeft.
Jarenlang hadden we een gecodeerde stijlgids bij ZURB, een reeks basisstijlen en nuttige constructies die we zouden gebruiken om de meeste klantprojecten te starten. We beseften na een tijdje dat het nog eenvoudiger voor ons was om te gebruiken als we het abstraheerden, een paar andere veel voorkomende componenten toevoegden en gestandaardiseerd hoe we de code schreven. Sneller om nieuwe mensen op snelheid te brengen, sneller uit te voeren voor klanten. Dat was de eerste versie van Foundation, die we niet publiekelijk openbaarden en niet reageerden - maar het was een raamwerk en het leidde ons om een responsieve versie te maken en deze vrij te geven.
Foundation als open-sourceproject heeft veel meer mensen bereikt dan het zou hebben als een product of een soort van gekocht item. We willen vormgeven hoe mensen bouwen voor het web, en om dat te doen moesten we groot worden. Open source stelde ons in staat om dat te doen - en daarbij was het een geweldig efficiëntietool voor ons, een geweldige marketingtool en een geweldige bron van exposure voor alles wat ZURB doet.
Zeker niet zoals wat er gebeurde. Responsief ontwerp was vrij nieuw en slecht begrepen, dus Foundation moest mensen niet alleen overtuigen om een raamwerk te gebruiken, maar ook om het op een manier te doen die ze niet kenden. Desondanks was het vrij populair, en elke release was daar bovenop nog een andere orde van grootte.
Om het internet naar voren te duwen. We proberen altijd nieuwe technologie en werkwijzen op een gebruiksvriendelijke manier aan mensen te presenteren, zodat we het web beter en beter kunnen maken. Door dingen naar buiten te brengen worden we gedwongen betere productontwerpers te zijn.
Stichting 2 ging over het krijgen van responsief ontwerp voor mensen. Stichting 3 ging over slimmer doen, Sass gebruiken om het raamwerk op te bouwen. Stichting 4 ging over slimmer coderen, en we hebben het gehele raamwerk opnieuw bewerkt tot Mobile First in samenwerking met Luke Wroblewski. Stichting 5 gaat over het snel maken: snel leren, schrijven en uitvoeren voor klanten.
Whew, lots? Het is altijd een uitdaging om een raamwerk uit te werken en wijzigingen aan te brengen die elke dag meer en meer mensen raken. Je moet voor hen beslissingen nemen over hoe ze bouwen en met welke stukjes ze moeten werken en wat de veranderingen voor elke nieuwe versie zullen zijn. Dat is een voortdurende strijd en punt van zorg, het maken van de juiste beslissingen op een niet-getest gebied met nieuwe technologie.
Foundation maakt het mogelijk om dingen te bouwen die schaalbaar zijn naar elk apparaat - niet alleen huidige maar ook toekomstige. Er zijn elke dag nieuwe apparaten - iets doen is moeilijk als ze niet bestaan, tenzij je van plan bent welke apparaten gemeenschappelijk zijn en hoe ze zouden moeten werken. Foundation is ontworpen om zo robuust te zijn als we het kunnen maken als het gaat om de vele vele duizenden apparaten die er zijn.
Tot op zekere hoogte. We strijden allemaal om aandacht, gebruikers, exposure. Maar we drijven elkaar ook vooruit, itereren snel om bij te blijven of vooruit te komen ... het is een redelijk vriendelijke en over het algemeen positieve competitie gaande in deze ruimte.
Foundation is altijd meer dan een wireframing-tool voor ons geweest - elke klantensite die we produceren, elk product dat we lanceren of een site die we hebben (die is gebouwd sinds Foundation uit was) bevat Foundation erin. We verwachten dat het elke keer opnieuw wordt aangepast, we willen niet dat Base Foundation sites opzoekt, maar het is meer dan alleen een hulpmiddel voor wireframing voor ons.
Overschakelen naar een CSS-preprocessor. We hebben het volledige raamwerk met Sass (nou, Scss) gebouwd en het heeft ons in staat gesteld sneller te bouwen, dingen abstracter te maken en zelfs een versie van Foundation te produceren die volledig semantisch kan worden gebruikt, wat enorm is.
Natuurlijk. Wereldoverheersing schat! :) Het echte antwoord is dat we streven naar uitmuntendheid in al ons werk. We hebben niet altijd de juiste timing, team of vaardigheden voor elk project om een homerun te zijn, maar we komen elke dag opdagen en werken hard aan onze doelen. Soms speelt geluk een rol.
We willen graag Bryan en Jonathan bedanken voor het nemen van de tijd om hun verhaal te vertellen. Als je nog niet in Foundation bent gedoken, hopen we dat dit interview je interesse heeft gewekt!
Accentsconagua