Deze maand kregen we de gelegenheid om te interviewen Kevin Ball en Rafi Benkual van ZURB . We moeten het hebben over de toekomst van het web, de staat van webdesign vandaag, en natuurlijk over fundament .

{$lang_domain} : Hallo dames en heren, ik ben Ezequiel Bruni voor Web Designer Depot en vandaag praten we met deze twee aardige mensen van ZURB, zou je het erg vinden om je namen met het publiek te delen?

Kevin Ball: Hallo, ik ben Kevin. Ik ga ook bij KBall hier bij ZURB, en dit is ...

Rafi Benkual: Ik ben Rafi en ik ben Foundation Advocate hier bij ZURB.

KB: Oh ja, ik zou moeten zeggen wat ik doe. Ik ben de Foundation Lead.

WDD: Ok, Foundation Lead, wat is het precies dat je doet? U bepaalt de richting voor Stichting, of ...?

KB: Ah, ja, er zijn een aantal verschillende stukken daar. Ik ben minder een dictator en meer een facilitator en een synthesizer. Ik breng veel tijd door in gesprekken - zowel persoonlijk als online - waarbij ik probeer een idee te krijgen van waar mensen worstelen met Foundation, waar het web naartoe gaat, waar responsief ontwerp naartoe gaat en probeert zeker te weten dat we weg zijn voor die curve.

WDD: Oké, en Rafi, wat doe je als ... Foundation Advocate, toch?

RB: Ja, dat is moeilijk om te beschrijven, dus er is veel pleitbezorging voor de gemeenschap, het vergroten van de gemeenschap, marketingverkoop. En dan ook coderen op zowel klantprojecten, interne projecten, en natuurlijk alles met Foundation, en ook samenwerken met de community om bugs op te lossen en nieuwe functies voor Foundation te maken.

WDD: Hoe zijn jullie begonnen met webontwerp en -ontwikkeling, en dit allemaal?

KB: Uhh, zeker, wil je eerst gaan, Rafi?

als je kijkt naar ZURBians die coderen, zijn we waarschijnlijk voor 80% autodidact in een of andere vorm

RB: Jij gaat eerst.

KB: Nou, ik ben langer. Dus ik ben een beetje een oude man, dus begon ik aan back-end hardware en low-level software, compilers, apparaatstuurprogramma's en dergelijke. En toen ik in 2008-2009 aan de slag ging, was ik bezig met een loopbaanverandering. Ik startte een startup met de naam Oorzaken, die bezig was met sociale belangenbehartiging, non-profit werk en dat soort dingen online.

KB: Degenen van jullie die op internet letten, herinneren zich misschien dat Oorzaken de grootste niet-game-applicatie op Facebook was, toen Facebook voor het eerst applicaties lanceerde. En dus probeerden we die Facebook-opbloei voort te zetten op een moment dat iedereen opgewonden raakte, dus we zagen honderdduizenden nieuwe aanmeldingen per dag op het gloednieuwe open Facebook-platform.

Dus dat was mijn intro voor het web, het was: "Welkom aan boord, we hebben een applicatie. We hebben een miljoen mensen die het vandaag gebruiken. "En zes maanden later waren het 15 miljoen mensen, en tegen de tijd dat ik wegging, gebruikten meer dan honderd miljoen mensen het ding. Zo soort van die golf, en alles leren over het schalen van grote applicaties en hoe dat te doen.

Het was best wel grappig, want ik kreeg een baan bij een webbedrijf en in mijn interview moesten ze een heleboel gegevensanalyse uitvoeren en ik zei: "Geweldig, ik heb het, hoe wil je het output? "En zij zeiden. "Wel, stop het gewoon in een lijst. Een HTML-lijst. ", En ik ben een beetje zoals" Ok, wat is dat? ", Toch? Omdat ik van dit back-end kwam, diep in het onkruid, en ze zeggen, "Oh, oké, hier is de opmaak. Begin maar. "

KB: Het blijkt dat wanneer je diepe codering hebt gedaan en C en dat alles, HTML niet zo slecht is.

WDD: En Rafi, hoe ben je begonnen?

RB: Nou eigenlijk, ik kwam uit een verkoop- en marketingachtergrond, en uit online winkels en dergelijke dingen, en ik was eigenlijk vrienden met sommige mensen die bij ZURB werkten, en ik zou het kantoor rondkomen en veel helpen.

