W tym miesiącu mieliśmy okazję przeprowadzić wywiad Kevin Ball i Rafi Benkual od ZURB . Musimy porozmawiać o przyszłości sieci, stanie projektowania stron internetowych dzisiaj i oczywiście o tym Fundacja .

{$lang_domain} : Cześć Panie i Panowie, jestem Ezequiel Bruni dla Web Designer Depot, a dziś rozmawiamy z tymi dwoma uroczymi ludźmi z ZURB, czy mógłby pan podzielić się z publicznością swoimi imionami?

Kevin Ball: Cześć, jestem Kevin. Ja też odwiedzam KBall tutaj na ZURB, a to jest ...

Rafi Benkual: Jestem Rafi, a ja jestem adwokatem Fundacji tutaj w ZURB.

KB: O tak, powinienem powiedzieć, co robię. Jestem szefem fundacji.

WDD: Ok, Foundation Lead, co dokładnie robisz? Ty decydujesz o kierunku Fundacji, czy ...?

KB: Ah, tak, jest tam wiele różnych elementów. Jestem mniej dyktatorem, a raczej facylitatorem i syntezatorem. Spędzam dużo czasu w rozmowach - zarówno osobiście, jak i online - starając się zorientować, gdzie ludzie zmagają się z Fundacją, dokąd zmierza internet, gdzie działa responsywny projekt i próbują upewnić się, że jesteśmy poza domem. przed tą krzywą.

WDD: Ok, a Rafi, co robisz jako ... Fundacja Advocate, prawda?

RB: Tak, trudno to opisać, więc jest wiele rzecznictwa społecznego, rosnąca społeczność, sprzedaż marketingowa. A następnie kodowanie zarówno w projektach klientów, projektach wewnętrznych i oczywiście we wszystkim za pomocą Fundacji, a także we współpracy ze społecznością w celu naprawiania błędów i tworzenia nowych funkcji dla Fundacji.

WDD: W jaki sposób osiągnęliście start w projektowaniu i tworzeniu stron internetowych, i to wszystko?

KB: Uhh, oczywiście, chcesz iść pierwszy, Rafi?

jeśli spojrzeć na ZURBians, którzy kodują, prawdopodobnie w 80% jesteśmy samoukami w takiej czy innej formie

RB: Idź pierwszy.

KB: Cóż, jestem dłuższy. Więc jestem trochę oldschoolowym facetem, więc zacząłem używać sprzętu back-end i niskiego poziomu oprogramowania, kompilatorów, sterowników urządzeń i podobnych rzeczy. A potem, w latach 2008-2009, byłem na etapie kariery zawodowej, założyłem startup o nazwie "Przyczyny", który zajmował się społecznym popieraniem, pracą non-profit i tym podobne rzeczy w Internecie.

KB: Ci z was, którzy zwracali uwagę na sieć, mogą pamiętać, że Przyczyny były największą aplikacją niezwiązaną z grą na Facebooku, kiedy Facebook po raz pierwszy uruchomił aplikacje. Dlatego staraliśmy się jeździć na tym boom na Facebooku w czasie, gdy wszyscy byli podekscytowani, więc widzieliśmy setki tysięcy nowych rejestracji dziennie, jadąc na zupełnie nowej otwartej platformie Facebook.

To było moje wstęp do internetu, było to: "Witamy na pokładzie, mamy aplikację. Mamy dziś milion ludzi, którzy go używają. "A sześć miesięcy później było to 15 milionów ludzi, a do czasu, kiedy odszedłem, było to ponad sto milionów osób. Taka jazda to ta fala i nauka o skalowaniu dużych aplikacji i jak to zrobić.

To było trochę zabawne, ponieważ dostałem pracę w firmie internetowej, a podczas wywiadu kazałem mi przeprowadzić analizę danych i powiedziałem: "Świetnie, mam to, jak tego chcesz? wyjście? "I powiedzieli. "Cóż, po prostu umieść go na liście. Lista HTML. ", A ja lubię" Ok, co to jest? ", Prawda? Ponieważ przyszedłem z tego back-endowego typu deep-in-the-weeds i oni są jak: "Och, ok, tutaj jest znaczek. Zacznij iść. "

KB: Okazuje się, że gdy robisz głębokie kodowanie i C i wszystko to, HTML nie jest taki zły.

WDD: A Rafi, jak zacząłeś?

RB: Właściwie, pochodzę ze środowiska sprzedaży i marketingu, z handlu online i podobnych rzeczy, a ja faktycznie zaprzyjaźniłem się z niektórymi ludźmi, którzy pracowali w ZURB, i chodziłem po biurze, pomagając bardzo.

