إذا لم تكتب الكثير من CSS بنفسك ، فقد تفكر في CSS Grid كهذا الشيء راشيل أندرو يبقي tweeting حول. حسنا ، انها نظام جديد كامل للتخطيط ، ويبدو أن Zurb متابعة تغذية لها. لذلك معظم موردي المتصفح.

في وقت كتابة هذه السطور ، يتم دعم CSS Grid في المستعرضات التالية:

  • كروم. ممكّن افتراضيًا منذ الإصدار 57.
  • ثعلب النار. تم تمكينه افتراضيًا منذ الإصدار 53.
  • متصفح الانترنت. تمكين افتراضيا منذ IE10
  • أوبرا. تم تمكينه افتراضيًا منذ الإصدار 44.
  • رحلات السفاري. ممكّن افتراضيًا منذ الإصدار 10.1.

صحيح. حصلت انترنت اكسبلورر هناك أولا. انها دائما محرجا قليلا عندما يحدث ذلك. على أي حال ، تأتي هذه المعلومات من Zurb أنفسهم ، الذين أعلنوا إدراج CSS الشبكة في المؤسسة في حياتهم آخر بلوق وظيفة . لديهم ثلاثة أسباب للتبديل:

انهم يريدون البقاء في الصدارة

جعلت المؤسسة خبزها وزبدها من خلال البقاء خارج تقنيات الويب الناشئة ، وإعطاء مصممي الويب سبباً لاعتمادها. إذا كنت ترغب في دعم المتصفحات القديمة على المدى الطويل ، فهناك إطارات أخرى لذلك. مؤسسة تحب أشياء جديدة ، وكذلك يفعل مستخدموها.

بالنسبة لهم ، فإن هذا النوع من التغيير المبكر إلى حد ما هو العمل كالمعتاد ، بدلاً من الخروج الجذري عن القاعدة.

CSS الشبكة هو أفضل للأشياء تخطيط كبير

على السطح ، يبدو أن Flexbox يلبي نفس احتياجات CSS الشبكة ، والدعم موجود بالفعل هنا. حسنا ، الأمر ليس بهذه البساطة.

على الرغم من أن Flexbox كان بالتأكيد تحسناً في المدرسة القديمة التي كانت تطفو على بعض الأشياء ، إلا أنها لم تكن بدون مراوغاتها. وهو يتيح سهولة أكبر في السماح للمحتوى الخاص بك بتحديد كيفية عرضه. يبدو أن الأشخاص يوافقون على أنه أمر رائع لوضع المحتوى ضمن العناصر الأصغر لصفحة ما.

يبدو أن CSS الشبكة قد تم تصميمها مع تخطيط الصفحة أكبر في الاعتبار. تسهّل عملية إنشاء تخطيطات كبيرة وإدارتها و "responsify" باستخدام خطوط CSS أقل من الخيارات الأخرى. بما أن التخطيطات السهلة هي نوع من الصفقة الكاملة للمؤسسة ، فمن المنطقي أن تقوم بتضمين CSS grid.

يعتقدون أنه يجب علينا التخلص من استعارة الصفحة على أي حال

يبدو أن زرب والعديد من الآخرين يعتقدون أن مفهوم "الصفحة" بأكمله يسير في طريق طائر الدودو ، على الأقل بالنسبة للمصممين والمطورين. يبدو أن CSS Network تعمل بشكل جيد مع أنظمة معيارية تعالج التنسيقات كمجموعة من العناصر القابلة لإعادة الاستخدام بدلاً من صفحة واحدة.

هذه الطريقة في التفكير تحظى بشعبية خاصة مع المطورين والمصممين الذين يعملون على تطبيقات أو مواقع كبيرة جدا أكثر من مواقع كتيب من خمس صفحات. يتضمن زرب. إذهب واستنتج.

يتم تمهيد الطريق إلى الأمام مع اللبنات

هل هذا شيء جيد لشبكة الإنترنت ... نعم أنا لن حتى الانتهاء من ذلك. تغلق CSS Grid وقتًا طويلاً. اعتماد المؤسسة يعني أنه ، في المستقبل المنظور ، رسمي إلى حد كبير: CSS Grid شيء . ومهلا ، قد يستغرق الأمر بعض التعود عليها ، لكني أحبها.

الى جانب ذلك ، Zurb لا يتوقف هناك. وقد أدى اعتماد CSS Grid على زورب إلى مزيد من السير على مسار الشفرة المعيارية. أصدروا للتو مجموعة جديدة من مكونات واجهة المستخدم التي تم ترميزها مسبقًا والتي يتصلون بها اللبنات . لن تكون وحدات البناء جزءًا من مركز التأسيس. انهم التمديدات. قم بتنزيلها ، وقم بإسقاطها في مشروعك ، وانتقل.

حتى الآن ، فهي تتكون من عناصر واجهة المستخدم الفردية التي تم ترميزها بواسطة Zurb - بالإضافة إلى أنماط التعليمات البرمجية التي تم إنشاؤها بواسطة المجتمع - خصيصًا للعمل مع المؤسسة. ثم هناك مجموعات منظمة من Building Blocks تسمى Kits ، والتي تم تصميمها لتسهيل بناء نوع معين من المواقع. هناك مجموعات لمواقع التجارة الإلكترونية ومواقع المحفظة ولوحات تحكم المشرف والمزيد.

قد يتذكر القراء الذين لديهم ذكريات إيديتكية أن رافي بينكوال تحدث عن هذا المفهوم ذاته مقابلتنا معه وكيفين بول. حسنا ، لقد فعلوا ذلك. يبدو أن زرب مصمم على تسهيل الأمر على المصممين للتركيز على اهتمامات وعبارات UX دون القيام بكل عمل النخر بأنفسهم. ودفع الويب إلى الأمام.

يمكنني الحصول على وراء ذلك.