En de baas vertelde ons dat hij op zoek was om Stichting te laten groeien en op zoek was naar iemand die toegewijd was aan de Foundation-gemeenschap. Maar ik had nog nooit HTML en CSS in mijn leven aangeraakt, tot drie jaar geleden, dus ik moest Foundation over ongeveer een maand leren, en dan een test doen en die doorgeven om bij ZURB te worden aangenomen.

Dat is een beetje waar ik begon, ik deed het en ik deed het heel goed, en ik werd meteen meteen in de mix van het oplossen van bugs in GitHub gegooid, wat gek is.

WDD: Ik moet zeggen dat jullie een beetje geluk hebben gehad met een echte training. Ik was autodidact en de enige reden waarom ik doorging was omdat ik niet wist dat ik zoog.

KB: Oh ja, ik weet het, ik heb in de industrie geleerd. Ik heb natuurkunde gestudeerd op school. Ik denk eigenlijk dat als we kijken naar ZURBians die coderen, we waarschijnlijk voor 80% autodidact zijn in een of andere vorm.

WDD: Dus dat is echt gaaf. Je hebt al besproken hoe jullie bij ZURB bij ons kwamen werken, en dat is interessant. Hoe zijn jullie specifiek aan Stichting toegewezen? Ben je direct in dit project terechtgekomen toen je begon, of deed je eerst andere dingen of ...

KB: Rafi kwam rechtstreeks in Stichting. Ik kwam binnen als een ingenieurstrekker bij ZURB en begon een beetje geleidelijk meer en meer projecten op te nemen en een aantal verschillende te leiden. Het kwam op een punt dat een van onze vorige Foundation naar links leidde om verder te gaan met iets anders, en ik keek naar al deze projecten en zei: "Nou, deze zijn allemaal goed en wel, maar wat maakt me echt gepompt, en echt maakt me enthousiast werkt aan Stichting en interactie met haar gemeenschap. "

Dus ik sprak met de mensen op ZURB, sprak met de baas-man met iedereen gepraat, ik had zoiets van: "Ik doe al deze dingen, maar echt wat ik wil doen is Stichting." Ze keken een beetje naar ik en zei: "Geweldig! Gaan doen!"

WDD: Oké, Kevin, wanneer heb je je voor het eerst gerealiseerd dat Stichting zo belangrijk zou worden, wanneer heb je dat voor het eerst een beetje begrepen?

KB: Dus tegen de tijd dat ik Foundation binnenkwam, vermeldde ik dat ik op internet was, wat is het nu, acht jaar geleden? Maar ik ben slechts een jaar op ZURB geweest. Dus toen ik echt bij Foundation kwam, was het al een vrij grote deal. Voor mij, ik denk in grote lijnen, waren frameworks-Foundation en Bootstrap-type ... het ontdekken ervan enorm voor mij. Want toen ik net begon met het doen van webdingen, was zelfs een rastersysteem, zoals 960, een enorme innovatie. En dan is alles van een su ...

WDD [nogal grof interrumperen, Ezequiel vindt het heel erg]: Ik weet het!

KB: meer dan alleen een basisraster, iets dat je kunt aanpassen, iets dat reageert, zoals, mijn hemel, dit is ongelooflijk. Dus vanuit een ontwikkelingsachtergrond, geleidelijk meer naar de voorkant gericht, met dat soort bronnen, kon ik zien dat het enorm was, zelfs voordat het enorm werd.

elke dag ontdekken we nieuwe bedrijven die Foundation al een paar jaar gebruiken, en het is gewoon geweldig om te zien

RB: Stichting was, tegen de tijd dat ik drie jaar geleden begon, al enorm in de webontwikkelwereld. Als je webontwikkeling doet, wist je waarschijnlijk van Foundation en Bootstrap, en toen waren er op dat moment niet echt teveel andere frameworks. Misschien was Semantic nieuw, maar dat is niet echt een volledig raamwerk, dus er was niet veel te beleven. Dus Stichting was al enorm.

Wat er gebeurde, toen ik aan de slag ging met Foundation, begon ik te beseffen hoeveel verschillende merken en websites op Foundation zijn gebouwd, en dat was echt een openheid voor mij. Dus elke dag ontdekken we nieuwe bedrijven die Foundation al een paar jaar gebruiken, en het is gewoon geweldig om te zien. Bekijk onze merkenpagina en je kunt alle honderden grote merken die er zijn bekijken, en er zijn waarschijnlijk nog duizenden die we niet eens kennen.

