In diesem Monat hatten wir die Möglichkeit zu interviewen Kevin Ball und Rafi Benkual von ZURB . Wir müssen über die Zukunft des Webs, den Stand des Webdesigns heute und natürlich darüber reden Stiftung .
{$lang_domain} : Hallo meine Damen und Herren, ich bin Ezequiel Bruni für Web Designer Depot, und heute unterhalten wir uns mit den beiden liebenswürdigen Leuten von ZURB. Würdest du gerne deine Namen mit dem Publikum teilen?
Kevin Ball: Hallo, ich bin Kevin. Ich fahre auch bei KBALL hier zur ZURB, und das ist ...
Rafi Benkual: Ich bin Rafi, und ich bin Foundation Advocate hier bei ZURB.
KB: Oh ja, ich sollte sagen, was ich tue. Ich bin der Stiftungsleiter.
WDD: Okay, Foundation Lead, was genau machst du? Sie entscheiden die Richtung für die Stiftung oder ...?
KB: Ah, ja, da gibt es eine Reihe verschiedener Stücke. Ich bin weniger ein Diktator und eher ein Moderator und Synthesizer. Ich verbringe viel Zeit in Gesprächen - sowohl persönlich als auch online - und versuche nur herauszufinden, wo die Leute mit der Foundation zu kämpfen haben, wo das Web läuft, wo responsives Design im Spiel ist und ob wir nicht rauskommen vor dieser Kurve.
WDD: Ok, und Rafi, was machst du als ... Foundation Advocate, oder?
RB: Ja, das ist schwer zu beschreiben, also gibt es eine Menge Interessenvertretung für die Community, die Gemeinschaft wächst, Marketing-Verkäufe. Und dann auch Coding auf Client-Projekte, interne Projekte und natürlich alles mit Foundation, und auch mit der Community arbeiten, um Bugs zu beheben und neue Funktionen für Foundation zu machen.
WDD: Wie haben Sie Ihren Start in Webdesign und -entwicklung bekommen, und das alles?
KB: Uhh, sicher, du willst zuerst gehen, Rafi?
Wenn man sich die ZURBianer ansieht, die den Code schreiben, sind wir wahrscheinlich 80% Autodidakt in der einen oder anderen Form
RB: Du gehst zuerst.
KB: Nun, ich bin länger. Also bin ich ein alter Typ, also habe ich mit Back-End-Hardware und Low-Level-Software, Compilern, Gerätetreibern und sowas angefangen. Und dann kam ich in 2008-2009 zu einem Karrierewechsel, ich gründete ein Startup namens Causes, das soziale Interessenvertretung, Non-Profit-Arbeit und diese Art von Sachen online machte.
KB: Diejenigen von euch, die dem Internet Aufmerksamkeit geschenkt haben, erinnern sich vielleicht, dass Causes die größte Nicht-Spiel-Anwendung auf Facebook war, als Facebook zum ersten Mal Anwendungen auf den Markt brachte. Und so versuchten wir, den Facebook-Boom zu einer Zeit zu überstehen, als alle aufgeregt waren. So sahen wir jeden Tag Hunderttausende neuer Anmeldungen auf der brandneuen offenen Facebook-Plattform.
Das war also meine Einführung ins Internet: "Willkommen an Bord, wir haben eine Bewerbung. Wir haben heute eine Million Menschen, die es benutzen. "Und sechs Monate später waren es 15 Millionen Menschen, und als ich ging, waren es über hundert Millionen Menschen, die das Ding benutzten. Sozusagen auf dieser Welle zu fahren und alles über das Skalieren großer Anwendungen zu lernen und wie man das macht.
Es war irgendwie komisch, denn ich bekam einen Job bei einer Webfirma und in meinem Interview ließen sie mich eine Reihe von Datenanalysen machen und ich sagte: "Großartig, ich habe es, wie willst du es haben Ausgabe? "Und sie sagten. "Nun, leg es einfach in eine Liste. Eine HTML-Liste. ", Und ich bin irgendwie wie" Ok, was ist das? ", Oder? Weil ich von diesem Hinter-dem-Unkraut-Ding komme und sie sagen: "Oh, ok, hier ist das Markup. Fange an zu gehen. "
KB: Es stellt sich heraus, dass HTML nicht so schlecht ist, wenn Sie tiefes Coding und C und all das gemacht haben.
WDD: Und Rafi, wie hast du angefangen?
RB: Eigentlich kam ich aus einem Verkaufs- und Marketing-Hintergrund, aus dem Online-Handel und solchen Dingen, und ich war tatsächlich mit einigen Leuten, die bei ZURB arbeiteten, befreundet, und ich kam im Büro vorbei und half viel.
Und der Chef erzählte uns, dass er die Foundation wachsen und jemanden suchen wollte, der sich der Foundation-Community widmete. Aber ich hatte noch nie in meinem Leben HTML und CSS berührt, wie noch vor drei Jahren, also musste ich Foundation in ungefähr einem Monat lernen, und dann einen Test machen und diesen bestehen, um bei ZURB eingestellt zu werden.
Das ist der Punkt, an dem ich angefangen habe, ich habe es getan, und ich habe mich wirklich gut geschlagen, und bin sofort in den Mix der Fehlerbehebungen in GitHub geraten, was verrückt ist.
WDD: Ich muss sagen, ihr habt ein wenig Glück, dass ihr wirklich trainiert habt. Ich war Autodidakt und der einzige Grund, warum ich weiterging, war, weil ich nicht wusste, dass ich saugte.
KB: Oh ja, ich weiß, ich habe in der Industrie gelernt. Ich habe Physik in der Schule studiert. Ich denke eigentlich, wenn man sich die ZURBianer ansieht, die den Code schreiben, sind wir wahrscheinlich 80% Autodidakt in der einen oder anderen Form.
WDD: Das ist wirklich cool. Du hast bereits angesprochen, wie ihr zur Arbeit bei ZURB gekommen seid, und das ist interessant. Wie wurdest du speziell der Foundation zugeteilt? Wurdest du direkt zu diesem Projekt gebracht, als du angefangen hast, oder hast du zuerst andere Dinge gemacht oder ...
KB: Rafi kam direkt in die Foundation. Ich kam als technischer Leiter zur ZURB und fing an, nach und nach mehr und mehr Projekte zu absorbieren und verschiedene zu leiten. Es kam zu einem Punkt, an dem eine unserer früheren Foundation-Leads zu etwas anderem ging und ich sah mir all diese Projekte an und sagte: "Nun, das sind alle gut und gut, aber was mich wirklich pumpt, und wirklich Mich begeistert, arbeitet an der Foundation und interagiert mit ihrer Community. "
Also sprach ich mit den Leuten von ZURB, sprach mit dem Chef - Mann sprach mit allen, ich dachte mir: "Ich mache all diese Dinge, aber wirklich, was ich machen will, ist Foundation." Sie schauten sich an Ich und sagte: "Großartig! Geh! Do! "
WDD: Ok, Kevin, wann hast du zum ersten Mal gemerkt, dass die Foundation so eine große Sache sein würde, wann hast du das als erstes verstanden?
KB: Als ich also in die Foundation kam - ich habe erwähnt, dass ich ins Internet gegangen bin, was ist das vor acht Jahren? -, war ich nur ein Jahr auf der ZURB. Als ich dann wirklich in die Foundation kam, war das schon eine ziemlich große Sache. Für mich, ich denke breit, Frameworks-Foundation und Bootstrap-Art von ... war es riesig für mich, sie zu entdecken. Denn damals, als ich anfing, Web-Sachen zu machen, hatte ich sogar ein Rastersystem, wie 960, eine große Innovation. Und dann alle ein Su ...
WDD [unterbricht ziemlich grob, Ezequiel tut sehr leid]: Ich weiß!
KB: Mehr als nur ein Grundraster, etwas, das du anpassen kannst, etwas, das anspricht, wie, meine Güte, das ist unglaublich. Aus einem Entwicklungshintergrund kommend, bewegte ich mich allmählich zum Frontend und hatte diese Art von Ressource, ich konnte sehen, dass das riesig war, noch bevor es riesig wurde.
Jeden Tag entdecken wir brandneue Unternehmen, die Foundation seit einigen Jahren nutzen, und es ist einfach toll zu sehen
RB: Die Foundation war zu der Zeit, als ich vor drei Jahren anfing, schon sehr groß in der Webentwicklungswelt. Wenn Sie Web-Entwicklung machen, haben Sie wahrscheinlich von Foundation und Bootstrap gewusst, und dann gab es zu dieser Zeit nicht wirklich viele andere Frameworks. Vielleicht war Semantic brandneu, aber das ist nicht wirklich ein voller Rahmen, also gab es nicht zu viel da draußen. So war Foundation schon riesig.
Was geschah, als ich mit der Arbeit an der Foundation begann, begann ich zu realisieren, wie viele verschiedene Marken und Websites auf der Foundation aufgebaut sind, und das war wirklich eine Augenweide für mich. Jeden Tag entdecken wir brandneue Unternehmen, die Foundation seit einigen Jahren nutzen, und es ist einfach unglaublich zu sehen. Schauen Sie sich unsere Marken-Seite an und Sie können alle Hunderte von großen Marken sehen, die dort sind, und es gibt wahrscheinlich Tausende mehr, von denen wir nicht einmal wissen.
KB: Yeah, es bringt mich immer noch manchmal raus, spiel ein bisschen was Rafi sagt, als würdest du runter zum Unkraut gehen, und du machst nur die Arbeit, richtig, und dann trittst du zurück ...
Ich bin ein großer Sportfan ... NBA.com hat kürzlich einen Relaunch gemacht. Ihre gesamte neue Site ist auf Foundation aufgebaut. Und natürlich schaue ich mir die Seite an, und ich denke "Oh, da ist ein Käfer, und da ist ein Käfer ...", und ich bin immer noch im Unkraut. Dann trete ich zurück und sage: "Worüber rede ich? Das ist meine Lieblingssportliga und sie basieren auf dem Produkt, an dem ich gearbeitet habe. Das ist unglaublich!"
WDD: [Lacht] Das muss ein unglaubliches Gefühl sein. Inzwischen habe ich entwickelt, um zu sagen, wenn irgendeine Website auf Bootstrap gebaut wird. Es ist keine Superkraft, die ich wollte, als ich ein Kind war, aber das ist es, was ich habe.
KB: Es läuft ab, es erfordert keine große Supermacht, angesichts der Vorgehensweise, die sie gewählt haben. Weißt du, das ist eines der Dinge, mit denen wir viel über Foundation gesprochen haben. Offensichtlich hat Bootstrap zu dieser Zeit ein größeres Publikum und einer der Gründe dafür ist, dass sie eine so starke visuelle Meinung haben, was bedeutet, dass jemand, der keine Ahnung hat, wie er aussehen soll ... sie kann es einstecken und es wird anständig aussehen. Es sieht wie Bootstrap aus, aber es wird anständig aussehen.
WDD: Das stimmt. Diese Art von Out-of-the-Box-Funktionalität ist heute ein großer Teil des Internets. Vorlagen und Themen gehen nirgendwohin. Frameworks gehen nirgendwohin, die Leute werden immer einen einfacheren Weg brauchen, um etwas zu erledigen, und zwar schneller ... deshalb werden Foundation und andere Frameworks so ein riesiger Teil des Webs sein, das sich vorwärts bewegt.
Wie sehen Sie, dass sich die Stiftung weiterentwickelt?
KB: Das ist eine gute Frage, und darüber denke ich viel nach. Ich kann Ihnen eine kurzfristige, eine mittelfristige und eine langfristige Antwort geben. Ich denke. Auf kurze Sicht ist einer der Orte, an denen wir sehen, dass wir besser werden müssen, in der bereits existierenden Thematisierung.
Der Kern der Foundation besteht darin, dass sie extrem anpassbar ist und genau das ist: eine Foundation, die man so aufbauen kann, dass nicht jeder Foundation-Standort gleich aussieht. Aber es gibt ein riesiges Publikum von Leuten, die etwas brauchen, das ein bisschen stärker ist, um von vorne zu beginnen.
Und obwohl das momentan möglich ist, ist das in der Foundation nicht so einfach wie es sein sollte, und das ist ein großer Fokus von uns auf die nächste ... Ich würde sagen, drei bis sechs Monate. Es ist viel einfacher für Leute, die aus einem Design-Hintergrund kommen, etwas zu schaffen, dass dann Leute, die keinen Design-Hintergrund haben, einfach vorbeikommen und überall hin verwenden können.
WDD: In Ordnung, also, Kinder Themen, im Wesentlichen.
KB: Im Wesentlichen, ja. Es gibt ein paar verschiedene Variationen, die wir für Möglichkeiten suchen, dies zu tun. Weil eines der Dinge, die, wie ich schon sagte, eine Art Kern für Foundation ist, ist diese Idee, die es nie ist, wir werden immer das Design-Publikum an die erste Stelle setzen.
Wie jeder jetzt reaktionsschnelle Websites baut, aber sie gehen irgendwie, viele von ihnen werden abgestanden. Zum Beispiel gibt es ein paar Muster, die die Leute herausgefunden haben, wie zum Beispiel ein Hamburger-Icon und das Off-Canvas-Menü und all das Zeug, und alle sind mit diesem Ding beschäftigt
ZURB ist ein Design-Unternehmen, und von wo wir herkommen, also, wie auch immer wir es umsetzen, es kann nicht die Fähigkeit opfern, Ihre visuelle Identität, Ihre Vision zu implementieren. Aber wir glauben, dass wir es viel einfacher machen können, Dinge reinzulegen und Dinge an Ort und Stelle zu bringen, wenn Sie wollen.
Das ist ein Bereich. Ein weiterer riesiger Bereich, den wir mittel- bis langfristig anstreben, versucht diese Idee der Reaktionsfähigkeit weiter voranzutreiben. Die Foundation war schon immer an der vordersten Front dabei, wir waren der erste Rahmen, der mobil wurde - zuerst, wir haben eine ganze Reihe verschiedener mobiler Dinge drin und wir fangen an zu sehen, dass diese Grundidee der Reaktionsfähigkeit gewonnen hat.
Wie jeder jetzt reaktionsschnelle Websites baut, aber sie gehen irgendwie, viele von ihnen werden abgestanden. Zum Beispiel gibt es ein paar Muster, die die Leute herausgefunden haben, wie zum Beispiel ein Hamburger-Icon und das Off-Canvas-Menü und all das Zeug, und alle sind mit diesem Ding beschäftigt. "Ok, ich werde den Inhalt auf Mobilgeräten stapeln und das und das und das andere tun."
Aber wir denken, dass gerade jetzt, wo mobile Geräte immer leistungsfähiger werden und immer produktiver werden, es eine ganze Reihe von Möglichkeiten gibt, mit denen gerade gerade gespielt wird. Eine responsive Website sieht im Moment oft wie etwas aus, das auf dem Desktop erstaunlich ist und auf Mobilgeräten funktioniert, auf Mobilgeräten ist es erstaunlich und funktioniert auf dem Desktop gut.
Und wir denken, dass das unnötig ist. Sie sollten in der Lage sein, etwas zu haben, das auf Mobilgeräten erstaunlich ist, auf dem Tablet erstaunlich ist, wenn Sie das Ding auf einen Fernseher stellen, ist es erstaunlich, wenn Sie mit einem Bildschirmleser interagieren, so dass all diese Unterschiede bestehen Dinge werden nicht nur für etwas erklärt, sondern sogar optimiert, wenn das Sinn macht.
WDD: Das macht Sinn. Ich habe gerade darüber nachgedacht, als du geredet hast, weil mir aufgefallen ist, dass viele Websites die Mobile-First-Mentalität übernommen haben und sich mehr auf Mobilgeräte als auf größere Bildschirmgrößen konzentrieren. Das ist fair, denn das Handy ist riesig, überall mobil, jeder hat ein Mobiltelefon, egal ob er einen Desktop oder einen Laptop hat. Sie haben Mobiltelefone an Orten, an denen sie nicht einmal den Strom für einen Desktop hätten.
Aber die Bildschirme an den höher entwickelten Orten werden auch größer und natürlich dichter, was die Pixel angeht, und außerdem bekommen wir 4K-Fernseher, 4K-Monitore, die Preise sinken sehr langsam, und was ich " Es ist aufgefallen, dass viele Webdesigner die größeren Bildschirmgrößen nicht berücksichtigen. Diese Bildschirme werden absolut massiv. Und Sie haben nicht die Möglichkeit, das Fenster im TV kleiner zu machen, wie ein Smart TV oder mit einer Xbox ...
Ich bin ein bisschen neugierig, weil jeder für mobile Geräte anpassen möchte, und das ist gut, aber was werden Sie tun, um Ihren Benutzern zu helfen, für die super großen Bildschirme zu optimieren?
KB: Das ist etwas, mit dem sich die Welt im Großen und Ganzen auseinandersetzt und das, wo ich sage, dass meine Rolle nicht als Diktator, sondern eher als Synthesizer fungiert. Ein paar unserer Designer hatten kürzlich ein Projekt, das sich auf große Bildschirme konzentrierte. Es stellt sich heraus, dass einige der Dinge, die wir bereits in Foundation haben, Ihnen ermöglichen, solche Dinge zu tun, da Sie Ihre Breakpoints anpassen können, indem Sie einen zusätzlichen, extra großen Breakpoint hinzufügen können. Dafür kannst du schon eine Menge machen.
Aber die Leute wissen nicht wirklich, dass ihnen diese Optionen nicht bewusst sind. Daher veröffentlichen wir dort viele Best Practices, um auf diese Dinge zu zielen. Das Framework funktioniert konzeptionell dort. Die Leute nehmen oft die Breakpoints, die sie aus der Box bekommen, und denken nicht: "Ok, warte, trifft das tatsächlich auf mein gesamtes Publikum zu? Woran arbeiten diese Leute? "
Etwas, das wir für notwendig halten und an dem wir aktiv arbeiten, ist einfach eine bessere Aufklärung darüber, was da ist und wie man es benutzt.
RB: Innerhalb des Rahmens gibt es, wie du erwähnt hast, Mixins. Wir haben bereits einen extra großen Haltepunkt, und Sie können mehr hinzufügen. Und dann gibt es auch Medienabfragen für das Pixelverhältnis und andere Dinge wie diese. Ich denke, was wir brauchen, ist ... ja, mehr Best Practices, mehr Aufklärung darüber, wie man mit diesen Situationen umgeht.
KB: Einige zusätzliche Sachen, die wir in der Pipeline haben, in der Tat, mit denen ich bis zu diesem Aufruf spielte, ist etwas, das über alle Bildschirmgrößen hinweg hilft: zu mehr Vektorgrafiken zu gehen und mehr Dinge mit zu machen Vektoren.
WDD: SVG. Wir warten alle auf "Das Jahr der SVG".
KB: "Das Jahr des SVG", wir haben ein paar lustige Sachen in der Pipeline, um das zu erreichen, also denke ich, dass die Leute nicht immer merken, wie mächtig SVG ist. Wenn Sie diese Dinge inline, dann können Sie sie plötzlich mit CSS stylen, können Sie sie mit JavaScript bearbeiten, und sie sehen auf allen Bildschirmgrößen out of the box schön aus. Diese Idee der responsiven Bilder ist etwas, worauf wir wirklich gespannt sind. Dinge, die vielleicht nicht nur anpassungsfähig sind, da sie mit der Pixeldichte skalieren und mit der Größe skalieren, sondern vielleicht auch die Merkmale ändern, die in einem Bild basierend auf der Bildschirmgröße sichtbar sind.
Dort gibt es alle möglichen interessanten Möglichkeiten. Ich denke, was momentan fehlt, ist nicht die Fähigkeit von SVGs, sondern das Werkzeug. Das ist eine Sache, die wir bei ZURB wirklich vorantreiben können: Werkzeuge, um das zu vereinfachen.
Ich könnte näher darauf eingehen, aber wir werden das bald tun.
WDD: Es tut mir leid, ich habe gerade gemerkt, dass ich buchstäblich nie darüber nachgedacht habe, dass man mit einem Inline-SVG-Bild Objekte buchstäblich vom Bild abhängig von der Bildschirmgröße fallen lassen kann. Das ist eigentlich ziemlich groß.
KB: Es ist unglaublich, es ist unglaublich und niemand macht es. Sie denken nicht darüber nach, weil diese Dinge irgendwie weggeschlossen sind, "Oh, es ist ein Vorteil, den ich laden werde." Aber nein, diese Dinge sind Dokumente. Du könntest tun was immer du willst.
WDD: Sie sind Dokumente so dynamisch und veränderbar und formbar wie HTML selbst. Das ist eine wichtige Sache, an die man sich erinnern sollte. Die vorletzte Frage in diesem Abschnitt lautet: Was ist dein Lieblingsteil am Framework, wie es jetzt ist? Gibt es bestimmte Komponenten, die Sie an Ihren Liebling denken, oder vielleicht haben Sie daran gearbeitet, damit es Ihr Baby ist?
KB: Ich habe mich vor kurzem in responsive Menüs verliebt, und ich erwähnte, dass ich so lange nicht am Projekt war. Dies ist eine ziemlich umfangreiche Codebasis. Ich arbeite seit sechs / acht Monaten an dem Projekt, also entdecke ich immer wieder neue Dinge. Responsive Menüs sind wirklich mächtig.
Das Kernkonzept besteht darin, dass die Art des Menüs, das Sie für Ihre Navigation verwenden können, von Gerät zu Gerät unterschiedlich ist. So ist zum Beispiel das Muster eines Dropdown-Menüs, das seit langem in Frameworks wie Bootstrap und Foundation verwendet wird, auf dem Desktop extrem leistungsfähig und oft auf Mobilgeräten fast unbenutzbar, besonders wenn Sie verschachtelte Ebenen haben es. Es gibt jedoch einige Menüs, die perfekt auf Mobilgeräten funktionieren, z. B. ein Drilldown-Menü. iOS hat das populär gemacht. Sie haben uns die Idee eines Drill-Down-Menüs gegeben, wo Sie auf etwas tippen und es über das Untermenü gleiten. Sie bohren zu dem Ort, an den Sie gehen müssen.
Foundation unterstützt beides, und die Art und Weise, wie es das tut, verwendet tatsächlich genau das gleiche Markup, aber mit leicht unterschiedlichen Datenattributen für das JavaScript. Was dies ermöglicht, ist ein reaktionsfähiges Menü, das sich wie ein Dropdown-Menü verhält, wenn Sie sich an einem Unterbrechungspunkt befinden, und zu einem Drilldown wechselt, wenn Sie sich an einem anderen Unterbrechungspunkt befinden. Sie haben also exakt das gleiche Markup, Sie sagen es: "Hey, das ist reaktionsschnell", um auf kleine [Bildschirme] zu drill-down, um auf große [screens] herunterzufallen, und es funktioniert einfach.
WDD: Ich würde wirklich gerne mehr davon sehen, weil zum Beispiel Drop-Down-Menüs, in denen du dein Land oder deine Region auswählst, auf dem Desktop unbrauchbar sind, viel mehr auf Mobilgeräten. Jedes Drop-down mit zweihundert oder mehr Einträgen ist einfach lächerlich.
KB: Ja, einhundert Prozent.
WDD: Diese sollten standardmäßig Drill-Down sein. Aber wie steht's mit dir, Rafi? Gibt es etwas, das du magst?
RB: Ja, in den letzten Projekten haben wir gerade ein Treffen im Flexbox Grid gemacht und ich bin wirklich in das Flexbox Grid verliebt. Nur Flexbox im Allgemeinen ... wenn Sie beginnen, einige der Eigenschaften zu lernen, sind sie nicht so schwer zu lernen, und sie sind wirklich leistungsfähig und verbessern wirklich über einem Standard-Float-Grid. Also, wenn Ihr Projekt es erlauben kann, würde ich definitiv - IE10 und höher ist die Einschränkung - also, wenn Ihr Projekt es erlaubt, würde ich definitiv das Flexbox-Grid überprüfen. Gerade jetzt ist es meine Lieblingsbeschäftigung.
WDD: Ok, und die letzte Frage in diesem Abschnitt ist, nun, es ist keine Frage ... Ich vermisse Orbit, Leute. Ich mache. Ich weiß, dass Slider und Karussells nicht die beste UX sind, aber manchmal braucht man nur einen oder der Client fragt nach einem, und ich vermisse Orbit.
KB: Wusstest du, dass es in sechs ist?
RB: Sie haben es zurückgebracht.
WDD: Sie haben es zurückgelegt?
KB: Es ist wieder in Foundation 6.
WDD: Ich habe es wirklich nicht ... Wow, ich war außerhalb der Schleife.
KB: Also, die Hintergrundgeschichte dazu, in Foundation 5 kamen wir zu einem Punkt mit Orbit, wo es ein wenig zu merkmalslastig wurde und als Open-Source-Projekt sehr schwer aufrechtzuerhalten war. Wir haben versucht, zu viele Dinge zu tun. Es versuchte alles zu sein. Also, als wir es für Foundation 6 re-vamped, entschieden wir uns, dass wir ein einfaches Feature-Set, das gesamte Markup auf der Seite beim Laden, wollten, anstatt dass JS dieses Zeug dynamisch hinzufügt. Und als etwas Einfaches für das Prototyping oder sogar ein einfaches Karussell für die Produktion, es funktioniert großartig.
Wenn Sie nach etwas mehr Feature-reichem suchen, wie zum Beispiel in der Lage zu ändern, wie viele Slides pro Breakpoint oder wie viele Slides es auf einmal bewegt, möchten Sie vielleicht wie drei auf einer Seite haben und dann einen verschieben jedes Mal gibt es andere Karussells dafür, die wir in unseren Projekten verwendet haben. Mögen Eule , oder Slick Karussell .
RB: Also ging es darum, eher eine "grundlegende" Komponente zu sein, nicht alles zu versuchen, überall, sondern etwas zu sein, das sich darauf konzentriert, die Grundlagen richtig zu machen und es zu etwas viel mehr zu machen. Das ist eine Philosophie, die Foundation versucht hat, den ganzen Weg zu machen, aber gelegentlich hat sie sich verirrt.
Es ist etwas, auf das wir uns definitiv konzentriert haben: Sicherstellen, dass die Dinge, die wir anbieten, nicht alles versuchen. Sie sind grundlegend und sie sind erweiterbar. Wir machen sie so, dass Sie mit ihnen interagieren können, Sie können sie erweitern, Sie können all diese Dinge tun, aber sie tun nicht unbedingt alles, was Sie wollen.
Und eines der Stücke, über die wir gesprochen haben, über die Möglichkeit, Themen oder Kinderthemen oder etwas Ähnliches einzublenden ... ein weiteres Stück ist es, dieses Konzept von Bausteinen fallen zu lassen. Jemand, der ein paar Stücke genommen und sie miteinander verkabelt hat und ein paar Verhaltensweisen hinzugefügt hat, um diese einfacher zu machen und zu spielen.
WDD: Oh, so wie Module oder Plugins, wie jQuery-Plugins, aber für ... okay, wow, das könnte eigentlich ziemlich groß sein. Vor allem, wenn Leute sie auf Kompatibilität prüfen und in der Lage sind, sie leicht fallen zu lassen. Eine Sache, mit der ich in der Vergangenheit Probleme hatte, war die Kombination von Ressourcen aus verschiedenen Orten. Leute benutzen manchmal ähnliche Variablennamen und das verschraubt alles. Oder das CSS ist nur inkompatibel, weil ... Gründe, weil Browser .
KB: Das ist ein echtes Problem, und deshalb denke ich, dass man sich die Paketmanager, die da draußen sind, ansieht ... sie sind nicht wirklich dafür gedacht, Markup und CSS sehr gut zu verschicken.
WDD: Sie sind nicht.
KB: Das ist also kein vollständig gelöstes Problem. Wir schauen uns verschiedene Möglichkeiten an, wie wir das machen können, aber eines der Dinge, über die wir nachdenken, ist sicherzustellen, dass Sie die gleichen grundlegenden SASS-Variablen des Rests des Frameworks verwenden und nutzen, so dass, wenn Sie Wenn Sie etwas einwerfen, nimmt es sofort Ihr Thema oder Ihre Stile an.
WDD: Nun, das klingt nach einer großartigen Idee. Ich war schon immer von Paketmanagern beeindruckt, aber um ehrlich zu sein, wenn Sie eine Lösung finden, mit der ich einfach Dateien aus einer ZIP-Datei in meinen Projektordner ziehen kann, und das funktioniert einfach mich. Ich bin immer noch ein sehr manueller Typ, wenn es um meine HTML und CSS geht. Ich benutze nicht viele Paketmanager.
Ich weiß, dass sie die Zukunft sind, ja, aber ich baue kleinere Sachen, und das war eine andere Sache, die ich über Orbit gesagt habe: Ich brauche nicht etwas mit zu vielen Features, die meiste Zeit, wenn ich ein Karussell brauchte, Ich musste nur Bilder von rechts nach links bewegen. Das war alles was ich brauchte.
KB: Probieren Sie es in Foundation 6 aus, es ist da. Wenn etwas nicht wie gewünscht funktioniert, füge einen Fehler ein und wir werden es beheben.
RB: Es gibt eine coole Verbesserung für Orbit. Es ist mit der Motion UI verknüpft, sodass Sie die Animationen direkt im HTML-Code ändern können. Also, wenn du ein Fade willst, oder willst du eine Folie, oder willst du es raus rutschen, oder es drehen, oder was auch immer verrückte Animationen ... es ist alles süchtig danach.
WDD: Das ist definitiv cool. Zu guter Letzt, und nur zum Spaß: Wie ist Ihre Beziehung zu dem Framework, das nicht genannt werden soll ?
Wenig bekannt: Die Erfinder von Bootstrap waren eigentlich bei ZURB tätig
KB: Wenig bekannt: Die Erfinder von Bootstrap waren eigentlich bei ZURB tätig.
WDD: Wirklich ?!
KB: Ja. Mark Otto war hier ein Designer, glaube ich. Die Sache, die vielleicht nicht bekannt ist, ist, dass Foundation und Bootstrap tatsächlich aus derselben Genese stammen. Dies sind beides Rahmen, die von dem inspiriert wurden, was ZURB für unsere Kundschaft tat. Wir haben diese HTML- und CSS-Styleguides entwickelt, und wir wollten das ein wenig systematisieren, also war die erste Open-Source-Version von Foundation Version 2. Version 1 war intern.
So stammen Bootstrap und Foundation aus denselben Wurzeln. Sie haben offensichtlich unterschiedliche Wege in Bezug darauf gewählt, wofür sie optimiert sind, und Bootstrap war sehr erfolgreich mit dem Entwicklerpublikum. Foundation war und ist immer beliebter beim Designerpublikum, weil es dort keine so starke visuelle Meinung aufbringt.
WDD: Das macht Sinn.
KB: Um ein bisschen mehr zu spielen, gibt es offensichtlich eine freundschaftliche Rivalität.
WDD: Natürlich.
KB: Und ich denke, wir müssen mit verschiedenen Leuten reden. Ich spreche natürlich mit vielen verschiedenen Leuten über Foundation, und die Botschaft, die wir zu bekommen scheinen, insbesondere von älteren Leuten, ist: "Ich mag Foundation besser, es ist mächtiger. Wir benutzen sowieso Bootstrap, weil alle meine Junior-Entwickler es wissen. "Das ist überzeugend. Es sagt uns, woran wir arbeiten müssen, oder? Eines der größten Dinge, an denen wir arbeiten müssen, ist, dass wir den Funktionsschlacht gewinnen, wir gewinnen den Feature-Kampf, wir müssen den Onboarding-Kampf gewinnen.
Wir müssen unsere Fähigkeit verbessern, ... damit die Leute das aufheben und mit ihnen out of the box spielen können. Denn wenn alle Senior-Leute es besser mögen und alle Designer es besser mögen ... ja, wir müssen natürlich weitermachen, wir haben erwähnt, dass es Orte wie SVG gibt, wir können 2017 das Jahr der SVG unterstützen, Foundation kann helfen das passiert.
Es gibt noch andere Teile, CSS-Raster, es gibt andere Technologien, mit denen wir die Rolle spielen können, die wir immer gespielt haben, um das Web voranzutreiben. Aber wir müssen uns auch darauf konzentrieren, wie wir das neue Publikum, das riesig ist, unterstützen können. Wie bringen wir Menschen hoch und helfen ihnen zu lernen?
Die Welt und das Internet arbeiten besser mit Wettbewerbern. Die Browser-Kriege stagnierten, bis Google mit Chrome zusammenkam und wir unglaubliche Innovationen sahen. Ich denke, wir müssen uns Bootstrap ansehen, Bootstrap sollte uns weiterhin ansehen ...
RB: Sie sind.
KB: Sie sind, wir wissen, dass sie es sind, und wir schauen sie an, und ich denke, dass wir die besten Ideen voneinander nehmen können und das Web weiter vorantreiben.
WDD: Ok, stell sicher, dass du Tyler Tate stiehlst, bevor sie es tun. Ich weiß nicht, ob Sie mit seiner Arbeit vertraut sind. Er hat das 1KB CSS-Gitter an dem Tag gemacht, in den Tagen von 960.gs hat er auch semantic.gs gemacht. Es war eines meiner liebsten LESS-basierten Grid Frameworks, naja ... mehr wie Grid Generator, für eine lange Zeit. Im Ernst, stehlen Sie diesen Typen.
KB: Ok, lass mich ihn finden. Oh ja, er ist lokal.
RB: Das ist großartig.
KB: Tyler, wenn du dir das anschaust, lass uns Kaffee trinken. Ich sehe, dass Sie auf Ihrer Website Kaffee trinken. Design, Code, Kaffee. Lass uns Kaffee machen, mein Vergnügen.
WDD: Ok, ernsthaft, meine Damen und Herren, diese Episode wird Ihnen von Koffein, viel und viel Koffein präsentiert. Wählen Sie Ihre Marke, weil mich noch niemand dafür bezahlt. Also, zu den letzten paar lustigen Fragen: Habt ihr ein Twitter-Logo auf einer Dartscheibe irgendwo im Büro, und wenn nicht, warum nicht?
[Etwas unbehagliches Lachen von ihnen. Mehr echtes Lachen von mir.]
KB: Ich bin eigentlich ein großer Twitter-Fan.
WDD: Ah verdammt. Ich mache nur Spaß. Und hast du zumindest einen Nerf-Krieg mit dem Bootstrap-Entwicklerteam gehabt? Wenn nicht, warum nicht? Mach dich dran. Sie müssen dies Video.
RB: Ich denke, das ist eine großartige Idee.
KB: Das könnte Spaß machen. Vielleicht Paintball.
RB: Wir haben hier ein paar tote Finger.
WDD: Ok, können wir das offiziell machen? Möchtest du das Bootstrap-Entwicklerteam anrufen? Fordere sie zu einem Paintball-Krieg heraus?
KB: Paintball Krieg, Bootstrap Entwicklerteam. Mark, wir haben deine Nummer.
RB: Wir haben viel mehr Leute, ich weiß nicht ...
WDD: Danke euch beiden für eure Zeit und ich bin sehr froh, dass ich so mit euch reden konnte. Möchten Sie noch etwas zu unseren Lesern / Zuhörern sagen, bevor wir gehen?
KB: Es gibt eine Menge toller Dinge in der Foundation. Version 6.3 kommt in nur ein paar Wochen heraus, und es wird mehr über Foundation und Responsivität innovieren, also überprüfe das auf jeden Fall. Ich würde sagen, wenn du mit allem auf dem Laufenden bleiben willst, schau mal rein foundation.zurb.com/learn/foundation-insider.html und Sie können auf unsere Mailingliste gehen.
RB: Die andere Sache, die ich herausrufen möchte, ist, zögere nicht, dich zu beteiligen. Wir haben alle möglichen Probleme in verschiedenen Schwierigkeitsgraden. Es fühlt sich an wie eine große Sache , das Framework zu berühren, aber wenn du dich als Mitwirkender einbringen willst, schau es dir an. Ping einen von uns und frage: "Hey, woran kann ich arbeiten?"
Wir weisen Sie in die richtige Richtung, wir zeigen Ihnen, wo die Datei ist, die Sie möglicherweise ändern möchten. Wir werden dich beginnen und gehen. Dies ist ein Gemeinschaftsprojekt. Wir sind sehr stolz darauf, dass wir in der Geschichte des Projekts mehr als achthundert Mitwirkende haben, und wir möchten, dass Sie involviert sind.
WDD: Okay, gut, vielen Dank und wir sehen uns überall.
KB & RB: Danke!
WDD: Das ist Ezequiel Bruni für Web Designer Depot abgemeldet.