A szef powiedział nam, że chce rozwinąć Fundację i szuka kogoś oddanego społeczności Fundacji. Ale nigdy przedtem w życiu nie dotykałem HTML i CSS, aż trzy lata temu, więc musiałem nauczyć się podstaw od około miesiąca, a potem zrobić test i zdać go, żeby zostać zatrudnionym w ZURB.

To było coś, od czego zacząłem, zrobiłem to i zrobiłem naprawdę dobrze, i od razu dostałem mieszankę naprawiania błędów w GitHubie, co jest szalone.

WDD: Muszę przyznać, że macie trochę szczęścia, że ​​rzeczywiście odbyliście szkolenie. Byłem samoukiem i jedynym powodem, dla którego chodziłem, było to, że nie wiedziałem, że jestem wciągnięta.

KB: O tak, wiem, nauczyłem się w branży. Studiowałem fizykę w szkole. Myślę, że tak naprawdę, jeśli spojrzymy na ZURBian, którzy kodują, prawdopodobnie w 80% jesteśmy samoukami w takiej czy innej formie.

WDD: To naprawdę fajne. Już porozmawiałeś o tym, jak przyjechałeś pracować w ZURB, i to jest interesujące. W jaki sposób zostaliście specjalnie przydzieleni do Fundacji? Czy byłeś bezpośrednio związany z tym projektem, kiedy zaczynałeś, czy robiłeś inne rzeczy najpierw lub ...

KB: Rafi wszedł prosto do Fundacji. Przyszedłem jako kierownik techniczny w ZURB i zacząłem stopniowo wchłaniać coraz więcej projektów i prowadzić różne. Doszło do tego, że jedna z naszych poprzednich Fundacji doprowadziła do przejścia do czegoś innego, a ja patrzyłem na wszystkie te projekty, mówiąc: "Cóż, wszystkie są dobre i dobre, ale co mnie naprawdę napędza i naprawdę ekscytuje się pracą nad Fundacją i interakcją z jej społecznością. "

Więc rozmawiałem z ludźmi w ZURB, rozmawiałem z szefem-człowiekiem rozmawiałem z każdym, byłem jak: "Robię wszystkie te rzeczy, ale naprawdę to, co chcę robić to Fundacja." Oni jakby patrzyli na ja i powiedziałem: "Świetnie! Idź !, Zrób to! "

WDD: Ok, Kevin, kiedy po raz pierwszy zdałeś sobie sprawę, że Fundacja będzie tak wielka, kiedy po raz pierwszy zrozumiałeś to?

KB: Więc zanim dotarłem do Fundacji, wspomniałem, że wszedłem do sieci, co to jest, osiem lat temu? - ale byłem w ZURB zaledwie rok. Więc zanim dotarłem do Fundacji, była to już całkiem spora sprawa. Według mnie, ogólnie rzecz biorąc, ramy - Fundacja i Bootstrap - były ... odkrywaniem ich było dla mnie ogromne. Bo kiedy zacząłem robić rzeczy internetowe, nawet system gridowy, taki jak 960, był ogromną innowacją. A potem wszystko z su ...

WDD [przerywa raczej niegrzecznie, Ezequiel bardzo żałuje]: Wiem!

KB: To coś więcej niż zwykła siatka, coś, co możesz dostosować, coś, co jest responsywne, jak moja dobroć, to jest niesamowite. Pochodząc z tła rozwoju, stopniowo przechodząc w stronę przodu, mając tego rodzaju zasoby, mogłem zobaczyć, że był ogromny, zanim jeszcze stał się ogromny.

każdego dnia odkrywamy zupełnie nowe firmy, które używają Fundacji od kilku lat i jest to niesamowite

RB: Fundacja, zanim zacząłem 3 lata temu, była już ogromna w świecie programowania. Jeśli tworzysz strony internetowe, prawdopodobnie wiesz o Foundation i Bootstrap, a wtedy nie było zbyt wielu innych frameworków. Może Semantic jest zupełnie nowy, ale to nie jest pełna struktura, więc nie było tam zbyt wiele. Fundacja była już ogromna.

To, co się stało, gdy zaczynałem pracę nad Fundacją, zacząłem zdawać sobie sprawę z tego, ile różnych marek i stron internetowych powstało w Fundacji, i to było dla mnie naprawdę ważne. Każdego dnia odkrywamy nowe firmy, które korzystają z Fundacji od kilku lat i jest to niesamowite. Sprawdź naszą stronę marek i zobacz wszystkie setki ogromnych marek, które tam są, i prawdopodobnie jest ich tysiące, o których nawet nie wiemy.