KB: Ja, het trekt me nog steeds uit, speel een beetje op wat Rafi zegt, alsof je naar het onkruid gaat, en je doet gewoon het werk, goed, en dan ga je terug ...

Ik ben een grote sportfan ... NBA.com heeft onlangs opnieuw gelanceerd. Hun geheel nieuwe site is gebouwd op Stichting. En natuurlijk ga ik naar de site kijken, en ik heb zoiets van "Oh, er is een bug en er is een bug ...", en ik zit nog steeds in het onkruid. Dan ga ik een stap terug en zeg ik: "Waar heb ik het over? Dit is mijn favoriete sportcompetitie en ze zijn gebouwd op het product waaraan ik heb gewerkt. Dit is ongelofelijk!"

WDD: [Lacht] Dat moet een ongelooflijk gevoel zijn. Ondertussen heb ik ontwikkeld om te vertellen wanneer een website is gebouwd op Bootstrap. Het is geen superkracht die ik wilde toen ik een kind was, maar dat is wat ik heb.

KB: Het raakt op, het vereist geen enorme superkracht, gezien de aanpak die ze hebben gekozen. Weet je, dit is een van de dingen waar we het vaak over gehad hebben met Foundation. Vanzelfsprekend heeft Bootstrap op dit moment een groter publiek, en een van de redenen dat ze hebben is dat ze zo een sterk visueel beeld hebben uit de doos, wat betekent dat iemand die geen idee heeft hoe ze willen dat iets er uit ziet ... ze kan het aansluiten en het ziet er fatsoenlijk uit. Het ziet eruit als Bootstrap, maar het ziet er goed uit.

WDD: Dat klopt. Dat soort out-of-the-box-functionaliteit is tegenwoordig een groot deel van het internet. Sjablonen en thema's gaan nergens heen. Frameworks gaan nergens naartoe, mensen zullen altijd een eenvoudigere manier nodig hebben om iets gedaan en sneller te krijgen ... daarom zullen Foundation en andere frameworks zo'n groot deel van het web gaan worden.

Hoe zie je Stichting vooruit?

KB: Dat is een geweldige vraag, en het is iets waar ik veel tijd aan besteed om aan te denken. Ik kan je daar een antwoord voor de korte, een middellange en een lange termijn op geven. I denk. Op de korte termijn is een van de plaatsen die we zien dat we beter moeten worden, in de reeds bestaande thematiek.

De kern van de stichting is uiterst aanpasbaar, precies dat: een stichting die u kunt opbouwen zodat niet elke Foundation-site op elkaar lijkt. Er is echter een enorm publiek van mensen die iets nodig hebben dat een beetje sterker is om van te vertrekken.

En terwijl dat op dit moment mogelijk is, is dat niet zo eenvoudig in Foundation als zou moeten, en dat is dus een enorme focus van ons de volgende ... Ik zou zeggen drie tot zes maanden. Maak het een stuk gemakkelijker voor mensen die van een ontwerpachtergrond komen om iets te creëren dat dan mensen die geen ontwerpachtergrond hebben gewoon overal kunnen binnenvallen en gebruiken.

WDD: Oke, dus kindenthema's, in wezen.

KB: In wezen, ja. Er zijn een aantal verschillende varianten waarnaar we kijken voor manieren om dit te doen. Omdat een van de dingen die, zoals ik al zei, een soort kern is voor Foundation, is dit idee dat het nooit is, we zullen altijd het designpubliek als eerste plaatsen.

Zoals, iedereen bouwt nu responsieve websites, maar die gaan nogal, velen van hen raken oudbakken. Zoals, er zijn een paar patronen die mensen hebben uitgedacht, zoals een hamburgersymbool en het menu buiten het canvas, en al deze dingen, en iedereen zit vast met dit ding

ZURB is een ontwerpbureau en dat is waar we vandaan komen, dus hoe we het uiteindelijk ook gaan implementeren, het kan die mogelijkheid niet opofferen om je visuele identiteit, je visie te implementeren. Maar we zijn van mening dat we het een stuk eenvoudiger kunnen maken om gewoon dingen neer te zetten en dingen op zijn plaats te zetten wanneer je dat wilt.

