لم تكن مواقع الإنترنت في التسعينات نفسها التي نراها اليوم، فالمواقع كانت عبارة عن صفحات تحتوي نصوص وصور مرتبطة بصفحات أخرى ، أما مواقع اليوم اختلفت بشكل كبير فالمواقع اليوم أشبه بصالات عرض للمنتجات والأمر أشبه بمقارنة عربة تنتقل بالدفع مع سيارة تسلا، كلاهما تملكان أربعة إطارات وتسيران على الطريق، لكن الإمكانيات التي تقدمها كل منهما مختلفة كليا، فالمواقع لم تعد تقتصر على عرض المحتوى بل أصبحت قابلة للتفاعل والتخصيص وتقديم خدمات أكثر.
ولذلك كان على مطوري الويب مواكبة هذه التطورات، ومن أبرز القضايا التي دفعت مجتمع تطوير الويب هو تنسيق المحتوى، فلا يكفي أن يكون لدي محتوى مهم للعملاء بل يجب عرضه بطريقة تليق بهم أيضا.
كانت البدايات بتقسيم مساحة الصفحة عن طريق الجداول،ثم انتقلت للإطارات ،ظهرت بعدئذ خرائط الصور، ثم ظهرت الحاويات div التي تقسم الصفحة لأقسام منطقية وحلت بديلا عن الجداول.
إلى أن جاء تخطيط جديد يعتمد على العناصر العائمة Float ، وبعد ظهور أجهزة الجوال الذكية وظهور الحاجة للمواقع المتجاوبة مع مختلف أجهزة العرض ؛ مما أدى لنشوء استعلامات الوسائط Media Queries، وبعد ذلك ظهرت تقنية Flexbox التي تتعامل مع العناصر ضمن بعد واحد عمودي أو أفقي، مما مهد لظهور التقنية التي تتعامل مع العناصر ضمن بعدين في وقت واحد وهي تقنية الشبكة Grid التي سنتناولها في هذا الكتاب.
محتويات الكتاب:
الوحدة الأولى : مصطلحات تخطيط Grid
- مفهوم تخطيط Grid
- حاوية الشبكة
- المسارات
- الخطوط
- الخلايا
- المناطق
- الفواصل
- عناصر الشبكة
الوحدة الثاني: ضبط حاوية الشبكة
- إنشاء الشبكة
- التحكم بالتموضع
الوحدة الثالثة: ضبط عناصر الشبكة
- ضبط الموقع
- ضبط التمدد
- الخاصيات المختصرة
- ضبط الترتيب
الوحدة الرابعة: خوارزمية التموقع التلقائي
- خوارزمية التموقع التلقائي خوارزمية عنصرية!
- عناصر الموقع الصريح
- العناصر المقفولة مع الاتجاه
- العناصر المتبقية
مؤلف الكتاب هو لورنس أحمد عثمان ، و الكتاب تحت ترخيص المشاع الإبداعي نسب المصنف – غير تجاري 4.0 دولي.
تنزيل الكتاب من هذه الوصلة أو هذه الوصلة.