KB: Tak, to mnie czasami wytrąca, zagraj trochę w to, co mówi Rafi, jak podchodzisz do chwastów, a ty po prostu wykonujesz pracę, prawda, a potem cofasz się ...

Jak, jestem wielkim fanem sportu ... NBA.com niedawno ponownie uruchomił. Ich cała nowa strona jest zbudowana na fundamencie. I oczywiście idę i patrzę na stronę, i mówię: "Och, jest błąd i jest błąd ...", a ja wciąż jestem w chwastach. Potem cofam się i mówię: "O czym mówię? To moja ulubiona liga sportowa i są one oparte na produkcie, nad którym pracowałem. To jest niesamowite!"

WDD: [Śmiech] To musi być niesamowite uczucie. W międzyczasie opracowałem, aby powiedzieć, kiedy każda strona internetowa jest zbudowana na Bootstrap. To nie jest super moc, którą chciałem, kiedy byłem dzieckiem, ale to właśnie mam.

KB: Wynika z tego, że nie wymaga ogromnej super mocy, biorąc pod uwagę podejście, które zdecydowali się podjąć. Wiesz, to jedna z rzeczy, o których dużo rozmawialiśmy z Fundacją. Oczywiście Bootstrap ma obecnie większą publiczność, a jednym z powodów jest to, że mają tak silną wizualną opinię, co oznacza, że ​​ktoś, kto nie ma pojęcia, jak chce wyglądać ... można go podłączyć i będzie wyglądać przyzwoicie. Będzie wyglądać jak Bootstrap, ale będzie wyglądać przyzwoicie.

WDD: To prawda. Ten rodzaj gotowej funkcjonalności jest obecnie ogromną częścią internetu. Szablony i motywy nigdzie się nie wybierają. Struktury nigdzie się nie wybierają, ludzie zawsze będą potrzebować prostszego sposobu na zrobienie czegoś, i to szybciej ... dlatego Fundacja i inne frameworki będą stanowić tak wielką część internetu.

Jak widzisz, jak Fundacja idzie naprzód?

KB: To świetne pytanie, a to jest coś, nad czym dużo czasu poświęcam na przemyślenia. Mogę ci odpowiedzieć krótko, średnio i długoterminowo. Myślę. Krótko mówiąc, jednym z miejsc, które widzimy, że musimy poprawić, jest motyw już istniejący.

Rdzeń fundacji jest niezwykle konfigurowalny, po prostu: Fundacja, na której możesz budować, aby nie każda strona Fundacji wyglądała podobnie. Istnieje jednak ogromna grupa ludzi, którzy potrzebują czegoś, od czego można zacząć nieco mocniej.

I choć teraz jest to możliwe, to nie jest tak łatwe w Fundacji, jak to powinno być, i to jest nasz główny cel w ciągu najbliższych ... Powiedziałbym trzy do sześciu miesięcy. Ułatwiamy ludziom, którzy pochodzą z tła projektowania, stworzenie czegoś, co ludzie, którzy nie mają tła projektowania, mogą po prostu wpaść i korzystać z całego miejsca.

WDD: W porządku, więc tematy dziecięce.

KB: Zasadniczo, tak. Istnieje kilka różnych wariantów, których szukamy, aby znaleźć sposób na zrobienie tego. Ponieważ jedną z rzeczy, które, jak powiedziałem, stanowiły rdzeń Fundacji, jest idea, że ​​nigdy tak nie jest, zawsze zamierzamy położyć na pierwszym miejscu odbiorców projektu.

Tak, jak każdy, kto buduje responsywne strony internetowe, ale one idą, wiele z nich przestaje działać. Na przykład, istnieje kilka wzorów, które ludzie wymyślili, jak jest ikona hamburgera, menu poza płótnem i wszystkie te rzeczy, i wszyscy utknęli w tym

ZURB to firma projektująca i właśnie z tego pochodzimy, więc jednak w końcu ją wdrażamy, nie możemy poświęcić tej zdolności do implementacji twojej tożsamości wizualnej, twojej wizji. Ale uważamy, że możemy znacznie ułatwić sobie po prostu upuszczenie rzeczy i umieszczenie rzeczy na miejscu, kiedy tylko chcesz.