Dus dat is een gebied. Een ander enorm gebied waar we op middellange tot lange termijn naar op zoek zijn, is echt proberen dit idee van responsiviteit voort te zetten. Stichting is daar altijd een voorloper van geweest, we waren het eerste raamwerk dat mobiel ging, eerst hebben we een heleboel verschillende mobiele dingen erin gestopt en we beginnen dit basisidee van responsiviteit te zien winnen.

Zoals, iedereen bouwt nu responsieve websites, maar die gaan nogal, velen van hen raken oudbakken. Zoals, er zijn een paar patronen die mensen hebben uitgedacht, zoals een hamburgersymbool en het menu buiten het canvas, en al deze dingen, en iedereen zit vast met dit ding. "Ok, ik ga de inhoud op mobiel stapelen en dit, dat en dat andere doen."

Maar we denken dat, vooral omdat mobiele apparaten steeds krachtiger worden en steeds productiever worden, er een hele reeks mogelijkheden zijn die nu nog maar net worden gespeeld. Een responsieve website ziet er op dit moment vaak uit als iets dat geweldig is op desktops en het werkt goed op mobiel, of het is geweldig op mobiele apparaten en werkt goed op desktop.

En we denken dat dat niet nodig is. Je zou in staat moeten zijn om iets te hebben dat geweldig is op een mobiel, geweldig op een tablet, geweldig als je het ding op een tv zet, is geweldig als je ermee communiceert via een schermlezer, zodat al deze verschillende dingen zijn niet alleen verantwoord, maar eigenlijk geoptimaliseerd, als dat logisch is.

WDD: Dat is logisch. Eigenlijk dacht ik erover na terwijl je aan het praten was, want ik heb gemerkt dat veel sites de mobile-first mentaliteit hebben aangenomen, waarbij ze zich veel meer op mobiel richten dan op grotere schermformaten. Dat is eerlijk, want mobiel is overal enorm, overal mobiel, iedereen heeft een mobiele telefoon, of hij nu een desktop of een laptop heeft. Ze hebben mobiele telefoons op plaatsen waar ze niet eens de macht zouden hebben voor een desktop.

Maar schermen op meer ontwikkelde plaatsen worden ook groter, en natuurlijk meer compact, voor zover pixels gaan, en daarnaast krijgen we 4K-tv's, 4K-monitoren, de prijzen lopen heel langzaam naar beneden en wat ik ' Het is me opgevallen dat veel webontwerpers geen rekening houden met de grotere schermformaten. Deze schermen worden absoluut enorm. En je hebt niet de mogelijkheid om het venster gewoon kleiner te maken op tv, zoals een slimme tv of met een Xbox ...

Ik ben een beetje nieuwsgierig, omdat iedereen wil aanpassen voor mobiel, en dat is goed, maar wat gaan jullie doen als het gaat om het helpen optimaliseren van uw gebruikers voor de supergrote schermen?

KB: Dit is iets waar de wereld grofweg mee worstelt, en dit is waar ik zeg dat mijn rol niet als een dictator is, maar eerder als een synthesizer. Dus een paar van onze ontwerpers waren recentelijk bezig met een project dat zich op grote schermen richtte. Het blijkt dat sommige dingen die we al in Foundation hebben, je in staat stellen om dit soort dingen te doen, omdat je je set breekpunten kunt aanpassen, je kunt een extra, extra groot breekpunt toevoegen. Je kunt er al een hoop dingen voor doen.

Maar mensen realiseren zich dat niet echt, ze zijn zich niet bewust van die opties, dus veel van wat we daar willen doen is gewoon de beste praktijken publiceren om die dingen te richten. Het raamwerk, conceptueel werkt het daar. Mensen nemen vaak de breekpunten die ze uit de doos halen en denken niet: "Ok, wacht, is dit eigenlijk van toepassing op mijn hele publiek? Waar werken deze mensen aan ?. "

Iets waar we de behoefte aan zien en actief aan werken, is gewoon beter onderwijs over wat er is en hoe je het gebruikt.

RB: In het kader zijn er, zoals je al zei, mixins. We hebben al een extra groot breekpunt en u kunt er meer toevoegen. En dan zijn er ook mediaqueries voor pixelratio en andere dingen zoals dat. Ik denk dat wat we nodig hebben is ... ja, meer goede praktijken, meer voorlichting over hoe om te gaan met die situaties.

