Bu ay görüşme fırsatı bulduk Kevin Ball ve Rafi Benkual itibaren ZURB . Web'in geleceği, bugün web tasarımının durumu hakkında ve tabii ki vakıf .
{$lang_domain} : Merhaba Bayanlar ve Baylar, Web Tasarımcı Deposu için Ezequiel Bruni'yim ve bugün ZURB'den bu iki güzel insanla konuşuyoruz, isminizi izleyicilerle paylaşmayı düşünür müsün?
Kevin Ball: Merhaba, ben Kevin. Ayrıca, KBUT tarafından ZURB'de giderim ve bu da…
Rafi Benkual: Ben Rafi ve ZURB'de Vakfın Avukatıyım.
KB: Oh evet, ne yaptığımı söylemeliyim. Ben Vakıf Lideriyim.
WDD: Tamam, Temel Kurşun, tam olarak ne yapıyorsunuz? Vakfın yönüne mi karar verirsin, yoksa…?
KB: Ah, evet, orada bir dizi farklı parça var. Daha az diktatör, daha çok kolaylaştırıcı ve sentezleyici. Konuşurken, hem kişisel hem de çevrimiçi olarak çok fazla zaman harcıyorum. İnsanların Vakfla mücadele ettiği, web'in nereye gittiği, duyarlı tasarımın nereye gittiği ve dışarı çıktığımızdan emin olmaya çalıştıklarını anlamaya çalışmak. bu eğriden önce.
WDD: Tamam, Rafi, sen ne yapıyorsun? Foundation Advocate, öyle miydi?
RB: Evet, açıklamak zor bir şey, bu yüzden bir sürü topluluk savunuculuğu var, toplumu büyütüyor, pazarlama satışları. Ve sonra hem istemci projeleri, iç projeler hem de Foundation ile ilgili her şeyi kodluyor, ve ayrıca hataları düzeltmek ve Vakıf için yeni özellikler yaratmak için toplulukla birlikte çalışmak.
WDD: Web tasarım ve geliştirme sürecine nasıl başladınız?
KB: Tabii, ilk önce sen gitmek ister misin, Rafi?
Eğer kod yazan ZURBI'lere bakarsanız, muhtemelen bir formda veya başka bir şekilde kendi kendinize öğretilen% 80'iz.
RB: Önce sen git.
KB: Ben daha uzağım. Yani ben eski bir okul adamıyım, bu yüzden arka uçtaki donanım ve düşük seviyeli yazılım, derleyiciler, aygıt sürücüleri ve bunun gibi şeyler ile başladım. Ve sonra 2008-2009 yılları arasında bir kariyer geçişindeydim, sosyal savunuculuk, kâr amacı gütmeyen işler ve bu tür şeyleri online olarak yapan Nedenler adlı bir başlangıç kurdum.
KB: İnternete dikkat edenler o zaman Facebook'un ilk büyük uygulamaları başlattığı Facebook'un en büyük oyun dışı uygulaması olduğunu hatırlayabilirler. Ve bu yüzden Facebook heyecanını herkesin heyecanlandırdığı bir zamanda sürmeye çalışıyorduk, bu yüzden de yeni açık Facebook platformunu kullanarak günde yüz binlerce yeni kayıt görüyoruz.
Yani internete girdiğim şey buydu: “Gemiye hoş geldin, bir başvurumuz var. Bugün bir milyon insan kullanıyoruz. ”Altı ay sonra, 15 milyon kişi oldu ve ben ayrıldığım zaman, bunu kullanarak yüz milyondan fazla insan vardı. Bu yüzden bu dalgayı sürdürebilir ve büyük uygulamaları ölçeklendirmeyi ve bunu nasıl yapacağınızı öğrenebilirsiniz.
Çok komikti, çünkü bir web şirketinde bir iş buldum ve röportajımda bir sürü veri analizi yaptıklarını söyledim ve dedim ki, “Harika, anladım, nasıl istersin? çıktı? ”dediler. “Eh, sadece bir listeye koydu. Bir HTML listesi. ”Ve ben de“ Tamam, bu nedir? ”Gibi bir şeyim, değil mi? Çünkü bu arka uçtaki derin otlu şeyden geliyordum ve onlar da, “Ah, tamam, işte buradaki işaretler. Gitmeye başla. ”
KB: Derin kodlama ve C ve tüm bunları yaptığınızda HTML'nin o kadar da kötü olmadığı ortaya çıkıyor.
WDD: Rafi, nasıl başladın?
RB: Aslında ben bir satış ve pazarlama arka planından ve çevrimiçi perakendeden ve bunun gibi şeylerden geldim ve aslında ZURB'de çalışan bazı kişilerle arkadaştım ve ofise gelip çok yardımcı oldum.
Ve patron, bize, Vakfı büyütmeye ve Vakıf topluluğuna adanmış birisini aramaya çalıştığını söyledi. Ama hayatımda daha önce hiç HTML ve CSS'ye dokunmamıştım, üç yıl önce olduğu gibi, bir ay kadar vaktimi öğrenmek zorunda kaldım ve sonra bir test yapıp ZURB'de işe almak için bunu geçtim.
İşte böyle başladım, yaptım ve çok iyi yaptım ve hemen GitHub'daki hataların karışımına atıldım, bu çılgınlık.
WDD: Söylemeliyim , sizler gerçek bir eğitim aldığınız için şanslısınız. Kendi kendime eğitildim ve devam etmemin tek sebebi, emdiğimi bilmiyordum.
KB: Oh evet, biliyorum, sektörde öğrendim. Okulda fizik okudum. Aslında, eğer kodlayan ZURBI'lere bakarsanız, muhtemelen% 80 kendinden bir şekilde veya başka bir şekilde öğretilir.
WDD: Yani bu gerçekten harika. ZURB'de çalışmaya nasıl başladığınızı zaten belirttiniz ve bu ilginç. Vakfa özel olarak nasıl tayin oldunuz? Başladığınızda bu projeye doğrudan koydun mu yoksa ilk önce başka şeyler mi yaptın ya da…
KB: Rafi doğrudan Vakfın içine geldi. ZURB'de bir mühendislik lideri olarak geldim ve daha sonra giderek daha fazla projeyi yavaş yavaş emmeye başlamıştım. Bir önceki Vakfımızdan birinin, başka bir şeye geçmeye yöneldiği bir noktaya varmış ve bütün bu projelere bakıyordum: “Bunlar iyi ve güzel, ama gerçekten beni pompaladı ve gerçekten ne pompaladı? beni heyecanlandırıyor Vakıf üzerinde çalışıyor ve toplumla etkileşiyor. ”
Bu yüzden ZURB'deki milletten konuştum, herkesle konuştuğu patron-adamla konuştum, “Ben bu şeyleri yapıyorum, ama gerçekten yapmak istediğim şey Vakıf” dı. ben ve dedim ki, “Harika! Git yap!"
WDD: Tamam, Kevin, Vakfın bu kadar büyük bir anlaşma olacağını ilk kez ne zaman fark ettin, ilk kez ne zaman anladın?
KB: Yani vakfa geldiğimde - sekiz sene önce internete girdiğimi, bunun ne olduğunu anladım - ama sadece bir yıl ZURB'de bulundum. Bu yüzden, Vakfa gerçekten girdiğim zaman, zaten çok büyük bir anlaşma oldu. Bana göre, bence geniş, çerçeveler — Temel ve Önyük - bir çeşit… onları keşfetmek benim için çok büyüktü. Çünkü web şeyler yapmaya başladığımda 960 gibi bir ızgara sistemine bile sahip olduğumda büyük bir yenilik oldu. Ve sonra tüm su…
WDD [oldukça kaba bir şekilde kesiyor, Ezequiel çok üzgün]: Biliyorum!
KB: Sadece temel bir kılavuzdan daha fazlası, ayarlayabileceğiniz bir şey, duyarlılık gibi bir şey, benim iyiliğim bu inanılmaz. Bir gelişim arka planından gelmek, yavaş yavaş daha çok ön uçlara geçmek, bu tür bir kaynağa sahip olmak, bunun çok büyük bir zaman önce devasa olduğunu görebiliyordum.
Her gün Vakıf'ı birkaç yıldır kullanan yepyeni şirketleri keşfettik ve görmek gerçekten şaşırtıcı.
RB: Vakıf, üç yıl önce başladığımda, web geliştirme dünyasında zaten çok büyüktü. Eğer web geliştirme yapıyorsanız, muhtemelen Foundation and Bootstrap'ı biliyordunuz ve o zamanlar orada çok fazla başka çerçeve yoktu. Belki Semantic yepyeniydi, ama bu tam bir çerçeve değildi, o yüzden orada fazla bir şey yoktu. Yani Vakıf zaten çok büyüktü.
Vakfın üzerine çalışmaya başladığımda, Vakıf'ta kaç farklı marka ve web sitesinin kurulduğunu fark ettim ve bu bana gerçekten göz kamaştırıcıydı. Bu yüzden her gün birkaç yıldır Vakfımızı kullanan yepyeni şirketleri keşfediyoruz ve görmek gerçekten şaşırtıcı. Markalar sayfamıza göz atın ve orada bulunan yüzlerce büyük markayı görebilirsiniz ve muhtemelen bilmediğimiz binlerce insan daha var.
KB: Evet, bazen beni bazen gezdiriyor, Rafi'nin söylediği gibi, biraz da otlara iniyorsunuz, ve sadece işi yapıyorsunuz, doğru, ve sonra geri adım atıyorsunuz…
Gibi, büyük bir spor hayranıyım… NBA.com kısa süre önce yeniden başlattı. Tüm yeni siteleri Vakfı üzerine inşa edilmiştir. Ve tabi ki gidip siteye bakıyorum ve “Ah, bir böcek var, ve bir böcek var…” ve hala yabani otların içinde yaşıyorum. Sonra geri adım atıyorum ve “Ben neden bahsediyorum? Bu benim en sevdiğim spor ligidir ve üzerinde çalıştığım ürün üzerine inşa edilmişler. Bu inanılmaz!"
WDD: [Gülüyor] Bu inanılmaz bir his olmalı. Bu arada, herhangi bir web sitesinin Bootstrap üzerinde oluşturulduğunu anladım. Çocukken istediğim süper güç değil, ama sahip olduğum şey bu.
KB: Anlamaya çalıştığı yaklaşım göz önüne alındığında, devasa bir süper güç gerektirmiyor. Biliyorsun, bu Vakıf ile çok konuştuğumuz şeylerden biri. Açıkçası Bootstrap'in şu anda daha büyük bir izleyici kitlesi var ve sahip oldukları sebeplerden biri de, kutudan böyle güçlü bir görsel fikre sahip olmalarıdır. Bu da, bir şeyin neye benzemesini istediği hakkında bir fikre sahip olmadığı anlamına gelir. onu takabilir ve iyi görünecektir. Bootstrap gibi görünecek, ama iyi görünecek.
WDD: Bu doğru. Bu tür bir kutudan çıkma işlevi aslında günümüzde web'in büyük bir kısmı. Şablonlar ve temalar hiçbir yere gitmiyor. Çerçeveler hiçbir yere gitmiyor, insanlar her zaman bir şey yapmanın daha kolay bir yoluna ihtiyaç duyacaklar, ve daha hızlı… Bu nedenle, Vakıf ve diğer çerçeveler, web'in ilerlemesinin bu kadar büyük bir parçası olacak.
Vakfın ilerlemesini nasıl görüyorsunuz?
KB: Bu harika bir soru ve zamanımın çoğunu düşündüğüm bir şey. Size kısa vadeli, orta vadeli ve uzun vadeli bir cevap verebilirim. Bence. Kısa vadede, daha iyiye gitmemiz gerektiğini gördüğümüz yerlerden biri, önceden var olan temalarda.
Vakfın temeli, son derece özelleştirilebilir olmaktır, sadece şu şekilde olmalıdır: her bir Vakıf sitesinin birbirine benzememesi için üstüne inşa edebileceğiniz bir Vakıf. Bununla birlikte, başlamak için biraz daha güçlü bir görüşe ihtiyaç duyan bir şeye ihtiyaç duyan çok sayıda insan var.
Ve bu şu anda mümkün olsa da, bu olması gerektiği kadar kolay değil, bu da bizimki gibi büyük bir odak noktasıdır… Ben üç ila altı ay söyleyebilirim. Tasarım arkaplanından gelen milletler için tasarım arka planına sahip olmayan insanlar için bir şeyler yaratmak çok kolay.
WDD: Pekala, çocuk temaları, aslında.
KB: Aslında, evet. Bunu yapmanın yollarını aradığımız birkaç farklı varyasyon var. Çünkü, dediğim gibi, Vakfın temelini oluşturan şeylerden biri, hiçbir zaman bu düşüncenin olmadığıdır, çünkü her zaman tasarım izleyicisini ilk önce koyacağız.
Herkesin şu anda duyarlı web siteleri kurması gibi, ama bir çeşit gidiyorlar, birçoğu bayat gidiyor. Gibi, bir hamburger simgesi ve off-tuval menüsü ve tüm bu şeyler gibi insanlar anladım birkaç desen var ve herkes bu şey ile sıkışmış
ZURB bir tasarım firmasıdır, ve biz nereden geliyoruz, bu yüzden onu uygulamaya koyarız, görsel kimliğinizi, vizyonunuzu yerine getirme yeteneğini feda edemez. Ancak, inandığımız şeyleri sıralamak ve bir şeyler koymak istediğinizde çok daha kolay bir hale getirebileceğimize inanıyoruz.
Yani bu bir alan. Orta-uzun vadede baktığımız bir başka büyük alan, gerçekten de bu duyarlılık fikrini ilerletmeye devam etmeye çalışıyor. Vakfın her zaman ön cephesinde olduğu gibi, ilk önce mobil olarak hareket eden ilk çerçeve olduk, oraya bir sürü farklı mobil şey koyduk ve bu temel duyarlılık fikrinin kazandığını görmeye başlıyoruz.
Herkesin şu anda duyarlı web siteleri kurması gibi, ama bir çeşit gidiyorlar, birçoğu bayat gidiyor. Gibi, bir hamburger simgesi ve off-tuval menüsü ve tüm bu şeyler gibi insanlar anladım birkaç desen var ve herkes bu şey ile sıkışmış. “Tamam, içeriği mobilde yığınlayacağım ve bunu, yani, diğerini yapacağım.”
Ancak, özellikle mobil cihazların daha güçlü hale geldikçe, daha üretken hale geldikçe, şu anda sadece zar zor oynanan bir olasılık var. Yanıt veren bir web sitesi şu anda masaüstünde şaşırtıcı bir şey gibi görünüyor ve mobil cihazlarda iyi çalışıyor ya da mobil cihazlarda harika ve masaüstünde iyi çalışıyor.
Ve bunun gereksiz olduğunu düşünüyoruz. Mobil cihazlarda harika bir şeye sahip olmanız, tablette harika bir şey yapabilmeniz, bir şeyi televizyona koyarsanız inanılmaz bir şey yapabilmeniz, ekran okuyucu ile etkileşim kurmanızın şaşırtıcı olmasından dolayı, tüm bunların farklı olması her şey sadece bir hesaba göre değil, aslında mantıklıysa, en iyi duruma getirilir.
WDD: Bu mantıklı. Aslında bunu konuştuğunuz gibi düşünüyordum, çünkü bir çok sitenin mobil-ilk zihniyeti benimsediğini fark ettim, daha büyük ekran boyutlarına kıyasla mobil cihazlara daha çok odaklandı. Şimdi, bu adil çünkü mobil çok büyük, her yerde mobil, herkesin bir masaüstü veya dizüstü bilgisayar olsun ya da olmasın bir cep telefonu var. Masaüstü için bile gücün olmadığı yerlerde cep telefonları var.
Ancak, daha gelişmiş yerlerde ekranlar da giderek büyüyor, ve pikseller gittikçe daha yoğun oluyor, ve bunun yanında 4K TV'ler, 4K monitörler alıyoruz, fiyatlar çok yavaşlıyor ve ve dikkat çeken şey, bir çok web tasarımcısının daha büyük ekran boyutlarını hesaba katmamasıdır. Bu ekranlar kesinlikle masif oluyor. Ayrıca, TV'de küçük bir televizyon gibi küçük bir pencere veya Xbox gibi bir pencere oluşturma seçeneğiniz de yok…
Biraz meraklıyım, çünkü herkes mobil cihazlar için kişiselleştirilmek istiyor ve bu iyi bir şey ama sizlerin kullanıcılarınızın süper büyük ekranlar için optimize edilmesine yardımcı olmak için ne yapacaksınız?
KB: Bu, dünyanın geniş çapta ele geçirdiği bir şey ve benim rolümün bir diktatör değil, bir sentezleyici olduğunu söylediğim yer. Böylece tasarımcılarımızdan birkaçı yakın zamanda büyük ekranlara odaklanan bir projeydi. Vakıf'ta sahip olduğumuz bazı şeylerin bu gibi şeyleri yapabilmenize olanak sağladığını, çünkü sizin kırılma noktaları kümenizi özelleştirebildiğiniz, ekstra, ekstra geniş bir kırılma noktası ekleyebileceğiniz ortaya çıkıyor. Bunun için bir sürü şey yapabilirsin.
Ama insanlar bunun gerçekten farkında değiller, bu seçeneklerin farkında değiller, bu yüzden orada yapmak istediğimiz şeylerin çoğu, bu şeyleri hedeflemek için en iyi uygulamaları yayınlamaktır. Çerçeve, kavramsal olarak orada çalışır. Dostlar çoğu zaman kutudan çıktıkları mola noktaları alıyorlar ve düşünmüyorlar, “Tamam, bekle, bu aslında tüm seyircim için geçerli mi? Bu millet ne üzerinde çalışıyor? ”
İhtiyaç duyduğumuz ve aktif olarak çalıştığımız bir şey, orada ne olduğu ve onu nasıl kullandığınız hakkında daha iyi bir eğitim.
RB: Çerçevenin içinde, bahsettiğin gibi, karışımlar var. Zaten büyük bir kırılma noktamız var ve daha fazlasını ekleyebilirsiniz. Ve sonra piksel oranı ve bunun gibi diğer şeyler için de medya sorguları var. Sanırım ihtiyacımız olan şey… evet, daha iyi uygulamalar, bu durumların nasıl ele alınacağı konusunda daha fazla eğitim.
KB: Boru hattında aldığımız bazı ek şeyler, aslında bu çağrıya kadar oynadığım bir şey, tüm ekran boyutlarında yardımcı olan bir şey: daha fazla vektör grafiğine gidiyorum ve daha fazla şey yapabilmek vektörler.
WDD: SVG. Hepimiz “SVG'nin Yılı” nı bekliyoruz.
KB: “SVG'nin Yılı”, bunu gerçekleştirmeye çalışmak için pipoda bazı eğlenceli şeylerimiz var, bu yüzden insanlar her zaman SVG'nin ne kadar güçlü olduğunun farkında değiller. Bu şeyleri satır içi yaparsanız, aniden bunları CSS ile stilleyebilir, bunları JavaScript ile değiştirebilirsiniz, ayrıca kutudan tüm ekran boyutlarında güzel görünebilir. Dolayısıyla bu duyarlı görüntü fikri, gerçekten heyecan duyduğumuz bir şey. Belki de sadece piksel yoğunluğuyla ölçeklendiği ve boyutlarıyla ölçeklendiği, ancak aynı zamanda ekran boyutuna dayalı bir görüntü içinde görülebilen özellikleri değiştirdiği için sadece duyarlı değildir.
Orada her türlü ilginç olasılık var. Şu anda eksik olanın SVG'lerin yeteneği değil, alet olduğunu düşünüyorum. Öyleyse, ZURB'de şu şekilde bir şey daha ileri gidebilir: bu işi kolaylaştırmak için.
Daha fazla ayrıntıya girebilirim, ama yakında bunu yapacağız.
WDD: Üzgünüm, tam anlamıyla bir satır içi SVG görüntüsüyle, görüntü boyutlarını ekran boyutuna göre görüntüden düşürebilme olasılığını tam olarak anlamadığımı fark ettim. Bu aslında çok büyük.
KB: İnanılmaz, inanılmaz, ve kimse bunu yapmıyor. Bunu düşünmüyorlar, çünkü bu tür şeyler, “Oh, yükleyeceğim bir varlık” olarak kilitlenmiş durumda. Ama hayır, bu şeyler belgeler. İstediğin şeyi yapabilirsin.
WDD: Onlar HTML olarak kendileri gibi dinamik ve değiştirilebilir ve işlenebilir belgeler. Hatırlanması gereken önemli bir şey. Bu bölümdeki sondan ikinci soru şudur: Şu anki çerçeve hakkında en sevdiğiniz bölüm hangisidir? En sevdiğini düşündüğün herhangi bir özel bileşen var mı, yoksa belki de üzerinde çalıştın, bu yüzden bebeğin mi?
KB: Kısa süre önce yanıt veren menülere aşık oldum ve projede uzun zamandır bulunmadığımı belirttim. Bu oldukça kapsamlı bir kod tabanıdır. Projede altı / sekiz ay çalışıyorum, bu yüzden yeni şeyler keşfetmeye devam ediyorum. Duyarlı Menüler gerçekten çok güçlü.
Temel kavram, navigasyon yapmak için kullanabileceğiniz menü türünün cihazlara göre çok değişmesidir. Örneğin, Bootstrap ve Foundation gibi çerçevelerde uzun süredir bulunan bir açılır menü modeli, özellikle masaüstünde son derece güçlüdür ve genellikle cep telefonunda neredeyse kullanılamaz durumdadır. o. Bununla birlikte, mobilde mükemmel çalışan bazı menüler vardır, örneğin bir aşağı açılır menü. iOS bunu popüler hale getirdi. Bize, bir şeye dokunduğunuz ve alt menüye [o] doğru kayan bir delme menüsü fikrini verdiler, gitmeniz gereken yere iniyorsunuz.
Vakıf, her ikisini de destekler ve gerçekte aynı şekilde biçimlendirmeyi, ancak JavaScript için biraz farklı veri nitelikleriyle yapar. Bu, tek bir durak noktasındayken aşağıya doğru hareket eden bir tepki menüsüdür ve başka bir duraklama noktasındayken aşağıya doğru geçiş yapar. Yani, tam olarak aynı işaretlemeye sahipsiniz, “Hey, bu duyarlı”, küçük [ekranlarda] aşağıya inmek, büyük [ekranlarda] aşağıya inmek ve sadece işe yarıyor.
WDD: Bunu daha çok görmeyi çok isterim, çünkü dürüstçe, örneğin, ülkenizi veya bölgenizi seçebileceğiniz açılır menüler masaüstünde kullanılamaz, daha çok mobil cihazlarda. İki yüz veya daha fazla giriş ile herhangi bir düşüş sadece gülünç.
KB: Evet, yüzde yüz.
WDD: Bunlar varsayılan olarak detaylandırılmalı. Her neyse, senden ne haber, Rafi? Beğendiğin bir şey var mı?
RB: Evet, son projelerde, sadece Flexbox ızgarasında bir buluşma gerçekleştirdik ve Flexbox ızgarasına gerçekten aşığım. Sadece Flexbox genel olarak… bazı özellikleri öğrenmeye başlarsanız, öğrenmesi zor değildir ve gerçekten güçlüdür ve standart bir float ızgarası üzerinde gerçekten gelişir. Yani projeniz buna izin veriyorsa kesinlikle IE10 ve üst sınırdır - bu yüzden projeniz izin veriyorsa, kesinlikle Flexbox ızgarasını kontrol ederim. Şu an en sevdiğim şey.
WDD: Tamam, ve bu bölümdeki son soru, iyi bir soru değil… Orbit'i özlüyorum, beyler. Ben yaparım. Kaydırıcıların ve karusellerin en iyi UX olmadığını fark ettim, ama bazen sadece birine ihtiyacınız var ya da müşteri bir tane ister ve Orbit'i özlüyorum.
KB: Altı yaşında olduğunu biliyor muydun?
RB: Onu geri getirdiler.
WDD: Geri koydular mı?
KB: Temel 6’da.
WDD: Aslında yapmadım ... Vay canına, ben döngüden çıktım.
KB: Öyleyse, bu konuyla ilgili temel öykü, Vakıf 5'te, Orbit'in biraz fazla özellikli bir hale geldiği ve açık bir kaynak proje olarak sürdürülmesinin çok zor olduğu bir noktaya geldik. Çok fazla şey yapmaya çalışıyorduk. Her şey olmaya çalışıyordu. Bu yüzden, bunu Foundation 6 için tekrar vampir ettiğimizde, JS'nin dinamik olarak bu öğeleri eklemesini sağlamak yerine, basit bir özellik kümesi, yükleme sayfasındaki tüm biçimlendirmeyi istedik. Üretim için prototip oluşturma, hatta basit bir karusel için basit bir şey olarak, harika çalışıyor.
Biraz daha fazla özellik bakımından zengin bir şey arıyorsanız, kırılma noktası başına kaç slayt değiştirilebileceğini veya bir seferde kaç slaytta hareket ettiğini, belki de bir sayfada üç gibi olmasını ve sonra Her seferinde, projelerimizde kullandığımız için başka karuseller var. Sevmek Baykuş veya Kaygan atlıkarınca .
RB: Bu yüzden, herşeyi, her yerde yapmaya çalışmamaya, temelleri doğru bir şekilde yapmaya odaklanan ve onu çok daha fazla bir şeye uyarlamanıza izin veren bir “Temel” bileşen haline dönüştü. Bu, Vakfın tüm yollarla yapmaya çalıştığı bir felsefe, ama bazen yoluna devam etti.
Kesinlikle yeniden odaklandığımız bir şey: sağladığımız şeylerin her şeyi yapmaya çalışmadığından emin olmak. Onlar temel ve genişleyebilirler. Onları onlarla etkileşimde bulunabilmenizi, onları uzatabileceğinizi, tüm bunları yapabileceğinizi, ancak kutunun dışında istediğiniz her şeyi yapmaları gerekmeyecek şekilde yapıyoruz.
Ve konuştuğumuz parçalardan biri, temalara, çocuk temalarına, ya da onun gibi bir şeye düşebilmenin bir başka parçası… bu yapı blokları kavramına düşebiliyor. Bir parça parça alıp bunları bir araya getirip, üstüne bir sürü davranış ekleyen ve bunları takıp kullanması kolaylaştıran biri.
WDD: Oh, jQuery eklentileri gibi modüller ya da eklentiler gibi, ama… tamam, bu gerçekten çok büyük olabilir. Özellikle de insanlar bunları uyumluluk açısından kontrol edip, kolayca bırakabilselerdi. Geçmişte sorun yaşadığım bir şey, kaynakları çeşitli yerlerden birleştirmekti. İnsanlar bazen benzer değişken isimleri kullanırlar ve bu herşeyi vidalar. Ya da CSS sadece uyumsuz çünkü… çünkü tarayıcılar .
KB: Bu gerçek bir sorundur ve bu yüzden orada bulunan paket yöneticilerine bakmayı düşünüyorum… bunlar gerçekten nakliye işaretlemesi ve CSS için çok iyi tasarlanmamışlar.
WDD: Onlar değil.
KB: Yani bu tamamen çözülmüş bir problem değil. Yapabileceğimiz farklı yollara bakıyoruz, ancak düşündüğümüz şeylerden biri de, eğer çerçevenin geri kalanıyla aynı temel SASS değişkenlerini kullandığınızdan ve bunlardan yararlandığınızdan emin olmaktır. Bir şeyi bırakarak, temanızı veya tarzlarınızı hemen alır.
WDD: Bu harika bir fikir gibi geliyor. Paket yöneticileri tarafından her zaman etkilendim, ancak mükemmel bir şekilde dürüst olmak gerekirse, bir .zip dosyasındaki dosyaları sadece proje klasörüne sürüklemem için bir çözüm bulursanız ve bu sadece işe yaramazsa ben mi. HTML ve CSS’ye geldiğinde hala çok manuel bir adamım. Çok fazla paket yöneticisi kullanmıyorum.
Gelecek olduklarını anlıyorum, evet, ama daha küçük şeyler yapıyorum ve bu Orbit hakkında söylediklerimden başka bir şeydi: Bir karusele ihtiyaç duyduğumda, çoğu zaman, çok fazla özellik dolu bir şeye ihtiyacım yok. Sadece görüntüleri sağdan sola taşımam gerekiyordu. Bütün ihtiyacım olan buydu.
KB: Foundation 6'da deneyin, var. Bir şey istediğiniz gibi çalışmıyorsa, bir hata verin ve düzeltmeyi göreceğiz.
RB: Orbit'te harika bir gelişme var. Hareket UI'sine bağlanmış olduğundan, animasyonları HTML'de doğru bir şekilde değiştirebilirsiniz. Bu yüzden, eğer bir solgunluk istiyorsanız, ya da bir slayt istiyorsanız ya da onu dışarı atmak ya da döndürmek istiyorsanız, ya da çılgın animasyonlar….
WDD: Bu kesinlikle harika. Son olarak, en az değil, sadece eğlence için: isimlendirilmeyecek çerçeve ile ilişkiniz nasıl?
Az bilinen gerçek: Bootstrap’ın mucitleri aslında ZURB’de çalışıyordu.
KB: Az bilinen gerçek: Bootstrap’ın mucitleri aslında ZURB’de çalışıyordu.
WDD: Gerçekten mi ?!
KB: Evet. Mark Otto burada bir tasarımcıydı, inanıyorum. Bu yüzden bilinmeyen şey, Vakıf ve Önyükleme'nin aslında aynı soydan gelmesidir. Bunlar, ZURB'nin müşterimiz için yaptıklarından ilham alan çerçeveler. Bu HTML ve CSS tarzı kılavuzları oluşturuyorduk ve biraz sistematize etmek istedik, bu yüzden Vakfın ilk açık kaynak versiyonu sürüm 2 idi. Versiyon 1 dahili idi.
Önyükleme ve Vakıf aynı köklerden geliyor. Açıkçası, onlar için optimize ettiklerine göre farklı yollar seçtiler ve Bootstrap, geliştirici kitlesiyle çılgınca başarılı oldu. Vakıf, tasarımcı kitlesiyle daha popüler olmaya devam ediyordu, çünkü bu konuda yoğun bir görsel görüşe sahip değil.
WDD: Bu mantıklı.
KB: Biraz daha fazla oynamak için, açıkça bir dostluk rekabeti var.
WDD: Doğal olarak.
KB: Ve bence farklı insanlarla konuşmamız gerekiyor. Vakıf hakkında birçok farklı insanla konuşuyorum, açıkçası, ve özellikle de daha kıdemli milletlerden aldığımız mesaj, “Vakf'ı daha çok seviyorum, daha güçlüdür. Yine de Bootstrap kullanıyoruz çünkü tüm junior devlerim bunu biliyor. ”Bu zorlayıcı. Ne üzerinde çalışmamız gerektiğini bize söyler, değil mi? Üzerinde çalışmamız gereken en büyük şeylerden biri, işlevsellik savaşını kazanmaktır, özellik savaşını kazandık, onboard savaşını kazanmamız gerekiyor.
İnsanların bunu alması ve kutudan çıkarması için yeteneğimizi geliştirmemiz gerekiyor. Çünkü tüm üst düzey milletler bundan hoşlanıyorlarsa ve tüm tasarımcılar bunu daha iyi seviyorsa… evet açıkça öne sürmeliyiz, SVG gibi yerlerden söz ettik, SVG yılını 2017'de destekleyebiliriz, Vakıf olmuş olan.
Başka parçalar da var, CSS ızgarası, her zaman web’in ilerlemesine yardımcı olmak için oynadığımız rolü oynayabileceğimiz başka teknolojiler var. Ama biz de yeni olan izleyici kitlesini nasıl destekleyebileceğimize odaklanmamız gerekiyor. İnsanları nasıl yetiştiririz ve öğrenmelerine nasıl yardımcı oluruz?
Dünya ve web, rakiplerle daha iyi çalışır. Google, Chrome ile birlikte gelene kadar tarayıcı savaşları durgundu ve inanılmaz bir inovasyon gördük. Bence Bootstrap'e bakmaya ihtiyacımız var, Bootstrap bize bakmaya devam etmeli…
RB: Onlar.
KB: Onlar olduklarını biliyoruz ve onlara bakıyoruz ve bence her biri birbirinden gelen en iyi fikirleri alabiliyor ve web'i ileriye doğru itmeye devam edebiliyoruz.
WDD: Tamam, yapmadan önce Tyler Tate'i çaldığına emin ol. İşine aşina olup olmadığını bilmiyorum. Günde 1KB CSS ızgarasını yaptı, 960.gs günlerinde semantic.gs yaptı. En sevdiğim LESS tabanlı ızgara çerçevelerinden biriydi, çok… uzun bir süre için ızgara jeneratörü gibi. Cidden, o adamı çal.
KB: Tamam, onu bulmama izin ver. Oh evet, o yerel.
RB: Bu harika.
KB: Tyler, eğer bunu izliyorsan, kahve yapalım. Web sitenizden kahve içerdiğini görüyorum. Tasarım, kod, kahve. Hadi kahve yapalım.
WDD: Tamam, ciddi olarak, Bayanlar ve Baylar bu bölüm size kafein, bol bol kafein getiriyor. Markanızı seçin çünkü kimse bunun için bana ödeme yapmıyor. Öyleyse, son birkaç eğlenceli soru üzerine: Ofiste bir yerde bir dart tahtası üzerinde bir Twitter logonuz var mı, yoksa değilse, neden olmasın?
[Bazıları biraz rahatsız edici gülüyorlar. Benden daha gerçek kahkahalar.]
KB: Aslında çok büyük bir Twitter hayranıyım.
WDD: Ah canım. Sadece şaka yapıyorum. Ve en azından Bootstrap dev ekibi ile bir Nerf savaşına sahip oldunuz. Yine değilse, neden olmasın? Buna devam et. Bunu videoya kaydetmelisin.
RB: Bence bu harika bir fikir.
KB: Bu eğlenceli olabilir. Belki paintball.
RB: Burada bazı zil çalar var.
WDD: Tamam, bu resmi yapabilir miyiz? Bootstrap dev ekibini çağırmak ister misiniz? Onları bir paintball savaşına mı meydan okuyorsun?
KB: Paintball savaşı, Bootstrap dev ekibi. Mark, numaranız var.
RB: Daha çok insanımız var, bilmiyorum…
WDD: İkiniz için hem teşekkür ederim hem de seninle böyle konuşabildiğim için çok mutluyum. Gitmeden önce okuyucularımıza / dinleyicilere söylemek istediğiniz başka bir şey var mı?
KB: Vakfımızda bir çok şaşırtıcı şey var. Versiyon 6.3 sadece birkaç hafta içinde ortaya çıkıyor ve Vakıf ve yanıt verme konusunda daha fazla yenilik yapacak, kesinlikle bunu kontrol edin. Her şeyle güncel kalmak istiyorsanız, kontrol edin foundation.zurb.com/learn/foundation-insider.html ve e-posta listemize ulaşabilirsiniz.
RB: Çağırmak istediğim diğer şey, katılmaktan çekinmiyor. Farklı zorluk derecelerinde her türlü farklı sorunlarımız var. Çerçeveye dokunmak büyük bir şey gibi hissettirir, ancak katkıda bulunan kişi olarak çalışmaya başlamak istiyorsanız, kontrol edin. Birimize pes et, “Hey, üzerinde çalışabileceğim bir şey var mı?” Diye sor.
Sizi doğru yönde işaret edeceğiz, size dosyayı değiştirmek isteyebileceğiniz yere yönlendirelim. Başlamana başlayacağız. Bu bir topluluk projesidir. Projenin tarihinde sekiz yüz kişiden fazla katkımız olduğu gerçeğiyle son derece gurur duyuyoruz ve sizin de dahil olduğunuzu görmek istiyoruz.
WDD: Pekala, çok teşekkür ederim ve her yerde görüşürüz.
KB & RB: Teşekkürler!
WDD: Bu, Web Tasarımcı Deposu'nun imzalanması için Ezequiel Bruni.