To jeden obszar. Kolejny ogromny obszar, na który patrzymy w perspektywie średnio- i długoterminowej, naprawdę stara się nadal wspierać tę ideę reagowania. Fundacja zawsze znajdowała się na pierwszym planie. Byliśmy pierwszą platformą mobilną - najpierw stawiamy na nią całą masę różnych mobilnych urządzeń i zaczynamy dostrzegać tę podstawową koncepcję szybkiego reagowania.

Tak, jak każdy, kto buduje responsywne strony internetowe, ale one idą, wiele z nich przestaje działać. Na przykład, istnieje kilka wzorów, które ludzie wymyślili, jak jest ikona hamburgera, menu poza płótnem i wszystkie te rzeczy, i wszyscy utknęli z tym. "Ok, zamierzam układać zawartość na urządzeniach mobilnych i robić to, tamto i tamto."

Sądzimy jednak, że zwłaszcza w miarę, jak urządzenia mobilne stają się coraz potężniejsze i stają się bardziej płodne, istnieje cała gama możliwości, z których właśnie teraz ledwo można się bawić. Responsywna witryna w tej chwili często wygląda na coś niesamowitego na komputerze i działa dobrze na urządzeniach mobilnych lub jest niesamowita na urządzeniach mobilnych i działa dobrze na komputerach.

I uważamy, że to niepotrzebne. Możesz mieć coś niesamowitego na urządzenia mobilne, niesamowite na tablecie, niesamowite, jeśli umieścisz to na telewizorze, jest niesamowite, jeśli wchodzisz w interakcje z nim za pośrednictwem czytnika ekranu, więc wszystkie te różne rzeczy nie są po prostu rozważane, ale właściwie zoptymalizowane, jeśli ma to sens.

WDD: To ma sens. Właściwie to myślałem o tym, kiedy rozmawialiście, ponieważ zauważyłem, że wiele witryn przyjęło mentalność mobilną, koncentrując się bardziej na urządzeniach mobilnych niż na większych rozmiarach ekranu. Teraz jest to uczciwe, ponieważ urządzenia przenośne są ogromne, wszędzie mobilne, każdy ma telefon komórkowy bez względu na to, czy ma komputer stacjonarny czy laptop. Mają telefony komórkowe w miejscach, w których nie mieliby nawet mocy na pulpicie.

Jednak ekrany w bardziej rozwiniętych miejscach są coraz większe i, oczywiście, bardziej gęste, aż do pikseli, a poza tym mamy telewizory 4K, monitory 4K, ceny bardzo powoli spadają, a co ja " Zauważono, że wielu projektantów stron internetowych nie uwzględnia większych rozmiarów ekranu. Ekrany te stają się absolutnie ogromne. I nie masz opcji, aby po prostu zmniejszyć okno w telewizorze, takie jak inteligentny telewizor lub Xbox ...

Jestem trochę ciekawy, ponieważ każdy chce dostosować na urządzenia mobilne i to dobrze, ale co zrobicie, jeśli chodzi o pomaganie użytkownikom w optymalizacji pod kątem super dużych ekranów?

KB: To jest coś, z czym świat się boryka, a to, co mówię, to moja rola nie jako dyktatora, ale raczej jako syntezatora. Kilku naszych projektantów było ostatnio zaangażowanych w projekt skupiający się na dużych ekranach. Okazuje się, że niektóre z rzeczy, które mamy już w Fundacji, pozwalają robić takie rzeczy, ponieważ możesz dostosować swój zestaw punktów przerwania, możesz dodać dodatkowy, bardzo duży punkt przerwania. Możesz już zrobić kilka rzeczy na ten temat.

Ale ludzie tak naprawdę nie zdają sobie z tego sprawy, nie są świadomi tych opcji, więc wiele z tego, co chcemy zrobić, to po prostu opublikować najlepsze praktyki dotyczące kierowania tych rzeczy. Ramy koncepcyjnie tam działają. Ludzie często decydują się na punkty awaryjne, z których korzystają, a nie myślą: "Ok, czekaj, czy to rzeczywiście dotyczy całej mojej publiczności? Nad czym pracują ci ludzie? "

Coś, co widzimy potrzebę i pracujemy aktywnie, to tylko lepsza edukacja na temat tego, co jest i jak z niego korzystasz.

RB: Wewnątrz frameworka istnieją, jak wspomniałeś, mixiny. Mamy już dodatkowy duży punkt przerwania i możesz dodać więcej. Są też zapytania o media dotyczące współczynnika pikseli i inne podobne rzeczy. Myślę, że to, czego potrzebujemy, to ... tak, więcej najlepszych praktyk, więcej edukacji na temat radzenia sobie w takich sytuacjach.