KB: Sommige extra dingen die we in de pijplijn hebben liggen, in feite iets waar ik mee speelde tot deze oproep, is iets dat helpt bij alle schermformaten: naar meer vectorafbeeldingen gaan en meer dingen kunnen doen met vectoren.

WDD: SVG. We wachten allemaal op "Het jaar van de SVG".

KB: "Het jaar van de SVG", we hebben leuke dingen in de pijplijn om dat te laten gebeuren, dus ik denk dat mensen niet altijd beseffen hoe krachtig SVG is. Als je die dingen inline plaatst, kun je ze ineens in stijl brengen met CSS, je kunt ze manipuleren met JavaScript, en ze zien er op alle schermformaten uit de doos prachtig uit. Dus dit idee van responsieve beelden is iets waar we heel enthousiast over zijn. Dingen die misschien niet alleen responsief zijn doordat het schaalt met pixeldichtheid en schalen met de grootte, maar het is ook mogelijk om de functies die zichtbaar zijn in een afbeelding te veranderen op basis van de schermgrootte.

Daar zijn allerlei interessante mogelijkheden. Ik denk dat het op dit moment niet het vermogen van SVG's is, maar de tooling. Dus dat is een ding dat we bij ZURB echt kunnen helpen vooruit te duwen: tooling om dat gemakkelijk te maken.

Ik kan meer in details treden, maar dat gaan we binnenkort doen.

WDD: Sorry, ik realiseerde me net dat ik letterlijk nooit heb nagedacht over de mogelijkheid dat je met een inline SVG-afbeelding letterlijk objecten uit de afbeelding kunt laten vallen op basis van de schermgrootte. Dat is eigenlijk heel groot.

KB: Het is verbazingwekkend, het is ongelooflijk, en niemand doet het. Ze denken er niet over na, omdat deze dingen een beetje opgesloten zitten in: "O, het is een troef die ik ga laden." Maar nee, deze dingen zijn documenten. Je zou kunnen doen wat je wilt.

WDD: het zijn documenten die dynamisch en veranderlijk en kneedbaar zijn als HTML zelf. Dat is een belangrijk ding om te onthouden. De laatste vraag in deze sectie is: wat is uw favoriete onderdeel over het framework zoals het nu is? Zijn er specifieke componenten waarvan je denkt dat het jouw favoriet is, of misschien heb je eraan gewerkt, dus het is jouw baby?

KB: Ik ben onlangs verliefd geworden op responsieve menu's en ik heb gezegd dat ik niet zo lang in het project ben geweest. Dit is een behoorlijk uitgebreide codebase. Ik heb zes / acht maanden aan het project gewerkt, dus ik blijf nieuwe dingen ontdekken. Responsieve menu's zijn echt krachtig.

Het basisconcept is dat het type menu dat u mogelijk gebruikt om uw navigatie uit te voeren, sterk varieert per apparaat. Zo is bijvoorbeeld het patroon van een vervolgkeuzemenu, iets dat al heel lang in frameworks als Bootstrap en Foundation voorkomt, extreem krachtig op de desktop en vaak bijna onbruikbaar op mobiele apparaten, vooral als je geneste lagen hebt om het. Er zijn echter een aantal menu's die perfect werken op mobiele apparaten, bijvoorbeeld een drill-down menu. iOS heeft dit gepopulariseerd. Ze gaven ons dit idee van een drill-down menu waar je op iets tikt en het over [naar] het submenu schuift, je boort naar de plek die je moet gaan.

Foundation ondersteunt beide, en de manier waarop het werkt, gebruikt in feite exact dezelfde markup, maar met iets andere data-attributen voor de JavaScript. Wat dat mogelijk maakt, is een responsief menu dat zich gedraagt ​​als een vervolgkeuzelijst wanneer u zich bij een onderbrekingspunt bevindt en naar een detailniveau gaat wanneer u zich bij een ander onderbrekingspunt bevindt. Dus je hebt exact dezelfde opmaak, je zegt het: "Hé, dit is responsief", om op kleine [schermen] door te gaan, naar grote [schermen] te gaan, en het werkt gewoon.

