هذا الشهر حصلنا على فرصة لإجراء مقابلة كيفين بول و رافي بينكوال من عند ZURB . وصلنا إلى الحديث عن مستقبل الويب ، وحالة تصميم الويب اليوم ، وبالطبع ، حول المؤسسة .
{$lang_domain} : مرحبًا أيها السيدات والسادة ، أنا أزيكويل بروني لمستودع مصمم الويب ، واليوم نحن نتحدث إلى هذين الشخصين اللطفاء من ZURB ، فهل تمانع في مشاركة أسمائكم مع الجمهور؟
كيفن بول: مرحبًا ، أنا كيفن. أذهب أيضا من قبل KBall هنا في ZURB ، وهذا هو ...
رافي بينكوال: أنا رافي ، وأنا مؤسسة محام هنا في زورب.
KB: أوه نعم ، يجب أن أقول ما أفعله. أنا قائد المؤسسة.
WDD: حسناً ، الرصاص الأساس ، ما الذي تفعله بالضبط؟ عليك أن تقرر اتجاه مؤسسة ، أو ...؟
KB: آه ، نعم ، هناك عدد من القطع المختلفة هناك. أنا أقل من ديكتاتور ، وأكثر من ميسِّر ومُركب. أقضي الكثير من الوقت في المحادثات - شخصيًا وعبر الإنترنت - فقط أحاول التعرف على المكان الذي يعاني فيه الناس من مؤسسة ، حيث تسير الويب ، حيث يسير التصميم سريع الاستجابة ، وتحاول التأكد من خروجنا قبل هذا المنحنى.
WDD: حسنا ، ورافي ، ماذا تفعل كما ... مؤيد مؤسسة ، كان ذلك؟
ر.ب: نعم ، هذا أمر يصعب وصفه ، لذلك هناك الكثير من الدعوة المجتمعية ، وتنمية المجتمع ، ومبيعات التسويق. ثم أيضًا ترميز كل من مشاريع العميل ، والمشاريع الداخلية ، وبالطبع كل شيء مع مؤسسة ، وكذلك العمل مع المجتمع لإصلاح الخلل ، وتقديم ميزات جديدة للمؤسسة.
WDD: كيف بدأتم يا رفاق البداية في تصميم وتطوير المواقع ، وكل هذا؟
KB: Uhh ، بالتأكيد ، كنت تريد أن تذهب أولا ، رافي؟
إذا نظرت إلى ZURBians الذين رمزوا ، فنحن على الأرجح 80٪ من الذين تلقوا دروسًا ذاتية بشكل أو بآخر
ر ب: اذهب أولاً.
KB: حسنا ، أنا أطول. لذا فأنا شخص من مدرسة قديمة ، لذا بدأت في الأجهزة الخلفية والبرامج ذات المستوى المنخفض والمجمّعين وبرامج تشغيل الأجهزة وأشياء من هذا القبيل. ثم في عام 2008-2009 ، كنت في مرحلة انتقال وظيفي ، قمت بتأسيس شركة ناشئة تسمى (Causes) ، والتي كانت تقوم بالدعوة الاجتماعية ، والعمل غير الربحي ، وهذا النوع من الأشياء على الإنترنت.
كيلوبايت: هؤلاء منكم الذين كانوا يهتمون بالويب قد يتذكرون أن Causes كان أكبر تطبيق غير لعبة على Facebook ، مرة أخرى عندما أطلقت Facebook أول تطبيقاتها. ولذا ، كنا نحاول ركوب ذلك الازدهار على الفيسبوك في وقت كان الجميع فيه متحمسًا ، لذلك رأينا مئات الآلاف من الاشتراكات الجديدة يوميًا ، مع ركوب منصة الفيسبوك المفتوحة الجديدة.
لذلك كان هذا مقدمة لي على الويب ، وكان: "مرحبًا بكم ، لدينا طلبًا. لدينا مليون شخص يستخدمونه اليوم ». وبعد ستة أشهر ، كان 15 مليون شخص ، وبحلول الوقت الذي غادرت فيه ، كان أكثر من مائة مليون شخص يستخدمون الشيء. هذا النوع من ركوب تلك الموجة ، وتعلم كل شيء عن توسيع التطبيقات الكبيرة وكيفية القيام بذلك.
لقد كان نوعًا ما مضحكا ، لأنني حصلت على وظيفة في شركة على شبكة الإنترنت ، وفي مقابلتي ، كان لديّ حفنة من تحليل البيانات ، وقلت ، "عظيم ، لقد حصلت عليه ، كيف تريده خرج؟ "وقالوا. "حسنا ، فقط ضعها في قائمة. قائمة HTML. "، وأنا مثل كيندا" حسنا ، ما هذا؟ "، أليس كذلك؟ "السبب أنني كنت قادماً من هذا الشيء العميق في الحشائش الخلفية ، وهم مثل ،" أوه ، حسناً ، ها هي العلامة. ابدأ في الذهاب ".
ك: تبين أنه عندما كنت تقوم بترميز عميق و C وكل ذلك ، فإن HTML ليست سيئة للغاية.
WDD: ورافي ، كيف تبدأ؟
ر ب: حسنًا ، لقد جئت من خلفية المبيعات والتسويق ، ومن البيع بالتجزئة عبر الإنترنت وأشياء من هذا القبيل ، وكنت في الواقع أصدقاء مع بعض الأشخاص الذين عملوا في ZURB ، وسأكون في المكتب ، وساعدهم كثيرًا.
وقد أخبرنا رئيس العمل أنه كان يسعى إلى تنمية مؤسسة ، والبحث عن شخص مكرس لمجتمع المؤسسة. لكنني لم أتطرق إلى HTML و CSS قبل ذلك في حياتي ، حتى سمعت منذ ثلاث سنوات ، لذلك كان علي أن أتعلم التأسيس في حوالي شهر ، ومن ثم خضع للاختبار وتمرير ذلك للتعاقد في ZURB.
هذا نوع من حيث بدأت ، فعلت ذلك ، وفعلت بشكل جيد حقا ، وعلى الفور ألقيت في مزيج من البق إصلاح في GitHub ، وهو مجنون.
WDD: لا بد لي من القول ، يا رفاق محظوظين قليلا لتلقي التدريب الفعلي. لقد تعلمت ذاتي ، والسبب الوحيد الذي جعلني أستمر في الذهاب هو أنني لم أكن أعرف أنني أمتص.
KB: أوه نعم ، أنا أعرف ، تعلمت في الصناعة. درست الفيزياء في المدرسة. أعتقد ، في الواقع ، إذا نظرت إلى ZURBians الذين يقومون بالتعريف ، فنحن على الأرجح 80٪ من علماء النفس في شكل أو آخر.
WDD: هذا رائع حقًا. لقد تحدثت بالفعل عن كيفية دخولك للعمل في ZURB ، وهذا مثير للاهتمام. كيف تم تعيينك لمؤسسة على وجه التحديد؟ هل كنت وضعت مباشرة على هذا المشروع عندما بدأت ، أو كنت تفعل أشياء أخرى أولا أو ...
KB: جاء رافي مباشرة إلى المؤسسة. جئت كقيادة هندسية في ZURB وبدأت نوعًا ما في استيعاب المزيد والمزيد من المشاريع ، ونوعًا من مشاريع رائدة مختلفة. وصلت إلى نقطة حيث تقود إحدى مؤسستنا السابقة إلى الانتقال إلى شيء آخر ، وكنت أبحث في كل هذه المشاريع ، قائلاً: "حسناً ، هذه كلها جيدة وجيدة ، لكن ما الذي يضخني بالفعل ، يجعلني متحمسًا أعمل على التأسيس والتفاعل مع مجتمعه. "
لذلك تحدثت مع الناس في ZURB ، وتحدثت مع الرجل الذي تحدث إلى الجميع ، كنت مثل ، "أنا أفعل كل هذه الأشياء ، ولكن في الحقيقة ما أريد القيام به هو مؤسسة". وقال لي ، "عظيم! تذهب تفعل!"
WDD: حسنا ، كيفين ، متى أدركت لأول مرة أن هذه المؤسسة ستكون صفقة كبيرة ، متى حصلت على هذا الشعور الأول؟
كيلوبايت: إذن ، في الوقت الذي دخلت فيه المؤسسة ، ذكرتُ أنني دخلت إلى الإنترنت ، ما هو ، قبل ثماني سنوات الآن ، لكنني كنت في ZURB سنة واحدة فقط. لذا ، في الوقت الذي دخلت فيه المؤسسة حقًا ، كانت صفقة كبيرة بالفعل. بالنسبة لي ، أعتقد على نطاق واسع أن الأطر - المؤسسة و Bootstrap - كانت نوعًا ما ... اكتشافها كان ضخمًا بالنسبة لي. ولأنني عندما بدأت في القيام بأشياء على شبكة الإنترنت ، كان لدي نظام شبكي ، مثل 960 ، كان ابتكارًا ضخمًا. ثم كل من سو ...
WDD [مقاطعا بوقاحة ، Ezequiel's آسف جدا]: أنا أعلم!
كيلوبايت: أكثر من مجرد شبكة أساسية ، شيء يمكنك ضبطه ، شيء مستجيب ، مثل ، يا إلهي هذا أمر لا يصدق. وهكذا ، ومن خلفيتي تطويرية ، انتقلت تدريجياً أكثر إلى الواجهة الأمامية ، بعد أن حصلت على هذا النوع من الموارد ، كان بإمكاني أن أرى ذلك ضخمًا حتى قبل أن يصبح ضخمًا.
كل يوم نحن نكتشف شركات جديدة تم استخدام مؤسسة لبضع سنوات ، ومن المدهش أن نرى
ر ب: لقد كانت المؤسسة ، في الوقت الذي بدأت فيه منذ ثلاث سنوات ، ضخمة بالفعل في عالم تطوير الويب. إذا كنت تقوم بتطوير الويب ، فمن المحتمل أنك كنت على دراية بـ Foundation و Bootstrap ، ومن ثم لم تكن هناك الكثير من الأطر الأخرى في ذلك الوقت. ربما كانت Semantic علامة تجارية جديدة ، لكن هذا ليس إطارًا كاملًا ، لذلك لم يكن هناك الكثير. لذلك كانت مؤسسة ضخمة بالفعل.
ما حدث ، عندما بدأت العمل في مؤسسة ، بدأت بإدراك كيف يتم بناء العديد من العلامات التجارية والمواقع المختلفة على أساس المؤسسة ، وكان ذلك حقا بالنسبة لي. لذلك نحن نكتشف كل يوم الشركات الجديدة التي تستخدم مؤسسة لبضع سنوات ، ومن المدهش رؤيتها. تحقق من صفحة العلامات التجارية الخاصة بنا ويمكنك رؤية جميع المئات من العلامات التجارية الضخمة الموجودة هناك ، وربما هناك آلاف أخرى لا نعرفها حتى.
كيلوبايت: نعم ، إنها لا تزال تنطلق في بعض الأحيان ، وألعب قليلا على ما يقوله رافي ، مثلما تذهب إلى الأعشاب ، وأنت تقوم بالعمل ، صحيح ، ثم تراجع ...
مثل ، أنا معجب كبير بالرياضة ... NBA.com قام مؤخرًا بإعادة إطلاق. موقعها الجديد بالكامل مبني على الأساس. وبالطبع أذهب وألقي نظرة على الموقع ، وأنا مثل "أوه ، هناك خلل ، وهناك خلل ..." ، وما زلت في الأعشاب. ثم أعود وأرى ، "ما الذي أتحدث عنه؟ هذا هو دوري الرياضة المفضل لدي ، وهي مبنية على المنتج الذي عملت عليه. هذا أمر لا يصدق!"
WDD: [ضحك] هذا يجب أن يكون شعورًا رائعًا . وفي الوقت نفسه ، لقد طورت لمعرفة متى يتم بناء أي موقع على Bootstrap. إنها ليست قوة عظمى كنت أريدها عندما كنت طفلاً ، ولكن هذا ما لدي.
كيلوبايت: نفد لا يتطلب قوة عظمى ضخمة ، نظرا للنهج الذي اختاروا اتخاذها. أنت تعرف ، هذه واحدة من الأشياء التي تحدثنا عنها كثيرًا مع مؤسسة. من الواضح أن Bootstrap لديها جمهور أكبر في هذا الوقت ، وأحد أسباب وجودها هو أن لديهم رأي بصري قوي من هذا المربع ، مما يعني أن شخصًا ليس لديه فكرة عما يريد أن يبدو عليه شيء ... يمكن توصيله ، وسوف تبدو لائقة. سيبدو مثل Bootstrap ، لكنه سيبدو لائقة.
WDD: هذا صحيح. هذا النوع من الوظائف الجاهزة هو في الواقع جزء كبير من الويب اليوم. قوالب ومواضيع لا تسير في أي مكان. لا تذهب الأطر إلى أي مكان ، وسيحتاج الناس دائمًا إلى طريقة أسهل لإنجاز شيء ما ، وأسرع ... وهذا هو السبب وراء كون المؤسسة وأطر العمل الأخرى جزءًا كبيرًا من الويب.
كيف ترى مؤسسة المضي قدما؟
كيلوبايت: هذا سؤال عظيم ، وهو شيء أقضيه في الكثير من وقتي في التفكير. يمكنني أن أقدم لك فترة قصيرة ، متوسطة المدى ، وجواب طويل المدى لذلك. أعتقد. على المدى القصير ، نجد أن أحد الأماكن التي نراها يجب أن نحصل عليها بشكل أفضل ، هو ما كان موجودًا في السابق.
إن جوهر المؤسسة قابل للتخصيص بشكل كبير ، كونها مجرد: مؤسسة يمكنك البناء عليها بحيث لا يبدو كل موقع مؤسسة على حد سواء. ومع ذلك ، فهناك جمهور كبير من الأشخاص الذين يحتاجون إلى شيء أكثر تشويقًا من البداية.
وعلى الرغم من أن ذلك ممكن في الوقت الحالي ، إلا أن ذلك ليس سهلاً في المؤسسة كما ينبغي ، وهذا هو التركيز الكبير لنا خلال المرحلة المقبلة ... وأود أن أقول ذلك من ثلاثة إلى ستة أشهر. مما يجعل الأمر أسهل بكثير للناس الذين يأتون من خلفية تصميم لخلق شيء يمكن للأشخاص الذين لا يملكون خلفية في التصميم أن يسقطوا ويستخدموا في كل مكان.
WDD: حسنا ، لذلك ، مواضيع الطفل ، في الأساس.
KB: أساسا ، نعم. هناك بعض الاختلافات المختلفة التي نبحث عنها عن طرق للقيام بذلك. لأن أحد الأشياء ، كما قلت ، هو نوع من اللب الأساسي للمؤسسة ، هذه الفكرة هي أنه لن يحدث أبداً ، فنحن دائماً سنضع جمهور التصميم أولاً.
مثل ، الجميع يبنون مواقع مستجيبة الآن ، لكنهم يسيرون في طريقهم ، كثير منهم يذهبون. مثل ، هناك عدد قليل من الأنماط التي استوعبها الأشخاص ، مثل رمز الهامبرغر ، والقائمة خارج النسيج ، وكل هذه الأشياء ، والجميع عالقون في هذا الشيء
ZURB هي شركة تصميم ، وهذا هو المكان الذي نأتي منه ، لذلك ومع ذلك ينتهي بنا الأمر إلى تطبيقه ، فإنه لا يمكن أن يضحي بهذه القدرة على تنفيذ هويتك البصرية ورؤيتك. ولكننا نعتقد أنه يمكننا أن نجعل الأمر أسهل بكثير من مجرد وضع الأشياء ووضع الأشياء في المكان الذي تريده.
إذن هذا مجال واحد. إن هناك مجالًا آخرًا ضخمًا نتطلع إليه على المدى المتوسط إلى المدى الطويل وهو يحاول بالفعل مواصلة دفع فكرة الاستجابة هذه إلى الأمام. لطالما كانت مؤسسة كيندا على الحافة الأمامية لذلك ، كنا إطار العمل الأول للهاتف المحمول أولاً ، حيث وضعنا مجموعة كاملة من الأشياء المتحركة المختلفة ، وبدأنا نرى هذه الفكرة الأساسية للاستجابة قد فازت.
مثل ، الجميع يبنون مواقع مستجيبة الآن ، لكنهم يسيرون في طريقهم ، كثير منهم يذهبون. مثل ، هناك عدد قليل من الأنماط التي استوعبها الأشخاص ، مثل وجود رمز هامبرغر ، وقائمة الطعام غير المنسقة ، وكل هذه الأشياء ، والجميع عالقون في هذا الشيء. "حسنًا ، سأقوم بتكديس المحتوى على الجوّال ، وفعل ذلك ، وهذا ، والآخر".
لكننا نعتقد أنه ، خاصة عندما أصبحت الأجهزة المحمولة أكثر قوة ، وأصبحت أكثر إنتاجًا ، فهناك مجموعة كاملة من الاحتمالات التي لا يمكن لعبها إلا في الوقت الحالي. غالبًا ما يبدو موقع الويب المتجاوب في كثير من الأحيان وكأنه شيء مذهل على سطح المكتب ويعمل بشكل جيد على الجوّال ، أو إنه أمر رائع على الجوّال ويعمل جيدًا على سطح المكتب.
ونحن نعتقد أن هذا غير ضروري. يجب أن تكون قادرًا على الحصول على شيء مدهش على الجوّال ، مذهل على الجهاز اللوحي ، من المدهش إذا وضعت الشيء على التلفزيون ، من المدهش إذا كنت تتفاعل معه عبر قارئ الشاشة ، بحيث يكون كل هذا مختلفًا الأشياء ليست مجرد نوع من المحاسبة ، ولكن في الواقع الأمثل ، إذا كان ذلك منطقيًا.
WDD: هذا منطقي. في الواقع ، كنت أفكر في هذا كما كنت تتحدث ، لأنني لاحظت أن الكثير من المواقع قد تبنت عقلية الهاتف المحمول أولاً ، مع التركيز بشكل أكبر على الهاتف المحمول مقارنة بالأحجام الأكبر للشاشة. الآن ، هذا عادل لأن الهاتف المحمول ضخم ، متحرك في كل مكان ، كل شخص لديه هاتف محمول سواء كان لديه سطح مكتب أو كمبيوتر محمول. لديهم هواتف محمولة في أماكن لا يمكنهم حتى الحصول على الطاقة لسطح المكتب.
ومع ذلك ، تزداد الشاشات في الأماكن الأكثر تطوراً ، وبالطبع أكثر كثافة ، بقدر ما تذهب البيكسلات ، وبالإضافة إلى ذلك ، فنحن نحصل على 4K أجهزة تلفزيون ، وشاشات 4K ، والأسعار تنخفض ببطء شديد ، وماذا أقوم به. لقد لاحظت أن الكثير من مصممي الويب لا يمثلون أحجام الشاشات الأكبر. هذه الشاشات التي تحصل على ضخمة للغاية. وليس لديك الخيار فقط لتصميم النافذة الأصغر على التلفزيون ، مثل التلفزيون الذكي ، أو باستخدام Xbox ...
إنني أشعر بالفضول بعض الشيء ، لأن الجميع يريد تخصيصه للهاتف المحمول ، وهذا أمر جيد ، ولكن ما الذي ستفعله فيما يتعلق بمساعدة المستخدمين على تحسين الشاشات الكبيرة؟
كيلوبايت: هذا شيء يتصارع معه العالم على نطاق واسع ، وهنا أقول أن دوري ليس كديكتاتور ، بل هو بمثابة تركيبة. لذا ، كان عدد من المصممين لدينا مؤخرًا في مشروع كان يركز على الشاشات الكبيرة. تبين أن بعض الأشياء التي لدينا بالفعل في المؤسسة تمكّنك من القيام بأشياء كهذه ، لأنه يمكنك تخصيص مجموعتك من نقاط الاستراحة ، يمكنك إضافة نقطة فاصل إضافية كبيرة. يمكنك أن تفعل مجموعة من الأشياء لذلك بالفعل.
لكن الناس لا يدركون ذلك حقًا ، فهم لا يدركون هذه الخيارات ، لذا فإن الكثير مما نريد فعله هناك هو ببساطة نشر أفضل الممارسات لاستهداف تلك الأشياء. الإطار ، من الناحية المفاهيمية يعمل هناك. غالبًا ما يتخذ الأشخاص نقاط الاستراحة التي يخرجونها من الصندوق ، ولا يفكرون ، "حسنًا ، انتظر ، هل ينطبق هذا على جمهوري تمامًا؟ ما الذي يعمل عليه هؤلاء الناس؟ ".
شيء ما نرى الحاجة إليه ، ونعمل بنشاط هو تعليم أفضل حول ما هو موجود وكيف تستخدمه.
ر ب: داخل الإطار ، هناك ، كما ذكرت ، خلطات. لدينا بالفعل نقطة توقف إضافية كبيرة ، ويمكنك إضافة المزيد. ثم هناك أيضًا استعلامات الوسائط لنسبة البكسل وأشياء أخرى من هذا القبيل. أعتقد أن ما نحتاجه هو ... نعم ، المزيد من أفضل الممارسات ، المزيد من التعليم حول كيفية التعامل مع تلك المواقف.
كيلوبايت: بعض الأشياء الإضافية التي لدينا في خط الأنابيب ، في الواقع شيء كنت ألعب به حتى هذه المكالمة ، هو شيء يساعد على جميع أحجام الشاشات: الذهاب إلى المزيد من الرسومات المتجهية ، والقدرة على فعل المزيد من الأشياء مع ثلاثة أبعاد.
WDD: SVG. نحن جميعا في انتظار "عام SVG".
كيلوبايت: "عام SVG" ، لدينا بعض الأشياء الممتعة في الأنبوب في محاولة لتحقيق ذلك ، لذا أعتقد أن الناس لا يدركون دائمًا مدى قوة SVG. إذا كنت تدمج هذه الأشياء ، فبإمكانك فجأة تصميمها باستخدام CSS ، يمكنك التعامل معها باستخدام جافا سكريبت ، بالإضافة إلى أنها تبدو جميلة على جميع أحجام الشاشات من خارج الصندوق. إذن هذه الفكرة عن الصور المتجاوبة هي شيء نشعر بالحماس تجاهه. الأشياء التي ربما ليست مستجيبة فقط من حيث أنها تتنامى بكثافة البكسل ، والمقاييس بالحجم ، ولكن ربما تغير أيضًا الميزات المرئية في الصورة بناءً على حجم الشاشة.
هناك كل أنواع الاحتمالات المثيرة للاهتمام هناك. أعتقد أن ما يفتقر إليه الآن ليس هو قدرة SVG ، بل على الأدوات. وهذا شيء يمكننا أن نساعده في ZURB في التقدم للأمام: الأدوات لتسهيل ذلك.
يمكنني الدخول في مزيد من التفاصيل ، ولكننا سنفعل ذلك قريبًا.
WDD: أنا آسف ، لقد أدركت للتو أنني لم أفكر أبدًا في إمكانية وجود صورة SVG مضمنة ، يمكنك إسقاط كائنات من الصورة استنادًا إلى حجم الشاشة. هذا في الواقع نوع ضخم.
KB: إنه لأمر مدهش ، إنه أمر لا يصدق ، ولا أحد يفعل ذلك. إنهم لا يفكرون في الأمر ، لأن هذه الأشياء مقفلة في الداخل ، "أوه ، إنه أصل سوف أحمِله." لكن لا ، هذه الأشياء هي وثائق. يمكنك فعل كل ما تريده
WDD: إنها مستندات ديناميكية ، وقابلة للتغيير ، وقابلة للطرق مثل HTML نفسها. هذا شيء مهم يجب تذكره. السؤال الثاني - الأخير في هذا القسم هو: ما هو الجزء المفضل لديك حول الإطار كما هو الآن؟ هل هناك أي مكونات محددة تفكر فيها بشكل مفضل لديك ، أو ربما كنت قد عملت عليها لذلك فهو طفلك؟
ك ب: لقد وقعت مؤخرا في حب القوائم المتجاوبة ، و ذكرت أنني لم أكن في المشروع لفترة طويلة. هذا هو برنامج مكثف جدا. لقد كنت أعمل على المشروع ستة أو ثمانية أشهر ، لذا أستمر في اكتشاف أشياء جديدة. قوائم مستجيبة قوية حقا.
المفهوم الأساسي هو أن نوع القائمة التي قد تستخدمها لإجراء التنقل الخاص بك يختلف كثيرًا حسب الجهاز. على سبيل المثال ، فإن نمط القائمة المنسدلة ، وهو ما كان في أطر عمل مثل Bootstrap و Foundation لفترة طويلة ، قوي للغاية على سطح المكتب وغالبًا ما يكون غير قابل للاستخدام على الجوّال ، خاصةً إذا كان لديك طبقات متداخلة ذلك. ومع ذلك ، هناك بعض القوائم التي تعمل بشكل مثالي على الجوّال ، على سبيل المثال قائمة انتقائية. iOS شعبية هذا. قدموا لنا هذه الفكرة عن قائمة انتقالية حيث تنقر على شيء وتنزلق على [القائمة الفرعية] ، ثم تنتقل إلى المكان الذي تريد الذهاب إليه.
تدعم المؤسسة كلا هذين ، والطريقة التي تستخدمها هي بالفعل استخدام نفس الترميز ، ولكن مع اختلاف بسيط في سمات البيانات لجافا سكريبت. ما يُمكِّن ذلك هو قائمة مستجيبة تتصرف كقاعدة منسدلة عندما تكون في نقطة فاصل واحدة ، وتنتقل إلى التمرير عندما تكون في نقطة فاصل أخرى. لذلك ، لديك نفس الترميز نفسه ، فأنت تخبره ، "مرحبًا ، هذا مستجيب" ، للتنقيب على [شاشات] صغيرة ، للتنزيل على [شاشات] كبيرة ، وأنها تعمل فقط.
WDD: أود بالتأكيد أن أرى أكثر من ذلك ، لأن بصراحة ، على سبيل المثال ، القوائم المنسدلة حيث تختار بلدك أو منطقتك غير قابلة للاستخدام على سطح المكتب ، وأكثر من ذلك بكثير على الهاتف المحمول. أي قائمة منسدلة تحتوي على مائتين أو أكثر من المداخلات أمر سخيف.
KB: نعم ، مائة في المئة.
WDD: ينبغي أن تكون هذه التدريبات بشكل افتراضي. لكن على أي حال ، ماذا عنك يا رافي؟ هل هناك أي شيء تحبه؟
ر ب: نعم ، في المشاريع الأخيرة ، قمنا فقط بلقاء على شبكة Flexbox ، وأنا حقاً معجب بشبكة Flexbox. Just Flexbox بشكل عام ... إذا بدأت بتعلم بعض الخصائص ، فلن يكون من الصعب تعلمها ، كما أنها قوية للغاية ، وتتحسن حقًا عبر شبكة عائمة قياسية. لذا إذا كان مشروعك يمكن أن يسمح له بالتأكيد - IE10 وأعلى هو التقييد - لذلك ، إذا كان مشروعك يسمح بذلك ، سأقوم بالتأكيد بالتحقق من شبكة Flexbox. الآن ، إنه الشيء المفضل لدي.
WDD: حسنا ، والسؤال الأخير في هذا القسم هو ، حسنا أنها ليست مسألة ... أفتقد أوربيت ، يا شباب. أنا افعل. أدرك أن أشرطة التمرير والعربات الدوارة ليست أفضل UX ، لكن في بعض الأحيان تحتاج فقط إلى عميل أو العميل يطلب واحدًا ، وأفتقد Orbit.
KB: هل تعلم أنه في ستة؟
ر ب: أعادوه .
WDD: وضعوا إعادته؟
كيلوبايت: لقد عادت في الأساس 6.
WDD: لم أكن في الواقع ... نجاح باهر ، لقد خرجت من الحلقة.
كيلوبايت: لذا ، فإن القصة الخلفية في ذلك ، في مؤسسة 5 ، وصلنا إلى نقطة مع Orbit حيث أصبح قليلا ثقيلة جدا ، وصعب جدا للحفاظ على كمشروع مفتوح المصدر. كنا نحاول القيام بأشياء كثيرة. كان يحاول أن يكون كل شيء. لذا عندما أعادنا تثبيته لـ Foundation 6 ، قررنا أننا نريد مجموعة بسيطة من الميزات ، كل الترميز الموجود على الصفحة عند التحميل ، بدلاً من إضافة JS بشكل ديناميكي إلى تلك الأشياء. وبوصفه شيئًا بسيطًا للنماذج الأولية أو حتى دائريًا بسيطًا للإنتاج ، فإنه يعمل بشكل رائع.
إذا كنت تبحث عن شيء أكثر غنى بالميزات ، مثل القدرة على تغيير عدد الشرائح لكل نقطة فاصل ، أو كم عدد الشرائح التي تنتقل إليها مرة واحدة ، فربما تريد أن يكون لديك ثلاثة على الصفحة ثم تنقل واحدة في كل مرة ، هناك دوارات أخرى هناك لذلك استخدمناها في مشاريعنا. مثل بومة أو بقعة دائري .
RB: لقد عاد إلى كونه أكثر من عنصر "مؤسسي" ، وليس محاولة القيام بكل شيء ، في كل مكان ، ولكن كونه شيئًا يركز على الحصول على الأساسيات الصحيحة ، ويتيح لك تخصيصها إلى شيء أكثر من ذلك بكثير. هذه هي الفلسفة التي حاولت المؤسسة القيام بها على طول الطريق ، لكنها فقدت طريقها في بعض الأحيان.
إنه شيء قمنا بالتأكيد بإعادة التركيز عليه: التأكد من أن الأشياء التي نقدمها لا تحاول القيام بكل شيء. إنها مؤسسية ، وهي قابلة للتوسعة. فنحن نجعلهم يتفاعلون معهم ، ويمكنك توسيعهم ، ويمكنك فعل كل هذه الأشياء ، لكنهم لا يقومون بالضرورة بكل ما تريده من خارج الصندوق.
واحدة من القطع التي تحدثنا عنها ، في القدرة على إسقاط المواضيع ، أو مواضيع الطفل ، أو شيء من هذا القبيل ... جزء آخر من ذلك هو أن تكون قادرة على إسقاط هذا المفهوم لبنات البناء. شخص ما أخذ مجموعة من القطع وسلكها معًا وإضافة مجموعة من السلوكيات في الأعلى وجعلها أسهل في التوصيل والتشغيل.
WDD: أوه ، مثل الوحدات النمطية ، أو المكونات الإضافية ، مثل الإضافات jQuery ولكن ل ... حسنا واو التي يمكن أن تكون في الواقع ضخمة جدا. خاصة إذا كان الناس يتفحصونهم من أجل التوافق والقدرة على إسقاطهم بسهولة. أحد الأشياء التي واجهتني مشكلة في الماضي كان الجمع بين الموارد من أماكن مختلفة. يستخدم الناس أحيانًا أسماء متشابهة مماثلة والتي تفسد كل شيء. أو CSS مجرد غير متوافق لأن ... الأسباب ، لأن المتصفحات .
كيلوبايت: هذه مشكلة حقيقية ، وهذا هو السبب في أني أتطلع إلى مديري الحزم الموجودون هناك ... إنهم ليسوا مصممين بالفعل من أجل ترميز الشحن و CSS بشكل جيد.
WDD: هم ليسوا كذلك.
KB: لذلك هذه ليست مشكلة حلها بالكامل. نحن نبحث عن طرق مختلفة يمكننا القيام بها ، ولكن أحد الأشياء التي نفكر بها هو التأكد من أنك تستخدم وتستفيد من نفس متغيرات SASS الأساسية لبقية إطار العمل بحيث إذا كنت إعادة شيء في ، يأخذ على موضوعك أو الأنماط الخاصة بك على الفور.
WDD: حسنا هذا يبدو وكأنه فكرة رائعة. لطالما أعجبني مديرو الحزم ، ولكنني أكون صادقًا تمامًا ، إذا توصلت إلى حل يسمح لي بسحب الملفات من ملف .zip إلى مجلد مشروعي ، ويعمل فقط ، أنا. ما زلت نوعًا يدويًا من الأشخاص عندما يتعلق الأمر بـ HTML و CSS. أنا لا أستعمل الكثير من مديري الحزم.
أدرك أنهم المستقبل ، نعم ، لكنني أبني أشياء صغيرة ، وكان ذلك شيئًا آخر كنت أقوله عن Orbit: لا أحتاج إلى شيء مليء بالعديد من الميزات ، معظم الوقت ، عندما كنت بحاجة إلى دائري ، أنا فقط بحاجة إلى نقل الصور من اليمين إلى اليسار. هذا كل ما احتاجه
ك ب: جربها في الأساس 6 ، هناك. إذا كان هناك شيء لا يعمل بالطريقة التي تريدها ، فقم بتقديم خطأ ، وسنرى عن إصلاحه.
ر ب: هناك تحسن رائع على أوربت. إنه مدمج في Motion UI ، لذا يمكنك تغيير الرسوم المتحركة في HTML. لذا إذا كنت تريد أن تتلاشى أو تريد شريحة ، أو تريد أن تنزلق بها ، أو تدور فيها ، أو أي رسوم متحركة مجنونة ... كل شيء مدمن مخدرات هناك.
WDD: هذا رائع بالتأكيد. أخيرًا ، ليس أقلها ، وللمتعة فقط: كيف تكون علاقتك بالإطار غير مسمى ؟
حقيقة غير معروفة: مخترعو Bootstrap كانوا بالفعل يعملون في ZURB
كيلوبايت: حقيقة غير معروفة: مخترعي Bootstrap يستخدمون بالفعل للعمل في ZURB.
WDD: حقا؟!
KB: نعم. أعتقد أن مارك أوتو مصمم هنا. لذا فإن الشيء الذي قد لا يكون معروفًا هو أن الأساس و Bootstrap يأتيان في الواقع من نفس التكوين. هذان هما إطاران استلهمهما ما يقوم به ZURB لعملائنا. لقد أنشأنا دلائل أسلوب HTML و CSS ، وأردنا تنظيم ذلك قليلاً ، لذلك كان الإصدار الأول المفتوح من المؤسسة الإصدار 2. وكان الإصدار 1 داخليًا.
حتى Bootstrap ومؤسسة تأتي من نفس الجذور. من الواضح أنهم اختاروا مسارات مختلفة من حيث ما يقومون بتحسينه ، وكان Bootstrap ناجحًا إلى حد كبير مع جمهور المطورين. كانت المؤسسة ، ولا تزال تحظى بشعبية أكبر لدى جمهور المصمم ، لأنها لا تمارس هذا الرأي البصري الثقيل هناك.
WDD: هذا منطقي.
KB: للعب أكثر من ذلك بقليل ، من الواضح أن هناك منافسة ودية مستمرة.
WDD: وبطبيعة الحال.
KB: وأعتقد أننا بحاجة إلى التحدث إلى أشخاص مختلفين. أتحدث إلى العديد من الأشخاص المختلفين عن المؤسسة ، من الواضح ، والرسالة التي يبدو أننا نحصل عليها ، خاصة من كبار الشخصيات ، هي: "أنا أحب المؤسسة بشكل أفضل ، إنها أكثر قوة. نحن نستخدم Bootstrap على أي حال ، لأن كل ما لدي من صغار المبتدئين يعرفون ذلك. "هذا مقنع. يخبرنا ما نحتاج إلى العمل عليه ، أليس كذلك؟ أحد أكبر الأشياء التي نحتاج إلى العمل عليها هو أننا نكسب المعركة الوظيفية ، فنحن نربح المعركة المميزة ، نحتاج إلى كسب المعركة.
نحن بحاجة إلى تحسين قدرتنا على ... الناس لاختيار هذا واللعب معها من خارج منطقة الجزاء. 'السبب إذا كان كل كبار الناس يفضلونه ، وكل المصممين يحبونه بشكل أفضل ... نعم من الواضح أنه يجب علينا الاستمرار في الدفع ، ذكرنا أن هناك أماكن مثل SVG ، يمكننا دعم صنع 2017 عام SVG ، يمكن أن تساعد المؤسسة على جعل هذا يحدث.
هناك قطع أخرى ، شبكة CSS ، وهناك تقنيات أخرى يمكننا القيام بها الدور الذي لعبناه دائما للمساعدة في دفع الويب إلى الأمام. ولكننا نحتاج أيضًا إلى التركيز على كيفية دعم جمهور المبتدئين الذي يعد ضخمًا. كيف نجلب الناس ونساعدهم على التعلم؟
يعمل العالم والإنترنت بشكل أفضل مع المنافسين. كانت حروب المتصفح راكدة إلى أن وصلت Google إلى جانب Chrome ورأينا ابتكارًا مذهلاً. أعتقد أننا بحاجة إلى مواصلة البحث في Bootstrap ، يجب أن يظل Bootstrap ينظر إلينا ...
ر ب: هم.
كيلوبايت: إنهم يعرفون ذلك ، ونحن ننظر إليهم ، وأعتقد أننا نستطيع أن نتخذ أفضل الأفكار من بعضها البعض ، ونواصل دفع الويب إلى الأمام.
WDD: حسنا فقط تأكد من أنك سرقة تايلر تيت قبل أن يفعلوا. لا أعرف ما إذا كنت معتادًا على عمله. لقد أعاد شبكة CSS بحجم 1 كيلوبايت في اليوم ، في أيام 960.gs ، كما قام أيضًا بـ semantic.gs. لقد كانت واحدة من أطر العمل الشبكية القائمة على LESS المفضلة ، كذلك ... مثل مولد الشبكة ، لفترة طويلة. على محمل الجد ، سرقة هذا الرجل.
KB: طيب ، اسمحوا لي أن أجده. أوه نعم ، إنه محلي.
ر ب: هذا رائع.
كيلوبايت: تايلر ، إذا كنت تشاهد هذا ، دعونا نفعل القهوة. أرى أنك في القهوة ، من موقع الويب الخاص بك. تصميم ، رمز ، قهوة. دعونا نفعل القهوة ، يا علاج.
WDD: طيب ، على محمل الجد ، أيها السيدات والسادة ، يتم جلب هذه الحلقة لكم من الكافيين والكثير والكثير من الكافيين. اختر علامتك التجارية ، لأن لا أحد يدفع لي مقابل ذلك. لذا ، على السؤالين المرحلين: هل لديك رفاق على تويتر على لوحة سهام في مكان ما في المكتب ، وإذا لم يكن كذلك ، فلماذا لا؟
[بعض يضحك قليلا غير مريح منهم. أكثر ضحكة حقيقية من لي.]
KB: أنا في الواقع مروحة تويتر كبيرة.
WDD: آه الرتق ذلك. أنا أمزح فقط و هل لديك على الأقل حرب Nerf مع فريق ديف Bootstrap. مرة أخرى ، إذا لم يكن كذلك ، فلماذا لا؟ الحصول على هذا. تحتاج إلى الفيديو هذا.
ر ب: أعتقد أن هذه فكرة رائعة.
KB: قد يكون ذلك ممتعًا. ربما الألوان.
ر ب: لدينا بعض الخدامات الميتة هنا.
WDD: حسنا ، يمكننا أن نجعل هذا المسؤول؟ هل ترغب في استدعاء فريق Bootstrap dev؟ تحديهم لحرب كرات الطلاء؟
كيلوبايت: حرب كرات الطلاء ، فريق ديف Bootstrap. مارك ، لدينا رقمك
ر ب: لدينا الكثير من الناس ، أنا dunno ...
WDD: شكرًا لكما على وقتك ، ويسعدني جدًا أن أتمكن من التحدث إليك ، على هذا النحو . هل هناك أي شيء آخر تود قوله لقرائنا / مستمعينا قبل أن نذهب؟
كيلوبايت: هناك الكثير من الأشياء المدهشة التي تحدث في المؤسسة. الإصدار 6.3 يخرج في غضون أسبوعين فقط ، وسيعمل على ابتكار المزيد على الأساس والاستجابة ، لذا تحقق من ذلك بالتأكيد. أود أن أقول إذا كنت ترغب في مواكبة كل شيء ، تحقق من foundation.zurb.com/learn/foundation-insider.html ، ويمكنك الحصول على قائمتنا البريدية.
ر ب: الشيء الآخر الذي أريد أن أخبرك به هو ألا تتردد في المشاركة. لدينا جميع أنواع القضايا المختلفة في مستويات مختلفة من الصعوبة. يبدو الأمر وكأنه أمر مهم للمس الإطار ، ولكن إذا كنت تريد البدء في المشاركة كمساهم ، فقم بالتأكد من ذلك. بينغ واحد منا ، نسأل ، "ما هو الشيء الذي يمكنني العمل عليه؟"
سنوجهك في الاتجاه الصحيح ، وسنوجهك إلى مكان الملف الذي قد ترغب في تعديله. سنجعلك تبدأ وتذهب. هذا هو مشروع المجتمع. نحن فخورون للغاية بحقيقة أن لدينا أكثر من 800 مساهم في تاريخ المشروع ، ونريد أن نشارككم.
WDD: حسنا ، شكرا جزيلا لك ، ونراكم في كل مكان.
KB & RB: شكرًا!
WDD: هذا هو Ezequiel بروني لموقع الويب مصمم التوقيع على الخروج.