KB: Kilka dodatkowych rzeczy, które mamy w przygotowaniu, w rzeczywistości coś, z czym grałem od samego początku, to coś, co pomaga we wszystkich rozmiarach ekranu: przechodzenie do bardziej wektorowej grafiki i możliwość robienia więcej rzeczy za pomocą wektory.

WDD: SVG. Wszyscy czekamy na "Rok SVG".

KB: "Rok SVG", mamy fajne rzeczy w rurze, aby spróbować tak się stało, więc myślę, że ludzie nie zawsze zdają sobie sprawę, jak potężny jest SVG. Jeśli umieścisz te rzeczy, możesz nagle ustawić je za pomocą CSS, możesz manipulować nimi za pomocą JavaScript, a także wyglądać pięknie na wszystkich ekranach po wyjęciu z pudełka. Ta idea responsywnych obrazów jest czymś, co nas bardzo cieszy. Rzeczy, które być może nie tylko reagują na skalowanie za pomocą gęstości pikseli i skalują się z rozmiarem, ale może także zmieniają funkcje widoczne w obrazie na podstawie rozmiaru ekranu.

Jest tam wiele ciekawych możliwości. Myślę, że to, czego teraz brakuje, to nie możliwości SVG, ale oprzyrządowanie. To jedna rzecz, którą my w ZURB możemy naprawdę wesprzeć: narzędzia ułatwiające to.

Mogę wejść w szczegóły, ale wkrótce to zrobimy.

WDD: Przepraszam, po prostu zdałem sobie sprawę, że dosłownie nigdy nie myślałem o możliwości, że z wbudowanym obrazem SVG można dosłownie upuścić obiekty z obrazu na podstawie rozmiaru ekranu. To naprawdę rodzaj ogromnego.

KB: To niesamowite, to niesamowite, i nikt tego nie robi. Nie myślą o tym, ponieważ te rzeczy są w pewien sposób zamknięte, "Och, to jest zaleta, którą zamierzam załadować." Ale nie, te rzeczy są dokumentami. Możesz zrobić cokolwiek chcesz.

WDD: Są to dokumenty tak dynamiczne, zmienne i plastyczne jak sam HTML. To ważna rzecz do zapamiętania. Pytanie drugie do ostatniego w tej sekcji brzmi: jaka jest twoja ulubiona część dotycząca struktury, jaką jest teraz? Czy są jakieś konkretne elementy, które uważasz za swoje ulubione, czy może nad tym pracowałeś, więc to twoje dziecko?

KB: Ostatnio zakochałem się w responsywnych menu i wspomniałem, że nie byłem zbyt długo w tym projekcie. To dość obszerny kod źródłowy. Pracowałem nad projektem przez sześć / osiem miesięcy, więc wciąż odkrywam nowe rzeczy. Responsive Menus są naprawdę potężne.

Podstawową zasadą jest to, że rodzaj menu, którego możesz używać do nawigacji, różni się w zależności od urządzenia. Na przykład wzorzec rozwijanego menu, który jest od dłuższego czasu oparty na frameworkach takich jak Bootstrap i Foundation, jest niezwykle wydajny na komputerach i często prawie nie nadaje się do użytku na urządzeniach mobilnych, zwłaszcza jeśli masz zagnieżdżone warstwy do to. Istnieje jednak kilka menu, które działają idealnie na urządzeniach przenośnych, na przykład menu drążenia. iOS to spopularyzował. Dali nam pomysł na drążone menu, w którym dotykasz czegoś i przesuwasz się nad [do] podmenu, przechodzisz do miejsca, które potrzebujesz.

Foundation obsługuje oba te mechanizmy, a sposób, w jaki to robi, faktycznie używa dokładnie tego samego znacznika, ale z nieco innymi atrybutami danych dla JavaScript. To, co to umożliwia, to responsywne menu, które zachowuje się jak dropdown, gdy jesteś w punkcie przerwania, i przesuwa się do drążenia, gdy jesteś w innym punkcie przerwania. Więc masz dokładnie taki sam znacznik, mówisz: "Hej, to jest responsywne", do drążenia na małych ekranach, do rozwijania na dużych ekranach, i to po prostu działa.

WDD: Bardzo chciałbym zobaczyć więcej tego, bo szczerze mówiąc, na przykład rozwijane menu, w którym wybierasz swój kraj lub region, nie nadają się do użytku na pulpicie, o wiele bardziej na urządzeniach mobilnych. Każde rozwijanie z dwustu lub więcej wpisów jest po prostu śmieszne.