WDD: Ik zou er absoluut meer van willen zien, omdat eerlijk gezegd, vervolgkeuzemenu's waar je je land of regio kiest, onbruikbaar zijn op de desktop, vooral op mobiel. Elke drop-down met tweehonderd of meer inzendingen is gewoon belachelijk.

KB: Ja, honderd procent.

WDD: deze moeten standaard een drill-down hebben. Maar goed, hoe gaat het met jou, Rafi? Is er iets dat je leuk vindt?

RB: Ja, in recente projecten hebben we net een meetup gedaan op het Flexbox-raster, en ik ben echt verliefd op het Flexbox-raster. Gewoon Flexbox in het algemeen ... als u sommige eigenschappen begint te leren, zijn ze niet zo moeilijk te leren, en ze zijn echt krachtig en verbeteren echt ten opzichte van een standaard drijfnet. Dus als je project het toelaat, zou ik dat zeker doen - IE10 en hoger is de beperking - dus als je project het toestaat, zou ik zeker het Flexbox-raster bekijken. Op dit moment is het mijn favoriete ding.

WDD: Oké, en de laatste vraag in deze sectie is, nou het is geen vraag ... Ik mis Orbit, jongens. Ik doe. Ik besef dat sliders en carrousels niet de beste UX zijn, maar soms heb je er gewoon een nodig of vraagt ​​de client er om, en ik mis Orbit.

KB: Wist je dat het in zes is?

RB: Ze brachten het terug.

WDD: Ze hebben het teruggeplaatst?

KB: Het is terug in Foundation 6.

WDD: Ik eigenlijk niet ... Wow, ik ben uit de kring geweest.

KB: Dus, het achtergrondverhaal daarover, in Foundation 5 bereikten we een punt met Orbit, waar het een beetje te veel werd, en heel moeilijk te onderhouden als een open source-project. We probeerden te veel dingen te doen. Het probeerde alles te zijn. Dus toen we het voor Stichting 6 opnieuw hadden opgebouwd, besloten we dat we een eenvoudige feature-set wilden, alle markup op de pagina bij load, in plaats van dat JS dat spul dynamisch zou toevoegen. En als iets eenvoudigs voor prototyping of zelfs een eenvoudige carrousel voor productie, werkt het geweldig.

Als u op zoek bent naar iets dat meer functies bevat, zoals het kunnen wijzigen van het aantal dia's per breekpunt of het aantal dia's dat tegelijkertijd wordt verplaatst, wilt u misschien drie op een pagina hebben en deze vervolgens verplaatsen. elke keer zijn er andere carrousels die we in onze projecten hebben gebruikt. Graag willen Uil of Slick Carousel .

RB: Dus het ging terug naar meer een "fundamenteel" component, niet alles proberen te doen, overal, maar iets zijn dat erop gericht is om de basisbeginselen goed te krijgen, en je laat het aanpassen tot iets veel meer. Dat is een filosofie die Stichting heeft geprobeerd de hele weg te doen, maar af en toe haar weg kwijtraakte.

Het is iets waar we ons zeker op hebben gericht: ervoor zorgen dat de dingen die we aanbieden niet alles proberen te doen. Ze zijn fundamenteel en ze zijn uitbreidbaar. Wij maken ze zodanig dat u met hen kunt communiceren, u kunt ze uitbreiden, u kunt al die dingen doen, maar ze doen niet noodzakelijk alles wat u uit de verpakking wilt.

En een van de stukjes waar we het over hadden, in het kunnen inbrengen van thema's, of kindthema's, of iets dergelijks ... nog een deel daarvan is het kunnen laten vallen in dit concept van bouwstenen. Iemand die een stapel stukjes heeft gepakt en ze aan elkaar heeft vastgeketend en er een boel gedrag aan heeft toegevoegd en die gemakkelijker te pluggen en te spelen maakt.

WDD: Oh, dus zoals modules of plug-ins, zoals jQuery-plug-ins, maar voor ... oke wauw dat zou best behoorlijk groot kunnen zijn. Vooral als mensen ze controleren op compatibiliteit en ze gemakkelijk kunnen laten vallen. Een ding waar ik in het verleden moeite mee heb gehad, was middelen uit verschillende plaatsen combineren. Mensen gebruiken soms vergelijkbare variabelenamen en dat verstrikt alles. Of de CSS is gewoon incompatibel omdat ... redenen, omdat browsers .

