Questo mese abbiamo avuto l'opportunità di intervistare Kevin Ball e Rafi Benkual a partire dal ZURB . Dobbiamo parlare del futuro del web, dello stato del web design oggi e, naturalmente, di questo Fondazione .
{$lang_domain} : Salve signore e signori, sono Ezequiel Bruni per il Web Designer Depot e oggi stiamo parlando con queste due adorabili persone di ZURB, ti dispiacerebbe condividere i tuoi nomi con il pubblico?
Kevin Ball: Ciao, sono Kevin. Vado anche da KBall qui a ZURB, e questo è ...
Rafi Benkual: Sono Rafi, e sono Foundation Advocate qui a ZURB.
KB: Oh sì, dovrei dire quello che faccio. Sono il capo della Fondazione.
WDD: Ok, Foundation Lead, cos'è esattamente quello che fai? Sei tu a decidere la direzione per la Fondazione, o ...?
KB: Ah, sì, c'è un numero di pezzi diversi lì. Sono meno un dittatore e più un facilitatore e un sintetizzatore. Trascorro molto tempo nelle conversazioni, sia di persona che online, cercando solo di capire dove la gente sta lottando con la Fondazione, dove sta andando il web, dove sta andando il design reattivo, e cercando di essere sicuri che siamo fuori prima di quella curva.
WDD: Ok, e Rafi, cosa fai come ... Foundation Advocate, vero?
RB: Sì, è difficile da descrivere, quindi c'è molta difesa della comunità, crescita della comunità, vendite di marketing. E poi anche la codifica su entrambi i progetti dei clienti, i progetti interni e ovviamente tutto con Foundation, e anche lavorare con la comunità per correggere i bug e creare nuove funzionalità per Foundation.
WDD: Come hai iniziato la tua carriera nel web design e sviluppo, e tutto questo?
KB: Uhh, certo, vuoi andare per primo, Rafi?
se guardi gli Zuri che codificano, siamo probabilmente l'80% autodidatti in una forma o nell'altra
RB: Vai prima tu.
KB: Beh, sono più lungo. Quindi sono un tipo vecchio stile, quindi ho iniziato con hardware di back-end e software di basso livello, compilatori, driver di dispositivo e cose del genere. E poi, nel 2008-2009, ero in una fase di transizione professionale, ho fondato una startup chiamata Cause, che stava facendo advocacy sociale, lavoro non-profit e quel genere di cose online.
KB: Quelli di voi che stavano prestando attenzione al web potrebbero quindi ricordare che Cause è stata la più grande applicazione non di gioco su Facebook, quando Facebook ha lanciato le applicazioni per la prima volta. E così stavamo cercando di cavalcare il boom di Facebook in un momento in cui tutti erano entusiasti, quindi stavamo vedendo centinaia di migliaia di nuovi iscritti al giorno, in sella alla nuovissima piattaforma Facebook aperta.
Quindi questa è stata la mia introduzione al Web, è stato: "Benvenuto a bordo, abbiamo un'applicazione. Abbiamo un milione di persone che lo usano oggi. "E sei mesi dopo, erano 15 milioni di persone e, quando me ne sono andato, erano oltre un centinaio di milioni di persone che usavano questa cosa. Quindi cavalca l'onda e apprendi tutto sul ridimensionamento di applicazioni di grandi dimensioni e su come farlo.
È stato divertente, perché ho trovato un lavoro in una web company, e nella mia intervista mi hanno fatto fare un sacco di analisi dei dati, e ho detto, "Bene, ce l'ho, come lo vuoi? uscita? "E hanno detto. "Bene, mettilo in una lista. Un elenco HTML. ", E io sono tipo" Ok, che cos'è? ", Giusto? Perchè stavo venendo da questa cosa di back-end deep-in-the-weeds, e loro sono tipo, "Oh, ok, ecco il markup. Inizia ad andare. "
KB: Si scopre che quando hai fatto il deep coding e C e tutto ciò, l'HTML non è poi così male.
WDD: E Rafi, come hai iniziato?
RB: Beh, in realtà, sono venuto da un background di vendite e marketing, e dalla vendita online e cose del genere, ed ero davvero amico di alcune persone che lavoravano in ZURB, e andavo in giro per l'ufficio, aiutandomi molto.
E il boss ci ha detto che stava cercando di far crescere la Fondazione e in cerca di qualcuno dedicato alla comunità della Fondazione. Ma non avevo mai toccato l'HTML e il CSS prima della mia vita, fino a tre anni fa, quindi ho dovuto imparare Foundation in circa un mese, quindi ho fatto un test e l'ho passato per essere assunto su ZURB.
Questo è un po 'il punto in cui ho iniziato, l'ho fatto, e l'ho fatto davvero bene, e sono stato immediatamente gettato nel mix di bug di correzione in GitHub, che è pazzesco.
WDD: Devo dire che voi ragazzi siete un po 'fortunati ad aver avuto un vero allenamento. Ero autodidatta e l'unica ragione per cui continuavo a correre era perché non sapevo di aver succhiato.
KB: Oh sì, lo so, ho imparato nell'industria. Ho studiato fisica a scuola. Penso che, in realtà, se guardi agli ZURBIAN che codificano, siamo probabilmente l'80% autodidatti in una forma o nell'altra.
WDD: Quindi è davvero fantastico. Hai già parlato di come voi ragazzi siete venuti a lavorare a ZURB, e questo è interessante. Come siete stati specificatamente assegnati alla Fondazione? Ti sei messo direttamente su questo progetto quando hai iniziato, o prima facevi altre cose o ...
KB: Rafi è entrato direttamente nella Fondazione. Sono entrato come ingegnere alla ZURB e ho iniziato a assorbire gradualmente sempre più progetti, e tipo di leader diversi. È arrivato a un punto in cui una delle nostre precedenti Foundation lasciava il posto a qualcos'altro, e stavo guardando tutti questi progetti, dicendo: "Beh, questi sono tutti buoni e buoni, ma ciò che mi fa veramente pompare, e davvero mi eccita lavorare su Foundation e interagire con la sua comunità. "
Così ho parlato con i ragazzi di ZURB, ho parlato con il capo-uomo parlato con tutti, ero tipo, "Sto facendo tutte queste cose, ma in realtà quello che voglio fare è Foundation." Hanno guardato un po ' io e dissi: "Grande! Go !, Do! "
WDD: Ok, Kevin, quando hai capito per la prima volta che la Fondazione sarebbe stata un grosso problema, quando hai avuto la prima impressione?
KB: Quindi, quando sono entrato in Fondazione, ho detto che sono entrato nel Web, che cos'è, otto anni fa adesso? Ma sono stato a ZURB solo un anno. Quindi, quando sono entrato in Fondazione, era già un grosso problema. Per me, penso in generale, i framework - Foundation e Bootstrap - erano ... la scoperta di loro era enorme per me. Perché quando ho iniziato a fare cose sul web, persino un sistema a griglia, come il 960, era una grande innovazione. E poi tutto su un ...
WDD [interrompendola piuttosto maleducatamente, Ezequiel è molto dispiaciuto]: lo so!
KB: Più di una semplice griglia di base, qualcosa che puoi aggiustare, qualcosa che è reattivo, come, mio Dio è incredibile. Quindi, provenendo da uno sfondo di sviluppo, spostandomi gradualmente verso il front end, avendo quel tipo di risorsa, ho potuto vedere che era enorme anche prima che diventasse enorme.
ogni giorno scopriamo nuove aziende che utilizzano la Fondazione da alcuni anni ed è semplicemente incredibile da vedere
RB: La Fondazione è stata, nel momento in cui ho iniziato tre anni fa, già enorme nel mondo dello sviluppo web. Se fai lo sviluppo web, probabilmente conoscevi Foundation e Bootstrap, e allora non c'erano davvero troppi framework in quel momento. Forse Semantic era nuovo di zecca, ma non è davvero un quadro completo, quindi non c'era troppo là fuori. Quindi la Fondazione era già enorme.
Quello che è successo è che, quando ho iniziato a lavorare su Foundation, ho iniziato a capire quanti marchi e siti Web diversi sono stati creati su Foundation, e questo mi ha davvero aperto gli occhi. Così ogni giorno scopriamo nuove aziende che utilizzano la Fondazione da alcuni anni ed è semplicemente incredibile da vedere. Dai un'occhiata alla nostra pagina dedicata ai marchi e puoi vedere tutte le centinaia di enormi marchi presenti, e probabilmente ce ne sono altre migliaia che non sappiamo nemmeno.
KB: Sì, a volte mi incalza ancora, suona un po 'su quello che dice Rafi, come se tu cadessi sulle erbacce, e stai solo facendo il lavoro, giusto, e poi fai un passo indietro ...
Ad esempio, sono un grande appassionato di sport ... NBA.com ha recentemente rilanciato. Il loro intero nuovo sito è costruito su Foundation. E naturalmente vado a dare un'occhiata al sito, e mi piace "Oh, c'è un bug, e c'è un bug ...", e io sono ancora giù nelle erbacce. Poi faccio un passo indietro e sono tipo "Di cosa sto parlando? Questa è la mia lega sportiva preferita e si basa sul prodotto su cui ho lavorato. Questo è incredibile!"
WDD: [ride] Deve essere una sensazione incredibile. Nel frattempo, ho sviluppato l'idea di sapere quando un sito Web è stato creato su Bootstrap. Non è un super potere che volevo da bambino, ma è quello che ho.
KB: Si esaurisce non richiede un enorme super potere, dato l'approccio che hanno scelto di prendere. Sai, questa è una delle cose di cui abbiamo parlato molto con la Fondazione. Ovviamente, Bootstrap ha un pubblico più grande in questo momento, e uno dei motivi per cui hanno questo è che hanno una forte opinione visiva fuori dagli schemi, il che significa che qualcuno che non ha idea di cosa vogliano che qualcosa appaia ... può collegarlo e sembrerà decente. Sembrerà Bootstrap, ma sembrerà decente.
WDD: È vero. Oggi quel tipo di funzionalità pronta all'uso è in realtà una parte enorme del web. Modelli e temi non stanno andando da nessuna parte. I framework non vanno da nessuna parte, le persone avranno sempre bisogno di un modo più semplice per ottenere qualcosa e più velocemente ... ed è per questo che Foundation e altri framework saranno una parte così enorme del web che andrà avanti.
Come vedi andare avanti la Fondazione?
KB: Questa è una bella domanda, ed è qualcosa a cui dedico molto del mio tempo a pensare. Posso darti una risposta a breve termine, a medio termine e a lungo termine. Credo. A breve termine, uno dei luoghi in cui vediamo che dobbiamo migliorare, è nel tema preesistente.
Il nucleo della Fondazione è estremamente personalizzabile, essendo proprio questo: una Fondazione che puoi costruire in modo tale che non tutti i siti della Fondazione si assomiglino. Tuttavia, c'è un vasto pubblico di persone che ha bisogno di qualcosa che è un po 'più fortemente motivato per iniziare.
E mentre questo è possibile ora, non è così facile in Foundation come dovrebbe essere, e quindi questo è un nostro enorme obiettivo nel prossimo ... direi tre-a-sei mesi. Rendere molto più facile per le persone che provengono da uno sfondo di progettazione per creare qualcosa che poi persone che non hanno background di progettazione possono semplicemente cadere e utilizzare dappertutto.
WDD: Va bene, quindi, temi per bambini, in sostanza.
KB: In sostanza, sì. Ci sono un paio di varianti diverse che stiamo cercando modi per farlo. Perché una delle cose che sono, come ho detto, il tipo di core to Foundation è questa idea che non lo è mai, metteremo sempre il pubblico del design al primo posto.
Ad esempio, tutti stanno costruendo siti Web reattivi ora, ma stanno andando, molti di loro stanno diventando obsoleti. Mi piace, ci sono alcuni modelli che la gente ha capito, come c'è un'icona di hamburger, e il menu 'fuori-quadro', e tutte queste cose, e tutti sono bloccati con questa cosa
ZURB è una società di design, ed è da lì che veniamo, quindi comunque finiamo per implementarla, non può sacrificare quella capacità di implementare la tua identità visiva, la tua visione. Ma, crediamo che possiamo rendere molto più semplice abbandonare le cose e mettere le cose a posto quando vuoi.
Quindi questa è un'area. Un'altra area enorme che stiamo cercando per medio-lungo termine sta davvero cercando di continuare a portare avanti questa idea di reattività. La Fondazione è sempre stata al primo posto, siamo stati il primo framework per i dispositivi mobili, abbiamo messo un sacco di cose mobili diverse là dentro, e stiamo iniziando a vedere che questa idea di base della reattività ha vinto.
Ad esempio, tutti stanno costruendo siti Web reattivi ora, ma stanno andando, molti di loro stanno diventando obsoleti. Ad esempio, ci sono alcuni modelli che la gente ha capito, come l'icona di un hamburger, il menu fuori-quadro e tutta questa roba, e tutti sono rimasti incollati a questa cosa. "Ok, imposterò il contenuto sul cellulare, e faccio questo, quello e l'altro."
Ma pensiamo che, specialmente quando i dispositivi mobili stanno diventando più potenti, diventando più prolifici, c'è tutta una serie di possibilità là fuori che a malapena si gioca appena in questo momento. Un sito web reattivo in questo momento sembra spesso qualcosa di straordinario sul desktop e funziona perfettamente con i dispositivi mobili, oppure è incredibile per i dispositivi mobili e funziona bene sul desktop.
E pensiamo che non sia necessario. Dovresti essere in grado di avere qualcosa di straordinario sui dispositivi mobili, incredibile su tablet, è fantastico se metti la cosa su un televisore, è incredibile se stai interagendo con esso tramite uno screen-reader, in modo che tutti questi diversi le cose non sono solo considerate come giustificate, ma in realtà ottimizzate, se ciò ha senso.
WDD: Questo ha senso. In realtà stavo pensando a questo mentre parlavi, perché ho notato che molti siti hanno adottato la mentalità mobile-first, concentrandosi maggiormente sul mobile rispetto a schermi di dimensioni maggiori. Ora, è giusto perché il cellulare è enorme, mobile ovunque, tutti hanno un telefono cellulare, indipendentemente dal fatto che abbiano un desktop o un laptop. Hanno telefoni cellulari in luoghi in cui non avrebbero nemmeno il potere di un desktop.
Tuttavia, anche gli schermi in luoghi più sviluppati si stanno ingrandendo, e ovviamente più densi, per quanto riguarda i pixel, e oltre a questo, stiamo ottenendo televisori 4K, monitor 4K, i prezzi stanno calando molto lentamente e quello che ho Ho notato che molti web designer non tengono conto delle dimensioni dello schermo più grandi. Questi schermi stanno diventando assolutamente massicci. E non hai la possibilità di creare la finestra più piccola in TV, come una smart TV o una Xbox ...
Sono un po 'curioso, perché tutti vogliono personalizzare per i dispositivi mobili, e questo è positivo, ma che cosa farete voi ragazzi per aiutare gli utenti a ottimizzare per i grandi schermi?
KB: Questo è qualcosa con cui il mondo è alle prese, e questo in cui dico che il mio ruolo non è come un dittatore, ma piuttosto come un sintetizzatore. Così un paio di nostri designer sono stati recentemente coinvolti in un progetto che si concentrava sui grandi schermi. Si scopre che alcune delle cose che abbiamo già in Foundation ti consentono di fare cose del genere, perché puoi personalizzare il tuo set di punti di interruzione, puoi aggiungere un punto di rottura extra extra. Puoi fare un sacco di cose per quello già.
Ma le persone non lo realizzano davvero, non sono a conoscenza di queste opzioni, quindi molto di ciò che vogliamo fare è semplicemente pubblicare le migliori pratiche per indirizzare queste cose. La struttura, concettualmente funziona lì. La gente spesso prende i punti di rottura che esce dalla scatola, e non pensa: "Ok, aspetta, questo si applica effettivamente a tutto il mio pubblico? Su cosa stanno lavorando queste persone? "
Qualcosa che vediamo e di cui stiamo lavorando attivamente è solo una migliore educazione su ciò che è lì e su come lo usi.
RB: All'interno del framework, ci sono, come hai detto, mixin. Abbiamo già un punto di rottura molto ampio e puoi aggiungerne altri. E poi ci sono anche media query per il rapporto pixel e altre cose del genere. Penso che ciò di cui abbiamo bisogno è ... sì, più buone pratiche, più educazione su come gestire quelle situazioni.
KB: Alcuni elementi aggiuntivi che abbiamo in cantiere, in realtà qualcosa con cui stavo giocando fino a questo call, sono qualcosa che aiuta in tutte le dimensioni dello schermo: andare a più grafica vettoriale e poter fare più cose con vettori.
WDD: SVG. Stiamo tutti aspettando "The Year of the SVG".
KB: "L'anno dell'SVG", abbiamo alcune cose divertenti nella pipa per cercare di farlo accadere, quindi penso che le persone non sempre capiscano quanto sia potente SVG. Se inline quelle cose, improvvisamente puoi modificarle con i CSS, puoi manipolarle con JavaScript, inoltre sono belle su tutte le dimensioni dello schermo fuori dalla scatola. Quindi questa idea di immagini reattive è qualcosa di cui siamo davvero entusiasti. Roba che forse non è solo reattiva in quanto è in scala con la densità dei pixel, e scala con le dimensioni, ma forse sta anche cambiando le caratteristiche che sono visibili all'interno di un'immagine in base alle dimensioni dello schermo.
C'è un sacco di possibilità interessanti lì. Penso che ciò che manca in questo momento non sia la capacità degli SVG, ma gli strumenti. Ecco una cosa che noi di ZURB possiamo davvero aiutare a portare avanti: strumenti per renderlo semplice.
Potrei entrare in ulteriori dettagli, ma lo faremo presto.
WDD: Mi dispiace, ho appena realizzato che non ho mai pensato seriamente alla possibilità che con un'immagine SVG in linea, potessi letteralmente rilasciare oggetti dall'immagine in base alle dimensioni dello schermo. Questo è in realtà un po 'enorme.
KB: È incredibile, è incredibile, e nessuno lo fa. Non ci pensano, perché queste cose sono in qualche modo rinchiuse in "Oh, è una risorsa che sto per caricare". Ma no, queste cose sono documenti. Potresti fare qualunque cosa diavolo vuoi.
WDD: Sono documenti come dinamici, mutevoli e malleabili come l'HTML stesso. Questa è una cosa importante da ricordare. La penultima domanda in questa sezione è: qual è la tua parte preferita del framework così com'è ora? Ci sono componenti specifici che pensi del tuo preferito, o forse ci hai lavorato così è il tuo bambino?
KB: Mi sono recentemente innamorato dei menu reattivi e ho detto che non sono stato a lungo sul progetto. Questo è un codebase piuttosto esteso. Ho lavorato al progetto per sei / otto mesi, quindi continuo a scoprire cose nuove. I responsive menu sono davvero potenti.
Il concetto base è che il tipo di menu che potresti utilizzare per la tua navigazione varia molto a seconda del dispositivo. Quindi, ad esempio, lo schema di un menu a discesa, che è stato utilizzato da molto tempo in framework come Bootstrap e Foundation, è estremamente potente sul desktop e spesso quasi inutilizzabile sui dispositivi mobili, specialmente se hai livelli nidificati esso. Tuttavia, alcuni menu funzionano perfettamente sui dispositivi mobili, ad esempio un menu a discesa. iOS ha reso popolare questo. Ci hanno dato questa idea di un menu di drill-down in cui si tocca qualcosa e si scorre su [per] il sottomenu, si esegue il drill down fino al punto in cui è necessario andare.
Foundation supporta entrambi, e il modo in cui lo fa in realtà utilizza esattamente lo stesso markup, ma con attributi di dati leggermente diversi per JavaScript. Ciò che abilita è un menu reattivo che si comporta come una discesa quando ci si trova in un punto di interruzione e si sposta su un drill-down quando ci si trova in un altro punto di interruzione. Quindi hai lo stesso identico markup, dici "Ehi, questo è reattivo", per eseguire il drill down su [schermi] di piccole dimensioni, per eseguire il drop-down su [schermi] di grandi dimensioni, e funziona.
WDD: Mi piacerebbe assolutamente vederne di più, perché onestamente, ad esempio, i menu a discesa in cui scegli il tuo paese o la tua regione sono inutilizzabili sul desktop, molto più sui dispositivi mobili. Qualsiasi elenco a discesa con duecento o più voci è semplicemente ridicolo.
KB: Sì, cento per cento.
WDD: quelli dovrebbero essere drill-down di default. Ma comunque, e tu, Rafi? C'è qualcosa che ti piace?
RB: Sì, nei progetti recenti, abbiamo appena fatto un meetup sulla griglia di Flexbox e sono davvero innamorato della griglia di Flexbox. Solo Flexbox in generale ... se inizi a imparare alcune delle proprietà, non sono così difficili da imparare, e sono davvero potenti e migliorano davvero su una griglia standard. Quindi, se il tuo progetto lo consente, sicuramente-IE10 e fino è la restrizione-quindi, se il tuo progetto lo consente, controllerò sicuramente la griglia di Flexbox. In questo momento, è la mia cosa preferita.
WDD: Ok, e l'ultima domanda in questa sezione è, beh, non è una domanda ... Mi manca Orbit, ragazzi. Lo voglio. Mi rendo conto che cursori e caroselli non sono la migliore UX, ma a volte basta uno o il cliente ne chiede uno, e mi manca Orbit.
KB: Lo sapevi che è in sei?
RB: L' hanno riportato indietro.
WDD: Lo rimettono?
KB: È tornato in Foundation 6.
WDD: In realtà non ... Wow, sono stato fuori dal giro.
KB: Quindi, il retroscena su questo, in Foundation 5, siamo arrivati ad un punto con Orbit dove stava diventando un po 'troppo ricco di funzionalità e molto difficile da mantenere come un progetto open source. Stavamo cercando di fare troppe cose. Stava cercando di essere tutto. Quindi, quando lo abbiamo ripubblicato per Foundation 6, abbiamo deciso di volere un semplice set di funzionalità, tutto il markup sulla pagina in caricamento, invece di avere JS che aggiungesse dinamicamente quella roba. E come qualcosa di semplice per la prototipazione o anche un semplice carosello per la produzione, funziona alla grande.
Se stai cercando qualcosa di un po 'più ricco di funzionalità, come essere in grado di cambiare il numero di diapositive per punto di rottura, o quante diapositive si sposta in una volta, forse vuoi avere tre come su una pagina e poi muoverne una ogni volta, ci sono altri caroselli là fuori per quello che abbiamo usato nei nostri progetti. Piace Gufo , o Carosello liscio .
RB: Quindi è tornato ad essere più di un componente "Fondamentale", non cercando di fare tutto, ovunque, ma di essere qualcosa che si concentra su come ottenere le basi e permettendoti di personalizzarlo in qualcosa di molto di più. Questa è una filosofia che la Fondazione ha cercato di fare fino in fondo, ma a volte ha perso la sua strada.
È qualcosa su cui ci siamo decisamente concentrati: fare in modo che le cose che stiamo fornendo non stiano cercando di fare tutto. Sono fondamentali e sono estensibili. Li creiamo in modo tale che tu possa interagire con loro, puoi estenderli, puoi fare tutte quelle cose, ma non necessariamente stanno facendo tutto ciò che vuoi fuori dalla scatola.
E uno dei pezzi di cui abbiamo parlato, in cui è stato possibile abbandonare temi, o temi figlio o qualcosa del genere ... un altro pezzo di questo è stato in grado di abbandonare questo concetto di elementi costitutivi. Qualcuno che ha preso un mucchio di pezzi e li ha collegati insieme e ha aggiunto un sacco di comportamenti in cima e rendendoli più facili da collegare e giocare.
WDD: Oh, così come i moduli, o plugin, come i plugin jQuery ma per ... okay wow che potrebbe essere davvero enorme. Soprattutto se le persone li controllano per la compatibilità e sono in grado di lasciarli facilmente cadere. Una cosa che ho avuto problemi in passato è stata la combinazione di risorse provenienti da vari luoghi. A volte le persone usano nomi di variabili simili e ciò mette a tacere tutto. O il CSS è semplicemente incompatibile perché ... ragioni, perché i browser .
KB: Questo è un vero problema, ed è per questo che penso di guardare i gestori di pacchetti che sono là fuori ... non sono davvero progettati per la spedizione di markup e CSS molto bene.
WDD: Non lo sono.
KB: Quindi questo non è un problema completamente risolto. Stiamo osservando diversi modi in cui possiamo farlo, ma una delle cose a cui stiamo pensando è assicurarsi che tu stia usando e sfruttando le stesse variabili SASS di base del resto del framework in modo tale che se tu " rientrando qualcosa, prende subito il tuo tema oi tuoi stili.
WDD: Beh, sembra un'ottima idea. Sono sempre stato impressionato dai gestori di pacchetti, ma per essere perfettamente onesto, se ti viene in mente una soluzione che mi permetta di trascinare semplicemente i file da un file .zip alla mia cartella di progetto, e funziona, lo farò per me. Sono ancora un tipo molto manuale quando si tratta del mio HTML e CSS. Non uso molti gestori di pacchetti.
Mi rendo conto che sono il futuro, sì, ma costruisco cose più piccole, ed è un'altra cosa che ho detto su Orbit: non ho bisogno di qualcosa di pieno di troppe funzioni, la maggior parte delle volte, quando avevo bisogno di una giostra, Avevo solo bisogno di spostare le immagini da destra a sinistra. Questo è tutto ciò di cui avevo bisogno.
KB: Provalo nella Fondazione 6, è lì. Se qualcosa non funziona come vuoi, invia un bug e vedremo come risolverlo.
RB: C'è un ottimo miglioramento su Orbit. È collegato all'interfaccia utente di Motion, quindi puoi effettivamente modificare le animazioni direttamente nell'HTML. Quindi, se vuoi una dissolvenza, o vuoi una diapositiva, o vuoi estrarla, o farla girare, o qualsiasi altra animazione pazzesca ... è tutto agganciato lì.
WDD: È decisamente fantastico. Infine, non ultimo, e solo per divertimento: qual è il tuo rapporto con il framework che non deve essere nominato ?
Fatto poco noto: gli inventori di Bootstrap erano abituati a lavorare in ZURB
KB: Fatto poco noto: gli inventori di Bootstrap erano abituati a lavorare in ZURB.
WDD: Davvero ?!
KB: Sì. Mark Otto era un designer qui, credo. Quindi la cosa che potrebbe non essere conosciuta è che Foundation e Bootstrap in realtà provengono dalla stessa genesi. Queste sono entrambe strutture che sono state ispirate da ciò che ZURB stava facendo per la nostra clientela. Stavamo costruendo queste guide in stile HTML e CSS e volevamo sistematizzarlo un po ', quindi la prima versione open source di Foundation era la versione 2. La versione 1 era interna.
Quindi Bootstrap e Foundation provengono dalle stesse radici. Ovviamente hanno scelto percorsi diversi in termini di ciò per cui ottimizzano, e Bootstrap ha avuto un successo enorme con il pubblico degli sviluppatori. La Fondazione è stata, e continua ad essere più popolare con il pubblico dei designer, perché non esercita una pesante opinione visiva.
WDD: questo ha senso.
KB: Per giocare un po 'di più, ovviamente c'è una rivalità amichevole in corso.
WDD: naturalmente.
KB: E penso che dobbiamo parlare con persone diverse. Parlo con molte persone diverse della Fondazione, ovviamente, e il messaggio che sembra ricevere, in particolare da parte di persone più anziane, è che "Mi piace la Fondazione, è più potente. Usiamo Bootstrap comunque, perché tutti i miei sviluppatori junior lo sanno. "Questo è convincente. Ci dice su cosa dobbiamo lavorare, giusto? Una delle cose più importanti su cui dobbiamo lavorare è che stiamo vincendo la battaglia della funzionalità, stiamo vincendo la battaglia per le caratteristiche, dobbiamo vincere la battaglia di bordo.
Dobbiamo migliorare la nostra capacità di ... per le persone di raccoglierlo e giocarci subito. Perché se a tutti gli anziani piace il meglio, ea tutti i designer piace di più ... sì, ovviamente dobbiamo continuare a spingere in avanti, abbiamo detto che ci sono posti come SVG, possiamo sostenere di rendere il 2017 l'anno dello SVG, la Fondazione può aiutare a fare questo succede.
Ci sono altri pezzi, la griglia CSS, ci sono altre tecnologie in cui possiamo giocare il ruolo che abbiamo sempre avuto nell'aiutare a spingere il web in avanti. Ma dobbiamo anche concentrarci su come possiamo supportare il pubblico dei principianti che è enorme. Come sollevare le persone e aiutarle ad imparare?
Il mondo e il Web funzionano meglio con i concorrenti. Le guerre del browser sono state stagnanti fino a quando Google è arrivato con Chrome e abbiamo visto un'innovazione incredibile. Penso che dobbiamo continuare a guardare Bootstrap, Bootstrap dovrebbe continuare a guardarci ...
RB: Lo sono.
KB: Lo sono, sappiamo che lo sono, e li stiamo osservando, e penso che ognuno di noi possa prendere le migliori idee provenienti gli uni dagli altri e continuare a spingere il web in avanti.
WDD: Ok, assicurati di rubare Tyler Tate prima che lo facciano. Non so se hai familiarità con il suo lavoro. Ha fatto la griglia CSS 1KB nel corso della giornata, nei giorni di 960.gs, ha anche fatto semantic.gs. Era uno dei miei framework di griglia basati su LESS preferito, beh ... più simile al generatore di griglie, per molto tempo. Seriamente, ruba quel tipo.
KB: Ok, fammi trovare lui. Oh sì, è locale.
RB: È fantastico.
KB: Tyler, se stai guardando questo, facciamo un caffè. Vedo che sei nel caffè, dal tuo sito web. Design, codice, caffè. Facciamo un caffè, il mio trattamento.
WDD: Ok, sul serio, signore e signori questo episodio vi è portato dalla caffeina, tanta tanta caffeina. Scegli il tuo marchio, perché nessuno mi paga ancora per questo. Quindi, per l'ultimo paio di domande divertenti: avete un logo di Twitter su una lavagna per freccette da qualche parte nell'ufficio, e se no, perché no?
[Alcuni un po 'a disagio a ridere da loro. Risate più sincere da parte mia.]
KB: In realtà sono un grande fan di Twitter.
WDD: Ah, dannazione. Sto solo scherzando. E hai almeno avuto una guerra Nerf con il team di sviluppo Bootstrap. Di nuovo, se no, perché no? Vai su questo. Hai bisogno di video questo.
RB: Penso che sia una grande idea.
KB: Potrebbe essere divertente. Forse paintball.
RB: Abbiamo dei suonatori morti qui.
WDD: Ok, possiamo rendere questo ufficiale? Vorresti chiamare il team di sviluppo Bootstrap? Sfidali a una guerra di paintball?
KB: Paintball war, team di sviluppo Bootstrap. Mark, abbiamo il tuo numero.
RB: Abbiamo molte più persone, non so ...
WDD: Grazie a entrambi per il tuo tempo, e sono molto contento di essere stato in grado di parlare con te, in questo modo. Qualcos'altro che vorresti dire ai nostri lettori / ascoltatori prima di andare?
KB: Ci sono un sacco di cose incredibili accadendo in Foundation. La versione 6.3 uscirà tra un paio di settimane, e innoverà di più su Foundation e responsiveness, quindi sicuramente verificarlo. Direi se vuoi tenerti aggiornato con tutto, dai un'occhiata foundation.zurb.com/learn/foundation-insider.html e puoi entrare nella nostra mailing list.
RB: L'altra cosa che voglio chiamare è non esitare a essere coinvolto. Abbiamo ogni sorta di problemi diversi a diversi livelli di difficoltà. Sembra una cosa importante toccare il framework, ma se vuoi iniziare a essere coinvolto come contributore, dai un'occhiata. Suona uno di noi, chiedi: "Ehi, qual è qualcosa su cui posso lavorare?"
Ti indirizzeremo nella giusta direzione, ti indicheremo dove si trova il file che potresti voler modificare. Ti faremo iniziare e partire. Questo è un progetto di comunità. Siamo estremamente orgogliosi del fatto che abbiamo oltre ottocento contributori nella storia del progetto e vogliamo vederti coinvolto.
WDD: Ok, bene grazie mille, e ci vediamo in giro.
KB & RB: Grazie!
WDD: Questo è Ezequiel Bruni per il Web Designer Depot che ha firmato.