KB: Tak, sto procent.

WDD: Te powinny być domyślnie drążone . Ale w każdym razie, a co z tobą, Rafi? Czy jest coś, co lubisz?

RB: Tak, w ostatnich projektach po prostu spotkaliśmy się w sieci Flexbox i naprawdę zakochałem się w siatce Flexboksa. Po prostu Flexbox w ogóle ... jeśli zaczniesz się uczyć niektórych właściwości, nie są one trudne do nauczenia, a są naprawdę potężne i naprawdę poprawiają się w porównaniu ze standardową siatką pływaka. Jeśli więc twój projekt może na to pozwolić, to na pewno - IE10 i wyżej jest ograniczeniem - więc jeśli twój projekt na to pozwala, zdecydowanie sprawdziłbym sieć Flexbox. Teraz to moja ulubiona rzecz.

WDD: Ok, a ostatnie pytanie w tej sekcji brzmi, cóż, to nie jest pytanie ... Tęsknię za Orbitem, chłopaki. Ja robię. Zdaję sobie sprawę, że suwaki i karuzele nie są najlepszym UX, ale czasami wystarczy jeden lub klient prosi o jedno, a ja tęsknię za Orbitem.

KB: Czy wiesz, że jest w sześciu?

RB: Przynieśli to z powrotem.

WDD: Odkładają to?

KB: Z powrotem w Fundacji 6.

WDD: Właściwie to nie ... Wow, nie byłem w szranki .

KB: Tak więc, z drugiej strony, w Fundacji 5, dotarliśmy do punktu z Orbitem, gdzie stawało się ono zbyt skomplikowane i trudne do utrzymania jako projekt open source. Próbowaliśmy robić zbyt wiele rzeczy. Starał się być wszystkim. Więc kiedy ponownie wampirowaliśmy to dla Fundacji 6, zdecydowaliśmy, że chcemy mieć prosty zestaw funkcji, wszystkie znaczniki na stronie podczas ładowania, zamiast JS dynamicznie dodawać te rzeczy. I jako coś prostego do prototypowania, a nawet prostej karuzeli do produkcji, działa świetnie.

Jeśli szukasz czegoś o wiele bogatszego w funkcje, na przykład możliwości zmiany liczby slajdów na punkt przełomowy lub liczby slajdów przesuwających się naraz, może chcesz mieć trzy na stronie, a następnie przesunąć jedną za każdym razem są inne karuzele z tego, które wykorzystaliśmy w naszych projektach. Lubić Sowa , lub Zręczna karuzela .

RB: Więc wróciłem do bycia bardziej "podstawowym" komponentem, nie starając się robić wszystkiego, wszędzie, ale będąc czymś, co skupia się na uzyskaniu podstaw, i pozwalając ci dostosować go do czegoś znacznie więcej. Jest to filozofia, którą Fundacja próbowała zrobić, ale czasami przegrywała.

Jest to coś, na co zdecydowanie skupiliśmy się: upewniając się, że rzeczy, które dostarczamy, nie starają się robić wszystkiego. Są fundamentalne i są rozszerzalne. Robimy je tak, że możesz z nimi współdziałać, możesz je rozszerzyć, możesz robić te wszystkie rzeczy, ale niekoniecznie robią wszystko, co chcesz, po wyjęciu z pudełka.

I jeden z utworów, o których rozmawialiśmy, polegający na upuszczaniu tematów lub motywów dziecięcych, czy coś w tym rodzaju ... Kolejny fragment tego jest w stanie rzucić tę koncepcję klocków. Ktoś, kto wziął kilka kawałków i połączył je ze sobą, dodając kilka zachowań na wierzchu i ułatwiając podłączenie i zabawę.

WDD: Och, tak jak moduły lub wtyczki, takie jak wtyczki jQuery, ale dla ... okej, to może być naprawdę ogromne. Zwłaszcza jeśli ludzie sprawdzają je pod kątem kompatybilności i mogą łatwo je upuścić. Jedną rzeczą, z którą miałem problemy w przeszłości było łączenie zasobów z różnych miejsc. Ludzie czasami używają podobnych nazw zmiennych i wszystko to przykręca. Lub CSS jest po prostu niezgodne z powodu ... powodów, ponieważ przeglądarki .

KB: To poważny problem i dlatego myślę, że patrząc na menedżerów pakietów, którzy tam są ... nie są tak naprawdę zaprojektowani do wysyłania znaczników i CSS bardzo dobrze.