KB: Dit is een echt probleem en daarom denk ik dat ik kijk naar de pakketbeheerders die er zijn ... ze zijn niet echt ontworpen om markup en CSS heel goed te verzenden.

WDD: Dat zijn ze niet.

KB: Dit is dus geen volledig opgelost probleem. We bekijken verschillende manieren waarop we het kunnen doen, maar een van de dingen waar we aan denken, is ervoor zorgen dat je dezelfde basis SASS-variabelen van de rest van het raamwerk gebruikt en gebruikt, als je ' laat er iets in vallen, het neemt je thema of je stijlen meteen op.

WDD: Nou dat klinkt als een geweldig idee. Ik ben altijd onder de indruk van pakketbeheerders geweest, maar om eerlijk te zijn, als je een oplossing bedenkt waarmee ik bestanden uit een ZIP-bestand gewoon naar mijn projectmap kan slepen, en het werkt gewoon, dan kan dat voor me. Ik ben nog steeds een erg handzame man als het gaat om mijn HTML en CSS. Ik gebruik niet veel pakketbeheerders.

Ik realiseer me dat ze de toekomst zijn, ja, maar ik bouw kleinere dingen, en dat was ook iets dat ik over Orbit zei: ik heb niet zoveel functies nodig, meestal als ik een carrousel nodig had, Ik moest alleen afbeeldingen van rechts naar links verplaatsen. Dat is alles wat ik nodig had.

KB: probeer het uit in Foundation 6, het is er. Als iets niet werkt zoals u wilt, dient u een bug in en we zullen het probleem oplossen.

RB: Er is een coole verbetering op Orbit. Het is gekoppeld aan Motion UI, dus je kunt de animaties in de HTML eigenlijk veranderen. Dus als je een vervaging wilt, of je wilt een dia, of je wilt deze wegglijden, of erin draaien, of welke gekke animaties dan ... het zit er allemaal in vast.

WDD: Dat is absoluut cool. En ten slotte, niet in de laatste plaats, en gewoon voor de lol: hoe is je relatie met het raamwerk dat niet genoemd zal worden ?

Weinig bekend feit: de uitvinders van Bootstrap werkten vroeger bij ZURB

KB: Weinig bekend feit: de uitvinders van Bootstrap werkten vroeger bij ZURB.

WDD: Echt waar ?!

KB: Ja. Mark Otto was hier een ontwerper, geloof ik. Dus het ding dat misschien niet bekend is, is dat Foundation en Bootstrap eigenlijk uit hetzelfde genesis komen. Dit zijn beide kaders die werden geïnspireerd door wat ZURB deed voor onze klanten. We bouwden deze HTML- en CSS-stijlgidsen uit, en we wilden dat een beetje systematiseren, dus de eerste opensource-versie van Foundation was versie 2. Versie 1 was intern.

Dus Bootstrap en Foundation komen uit dezelfde roots. Ze hebben duidelijk verschillende paden gekozen in termen van waarvoor ze optimaliseren, en Bootstrap is enorm succesvol geweest met het ontwikkelaarspubliek. Stichting was, en is nog populairder bij het ontwerperspubliek, omdat het daar geen zware visuele mening opeist.

WDD: Dat is logisch.

KB: Om nog een beetje meer te spelen, is er uiteraard een vriendelijke rivaliteit gaande.

WDD: natuurlijk.

KB: En ik denk dat we met verschillende mensen moeten praten. Ik praat natuurlijk met heel veel verschillende mensen over Foundation, en de boodschap die we lijken te krijgen, vooral van meer senior mensen, is dat "ik hou van Foundation beter, het is krachtiger. We gebruiken Bootstrap toch, omdat al mijn junior-ontwikkelaars het weten. "Dat is overtuigend. Het vertelt ons waar we aan moeten werken, toch? Een van de grootste dingen waar we aan moeten werken, is dat we de strijd om de functionaliteit winnen, we winnen de strijd om de strijd, we moeten de strijd om onboarding winnen.

We moeten ons vermogen verbeteren om ... mensen zover te krijgen dat ze het uit de doos halen. Want als alle oudere mensen het leuk vinden en alle ontwerpers het leuk vinden ... ja natuurlijk moeten we blijven pushen, we hebben gezegd dat er plaatsen zijn zoals SVG, we kunnen het maken van 2017 het jaar van de SVG ondersteunen, Foundation kan helpen bij het maken van dat gebeurt.