WDD: Nie są.

KB: To nie jest w pełni rozwiązany problem. Rozważamy różne sposoby, w jakie możemy to zrobić, ale jedną z rzeczy, o których myślimy, jest upewnienie się, że używasz i wykorzystujesz te same podstawowe zmienne SASS z reszty struktury tak, że jeśli " Ponownie upuszczając coś, natychmiast przyjmuje swój motyw lub style.

WDD: Cóż, to brzmi jak świetny pomysł. Zawsze byłem pod wrażeniem menadżerów pakietów, ale szczerze mówiąc, jeśli wpadniesz na rozwiązanie, które pozwala mi po prostu przeciągnąć pliki z pliku .zip do mojego folderu projektu, i po prostu działa, to zrobię dla mnie. Nadal jestem bardzo ręcznym facetem, jeśli chodzi o mój HTML i CSS. Nie używam wielu menedżerów pakietów.

Zdaję sobie sprawę, że oni są przyszłością, tak, ale buduję mniejsze rzeczy i to była kolejna rzecz, którą powiedziałem o Orbit: nie potrzebuję czegoś pełnego zbyt wielu funkcji, przez większość czasu, kiedy potrzebowałem karuzeli, Potrzebowałem tylko przenieść obrazy z prawej na lewą. To wszystko, czego potrzebowałem.

KB: Wypróbuj w Fundacji 6, już jest. Jeśli coś nie działa, jak chcesz, zgłoś błąd, a zobaczymy, jak to naprawić.

RB: Na Orbitach jest fajna poprawa. Jest podłączony do Motion UI, dzięki czemu można właściwie zmieniać animacje bezpośrednio w HTML. Więc jeśli chcesz zaniknąć, lub chcesz slajd, lub chcesz go wymknąć, lub zakręcić go, lub jakiekolwiek szalone animacje ... to wszystko jest wciągnięte.

WDD: To zdecydowanie fajne. Na koniec, nie tylko, i tylko dla zabawy: jak wygląda twój związek z ramami, które nie zostaną nazwane ?

Mało znany fakt: wynalazcy Bootstrapa faktycznie pracowali w ZURB

KB: Niewiele wiadomo: wynalazcy Bootstrapa faktycznie pracowali w ZURB.

WDD: Naprawdę ?!

KB: Tak. Myślę, że Mark Otto był tutaj projektantem. Więc rzecz, która może nie być znana, to fakt, że Fundacja i Bootstrap pochodzą z tej samej genezy. Są to obie struktury, które zostały zainspirowane tym, co ZURB robi dla naszych klientów. Budowaliśmy te przewodniki w stylu HTML i CSS i chcieliśmy trochę to usystematyzować, więc pierwszą wersją Open Source była wersja 2. Wersja 1 była wewnętrzna.

Więc Bootstrap i Fundacja pochodzą z tych samych korzeni. Najwyraźniej wybrali różne ścieżki pod względem tego, z czym się optymalizują, a Bootstrap odniósł niebywały sukces wśród publiczności programistów. Fundacja była i nadal jest bardziej popularna wśród projektantów, ponieważ nie ma tam tak ciężkiej wizualnej opinii.

WDD: To ma sens.

KB: Aby zagrać trochę dalej, oczywiście trwa przyjaźń.

WDD: Naturalnie.

KB: I myślę, że musimy rozmawiać z różnymi ludźmi. Oczywiście rozmawiam z wieloma różnymi ludźmi na temat Fundacji, a przesłaniem, które wydaje nam się uzyskać, zwłaszcza od starszych osób, jest to, że "bardziej podoba mi się Fundacja, jest mocniejsza. W każdym razie używamy Bootstrapa, ponieważ wszyscy moi młodsi twórcy to wiedzą. "To przekonujące. Mówi nam, nad czym musimy pracować, prawda? Jedną z największych rzeczy, nad którymi musimy pracować, jest wygrana w bitwie na funkcjonalność, wygrywamy bitwę o funkcje, musimy wygrać bitwę na pokładzie.

Musimy poprawić naszą zdolność ... do tego, aby ludzie mogli to odebrać i grać z nią po wyjęciu z pudełka. Bo jeśli wszyscy starsi polubią to lepiej, a wszyscy projektanci polubią to lepiej ... tak, oczywiście musimy ciągle naciskać naprzód, wspomnieliśmy, że są miejsca takie jak SVG, możemy wesprzeć uczynienie roku 2017 rokiem SVG, Fundacja może pomóc to się stało.

Istnieją inne elementy, siatki CSS, są też inne technologie, w które możemy odegrać rolę, jaką zawsze odgrywaliśmy, pomagając w popychaniu sieci do przodu. Ale musimy też skupić się na tym, jak możemy wesprzeć ogromną publiczność dla początkujących. Jak podnosić ludzi i pomagać im w nauce?

Świat i sieć działają lepiej z konkurencją. Wojny przeglądarki były w stagnacji, dopóki Google nie przyszedł z Chrome i widzieliśmy niesamowite innowacje. Myślę, że musimy nadal patrzeć na Bootstrapa, Bootstrap powinien na nas patrzeć ...

RB: Są.

KB: Są, wiemy, że są i patrzymy na nie, i myślę, że każdy z nas może wziąć najlepsze pomysły od siebie nawzajem i nieustannie przesuwać sieć do przodu.

WDD: Ok, po prostu upewnij się, że ukradłeś Tyler Tate, zanim to zrobią. Nie wiem, czy znasz jego pracę. Zrobił 1KB siatki CSS w ciągu dnia, w dniach 960.gs, on również zrobił semantic.gs. Był to jeden z moich ulubionych szkieletów opartych na LESS, a także ... bardziej jak generator sieci, przez długi czas. Poważnie, ukradnij tego faceta.

KB: Ok, pozwól mi go znaleźć. O tak, on jest lokalny.

RB: To jest niesamowite.

KB: Tyler, jeśli to oglądasz, zróbmy kawę. Widzę, że bierzesz kawę, ze swojej strony internetowej. Projekt, kod, kawa. Zróbmy kawę, moją ucztę.

WDD: Ok, poważnie, Panie i Panowie, ten epizod przynosi wam kofeina, mnóstwo kofeiny. Wybierz swoją markę, ponieważ nikt nie płaci mi za to jeszcze. A więc do ostatniej pary zabawnych pytań: Czy macie gdzieś w biurze logo na Twitterze, a jeśli nie, dlaczego nie?

[Trochę niewygodny śmiech od nich. Więcej prawdziwego śmiechu ode mnie.]

KB: Jestem wielkim fanem Twittera.

WDD: Ah, cholernie. Po prostu żartuję. I przynajmniej miałeś wojnę Nerf z zespołem Bootstrap. Znowu, jeśli nie, dlaczego nie? Wsiadaj do tego. Musisz to wideo.

RB: Myślę, że to świetny pomysł.

KB: To może być fajne. Może paintball.

RB: Mamy tu kilku zabitych dzwoniących.

WDD: Ok, możemy to uczynić urzędowym? Czy chcesz wezwać zespół programistów Bootstrap? Rzuć im wyzwanie na wojnę paintballową?

KB: Paintball war, Bootstrap dev team. Mark, mamy twój numer.

RB: Mamy dużo więcej ludzi, nie wiem ...

WDD: Dziękuję wam za poświęcony czas i bardzo się cieszę, że mogłem z wami porozmawiać, w ten sposób. Czy chciałbyś coś jeszcze powiedzieć naszym czytelnikom / słuchaczom, zanim pójdziemy?

KB: W Fundacji dzieje się wiele niesamowitych rzeczy. Wersja 6.3 wychodzi za kilka tygodni i wprowadzi więcej innowacji w zakresie podstaw i reakcji, więc zdecydowanie sprawdź to. Powiedziałbym, że jeśli chcesz być na bieżąco ze wszystkim, sprawdź foundation.zurb.com/learn/foundation-insider.html i możesz dostać się na naszą listę mailingową.

RB: Drugą rzeczą, którą chcę wywołać, nie wahaj się zaangażować. Mamy różne problemy na różnych poziomach trudności. Czuć się jak wielka rzecz, aby dotknąć ramy, ale jeśli chcesz zacząć angażować się jako współpracownik, sprawdź to. Ping jednego z nas, zapytaj, "Hej, co jest coś, nad czym mogę pracować?"

Wskażemy ci właściwy kierunek, pokażemy, gdzie plik może się zmienić. Zaczniemy od początku. To jest projekt społecznościowy. Jesteśmy niezwykle dumni z faktu, że mamy ponad osiemset współpracowników w historii projektu i chcemy, abyś był zaangażowany.

WDD: W porządku, dziękuję bardzo i do zobaczenia.

KB & RB: Dzięki!

WDD: To Ezequiel Bruni do podpisania Web Designer Depot.