Er zijn andere stukken, CSS-raster, er zijn andere technologieën waarmee we de rol die we altijd hebben gespeeld kunnen spelen door het internet vooruit te helpen. Maar we moeten ons ook concentreren op hoe we het newbie-publiek enorm kunnen ondersteunen. Hoe brengen we mensen naar boven en helpen ze hen te leren?

De wereld en het web werken beter samen met concurrenten. De browseroorlogen liepen vast totdat Google met Chrome kwam en we ongelooflijke innovatie zagen. Ik denk dat we moeten blijven kijken naar Bootstrap, Bootstrap moet ons blijven bekijken ...

RB: Dat zijn ze.

KB: Dat zijn ze, we weten dat ze dat zijn, en we kijken ernaar, en ik denk dat we elk de beste ideeën uit elkaar kunnen halen en het web blijven pushen.

WDD: Oké, zorg er gewoon voor dat je Tyler Tate steelt voor ze het doen. Ik weet niet of je bekend bent met zijn werk. Hij deed het 1KB CSS-raster terug in de dag, in de dagen van 960.gs deed hij ook semantic.gs. Het was een van mijn favoriete LESS-gebaseerde grid frameworks, nou ... meer als een grid-generator, voor een lange tijd. Serieus, steel die vent.

KB: Oké, laat me hem vinden. Oh ja, hij is lokaal.

RB: Dat is geweldig.

KB: Tyler, laten we koffie drinken als je dit bekijkt. Ik zie dat je van koffie houdt, van je website. Ontwerp, code, koffie. Laten we koffie doen, mijn traktatie.

WDD: Ok, serieus, dames en heren, deze aflevering wordt je aangeboden door cafeïne, heel veel cafeïne. Kies je merk, want niemand betaalt me ​​hiervoor nog. Tot de laatste paar leuke vragen: hebben jullie ergens op kantoor een Twitter-logo op een dartbord en zo nee, waarom niet?

[Een beetje ongemakkelijk lachend van hen. Liever gelach van mij.]

KB: Ik ben eigenlijk een grote Twitter-fan.

WDD: Ah verdorie. Ik maak maar een grapje. En heb je op zijn minst een Nerf-oorlog gehad met het Bootstrap Dev-team? Nogmaals, zo nee, waarom niet? Ga hierop. Je moet dit een video maken.

RB: Ik vind dat een geweldig idee.

KB: Dat is misschien leuk. Misschien paintball.

RB: We hebben hier wat dode signalen.

WDD: Oké, kunnen we dit officieel maken? Wilt u het Bootstrap Dev-team oproepen? Daag ze uit voor een paintball-oorlog?

KB: Paintball war, Bootstrap dev-team. Mark, we hebben je nummer.

RB: We hebben veel meer mensen, ik weet het niet ...

WDD: Dank u allebei voor uw tijd en ik ben heel blij dat ik u zo heb kunnen spreken. Wilt u nog iets anders aan onze lezers / luisteraars zeggen voordat we gaan?

KB: Er zijn veel geweldige dingen gebeurd in Stichting. Versie 6.3 komt binnen een paar weken uit en het gaat meer innoveren met betrekking tot Foundation en responsiviteit, dus controleer dat zeker eens. Ik zou zeggen dat als je op de hoogte wilt blijven van alles, kijk eens foundation.zurb.com/learn/foundation-insider.html , en je kunt op onze mailinglijst komen.

RB: Het andere dat ik wil noemen, is niet aarzelen om mee te doen. We hebben allerlei verschillende problemen op verschillende moeilijkheidsgraden. Het voelt als iets groots om het kader aan te raken, maar als je als contribuant betrokken wilt raken, kom dan eens kijken. Ping een van ons en vraag: "Hé, wat is iets waar ik aan kan werken?"

We zullen u in de juiste richting wijzen, wij zullen u wijzen naar waar het bestand is dat u misschien wilt wijzigen. We helpen u op weg en gaan. Dit is een gemeenschapsproject. We zijn erg trots op het feit dat we meer dan achthonderd bijdragen hebben geleverd aan de geschiedenis van het project, en we willen je hierbij betrekken.

WDD: Oké, heel erg bedankt en tot ziens.

KB & RB: Bedankt!

WDD: Dit is Ezequiel Bruni voor ondertekening van Web Designer Depot.