Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. HTML & CSS
Code

أي إطار شبكة CSS يجب عليك استخدامه لتصميم المواقع؟

by
Difficulty:BeginnerLength:LongLanguages:

Arabic (العربية/عربي) translation by Maryam Abbas (you can also view the original English article)

هل تساءلت يومًا عن كيفية إنشاء كل تلك موضوعات"المجلة" الرائعة في WordPress والأنظمة الأساسية الأخرى؟ تم تصميم العديد منها، إن لم يكن كلها، باستخدام إطار شبكة CSS - على الأقل في جوهره إن لم يكن في الواقع الفعلي. بمعنى، يمكنك استخدام إطار CSS موجود أو إنشاءه بنفسك من البداية. في حين أنه من الممكن تصميم تخطيطات معقدة لصفحات الويب بدون إطار عمل، إلا أنه يمكن اعتبار ذلك تعذيب للذات فعلًا. في هذه المقالة سنلقي نظرة عامة على مجموعة الأطر الحالية والتي يجب أن تختار استخدامها.

ما هو إطار شبكة CSS ؟

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

تم تكييف نفس المفهوم لتصميم صفحات الويب لنفس السبب، باستخدام شفرة (صفحات الطرز المتراصة) CSS (Cascading StyleSheets)) لوضع عناصر HTML. في الواقع، تقوم العديد من المواقع التحريرية التي يديرها ناشرو وسائط الإعلام المطبوعة الكبيرة بتطبيق الشبكات لإلقاء نظرة على مواقعهم الإلكترونية تشبه محتوى الطباعة الخاص بهم.
لاحظ أن المحور الرأسي غير مدعوم بشكل جيد في أنظمة شبكة CSS، لأن ارتفاع صفحة الويب ليس مشكلة كبيرة بالنسبة إلى صفحة مطبوعة. (ومع ذلك، فهذه مشكلة ثانوية في تصميم صفحة الويب، إلا إذا كنت تنتظر نفس الميزات الموجودة في أنظمة النشر المكتبي - المعروفة أيضًا باسم DTP - والتي يصعب دعمها دون استخدام لغة شبيهة بـ PostScript من أجل  تنفيذ المتصفحات ودعمها.)


نظام شبكة CSS 960 - واحدة من التصاميم الأجمل لإطار موقع :

لماذا استخدام إطار شبكة CSS؟

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

بالتأكيد، إذا كنت تستخدم شبكات، فستحتاج إلى إضافة بعض علامات وسم HTML اللازمة إلى المحتوى الخاص بك، وبالتالي زيادة أحجام ملفات الصفحات. وهذا يعني أيضًا أن العلامات والأسلوب لا يتم فصلهما - وهو مبدأ يود العديد من مصممي الويب الالتزام به. (يشعر بعض الناس، عن حق أو خطأ، بأن أصحاب أطر عمل CSS هم من المصممين الذين يشعرون بالقلق من أن الحاجة إلى خدماتهم ستنخفض. وعلى الرغم من هذا، ومع هذا المنطق فإن المبرمجين يواجهون مشكلة أيضًا، خاصة مع الزيادة في مكتبات كود توافق المتصفحات  مثل jQuery.)

الحقيقة أن، استخدام إطار الشبكة CSS يعني أن المتصفح الخاص بك يحمل ملف (ملفات) CSS مرة واحدة فقط ويبقيها مخبأة "على جانب العميل". بالإضافة إلى ذلك، نادرًا ما يكون ترميز HTML الإضافي اللازم لتطبيق إطار CSS "غير المرئي" مهمًا لدرجة أن مشاكل النطاق الترددي للقراء يجب أن تكون مصدر قلق. بشكل مثير للاهتمام، يبدو أن معظم الرافضين يتحدثون عن شبكات ياهو لواجهة المستخدم، وليس مجرد خطة عمل كبيرة ).

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

التصميم والمزايا الجمالية

بغض النظرعما إذا كنت تستخدم شبكات CSS لإنشاء النماذج أو إنتاج الأنظمة، فهناك فوائد جمالية وتصميمية متعددة:

  1. تماسك التصميم المرئي بين عناصر الصفحة.
  2. التوحيد والتناسق في موضع عنصر HTML، وبالتالي تقليل أخطاء تشفير CSS.
  3. أسهل لتطبيق "قاعدة الثلث" و "القسم الذهبي" للتصميم، مما يؤدي إلى تخطيط جذاب بصريا لمعظم المشاهدين.
  4. يلغي في الغالب الحاجة إلى استخدام جداول HTML المتداخلة.
  5. الشبكات الفرعية المتداخلة، من أجل تصاميم معقدة للغاية يكون إنتاجها بسيط نسبيا.
  6. يسهل تطبيق الصور ووسائل شرح النص لإنتاج تخطيطات غير متماثلة للمحتوى المرئي.
  7. دعم توافقية المتصفحات، لذلك سيكون هناك صراخ وشد للشعر أقل عند الاستدارة لاختبار مصدر أذى المصممين، IE. (يجب أن يكون بيل غيتس قد شعر بأنه غير محبوب جدًا عندما كان طفلاً لكي ينتج الكثير من البرامج التي تفعل ما يريده، في تحد للمعايير التي تدعمها MSFT بشكلٍ مفترض).
  8. انخفاض الجهد لإنتاج تخطيطات صفحة الويب المبتذلة، مقارنة بتشفير CSS اللازم من البداية.
  9. تقليل الجهد المستقبلي إذا احتجت إلى إعادة وضع العناصر أو تغيير خصائص العرض (الطباعة، والهوامش، وما إلى ذلك) للعناصر ذات الصلة بشكل جماعي.
  10. يمكن استخدامها مع الصفحات الثابتة ومنصات CMSes / blog.
  11. لتمكين الاستخدام الشائع لإنشاء "المجلة" والموضوعات المميزة لمنصات المدونات. (يبدو أن WordPress هو النظام الأساسي الذي تستخدمه في أغلب الأحيان أطر CSS، على الرغم من أن أي نظام أساسي آخر يسمح بمراجعة ملف مصدر JavaScript يجب أن يعمل بشكل جيد.)

YAML - "تخطيط متعدد الأعمدة آخر"

أطر وأدوات CSS

فيما يلي قائمة قصيرة ببعض الأطر الأكثر شعبية:

  1. مخطط إطار شبكة CSS.
    قوي على الرغم من كونه فقط في V0.7 (حتى كتابة هذه السطور)، مع الكثير من الدعم من المصممين، والعديد من الأدوات لتوليد شفرة CSS (ما وراء الإطار الافتراضي المعياري 24 عمود، 950 بكسل). يدعم استخدام "إضافات" المخطط .
  2. ياهو! باني شبكات CSS، شبكات YUI.
    يأتي هذا الإطار، الذي يسبق المخطط العام، بستة قوالب معدّة مسبقًا وأربعة عروض معيّنة مسبقًا، وتتوافق التنسيقات مع إرشادات الوحدة الإعلانية لـ IAB. تم دمج YUI Grids CSS مع بقية Yahoo! مكتبة واجهة المستخدم (واجهة المستخدم).
  3. باني YAML ،YAML.
    YAML (لا يزال تخطيط متعدد الأعمدة) يحتوي على قدر كبير من النضج، مبني على معايير الويب، ومن المفترض أنه سهل الاستخدام. على الرغم من أنه لا يبدو أن لهذا الاستخدام الكثير في مجتمع WordPress. في الواقع، في عدة مئات من أفكار WP التي نظرت إليها خلال السنوات الثلاث الأخيرة، لا أتذكر أني رأيت أنه استخدم مرة واحدة. قد يكون السبب في ذلك أنك تحتاج إلى ترخيص لاستخدامه مع بعض CMSes (أنظمة إدارة المحتوى).
  4. مصمم الشبكة.
    هذه أداة ويب لتوليد شبكات CSS مخصصة. يستخدم هذا البرنامج فئات CSS الخاصة به، لذا يمكن القول إنه إطار عمل، على الرغم من أنه ليس مدعومًا جيدًا في مجتمع التصميم كالبعض الآخر.
  5. نظام شبكة CSS 960. يعتمد هذا النظام على عرض صفحة 960 بكسل، وهو رقم قابل للقسمة على العديد من الأرقام الأخرى، مما يجعله "رقمًا أساسيًا عالي المرونة للعمل به". ومع ذلك، الشبكة 960 تعمل فقط مع 12 أو 16 عمودًا.
  6. النسخة الجاهزة للطباعة من CSS. تم إنتاجها كإطار عمل مجدول بواسطة أحد مؤلفي المخطط الأصلي.
  7. Sparkl. تقول المستندات أنه يمكنك إنشاء صفحات بأعمدة 1، أو 2، أو 3، ولكن العينات تشير إلى أن لديك المزيد من المرونة.

هناك أطر شبكة  CSS أخرى التي يمكنك العثور عليها مدرجة في مدونة Google، ولكن من بين الثلاثة أو الأربعة الأخرى التي نظرت إليها، كانت معظمها غير مكتملة من حيث الوثائق أو حتى ملفات المشاريع، لذلك فقد تركتها. إذا كنت تعرف إطارًا غير مدرج، فالرجاء إخبارنا بذلك في التعليقات!

مقارنة

دعني أوضح أن هذه ليست مقارنة شاملة لأطر CSS. في الواقع، لم أستخدم أي شيء على نطاق واسع بخلاف مخطط البيانات، على الرغم من أنني قمت بمسح المستندات ضوئيًا لكل الأطر المذكورة أعلاه ولعبت قليلاً بـ YAML ومصمم الشبكة. يمكن القول أن المخطط، وشبكات YUI، و YAML هي "الثلاثة الكبار" في مساحة إطار CSS، ويبدو أن 960 خيار رابع قوي.

عند اختيار إطار عمل، أخذت في الحسبان أنني لست مصممًا ممتدرباً، بخلاف ما درسته بمفردي لسنوات. أقوم بالتصميم عند الضرورة، وإن كان في شكل بسيط للغاية. في الواقع، ولأنني قضيت بضع سنوات إما في نشر مجلتي المطبوعة الخاصة أو العمل على الآخرين، فقد قمت بتخطيط صفحة (سيئ جدًا) باستخدام مبادئ تصميم الشبكة التي تعمل بــ Adobe PageMaker. لذلك أجد أنه من الطبيعي جدًا العمل مع شبكات CSS لتصميم الويب. يبدو أنه بالنظر إلى عدد موضوعات WordPress الموجودة هناك - راجع القائمة في نهاية هذه المقالة - التي تستند إلى إطار عمل الشبكة (مخطط في الغالب)، يشعر المصممون براحة كبيرة مع الشبكات أيضًا.

ومع ذلك ، فمع ضيق الوقت، أحتاج إلى شيء يسهل تعلمه واستخدامه، ولكنه قوي. لقد اكتشفت أن مخطط شبكة CSS يناسب احتياجاتي. وهو يتكامل بشكل جيد مع مكتبات JavaScript متنوعة - بما في ذلك jQuery، والتي يمكن أن تؤدي إلى بعض واجهات الويب المثيرة للشهوة. أنه جيد (على الرغم من أنه ليس  كامل 100 ٪) في معظم المتصفحات - على الرغم من أنك تحتاج إلى اختبار هذا الشوكة الكبيرة في جوانب مصممي الويب، متصفح IE.

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

على الجانب الآخر، مسح المستندات وتصفحها لـ Yahoo! يقودني إطار عمل واجهة المستخدم لـلشبكة إلى الاعتقاد بأنه إذا كنت تريد فقط إجراء تخطيط بسيط لصفحة الويب وترغب في تشغيل عدد قليل من الإعدادات المسبقة، فقد ترغب في النظر في هذا الخيار. ومع ذلك، أشعر أنه مقيِّد إلى حدٍ كبير للغاية بالنسبة لي. (قد ترغب في قراءة مخطط CSS لـ Foo Hack مقابل شبكات YUI.)

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

لماذا اخترت مخطط CSS النهائي

مخطط إطار شبكة CSS النهائي هو ما سأستخدمه في كل برامجي التعليمية على NETTUTS (عندما يكون ذلك ملائمًا). بدلاً من نسخ قائمة الميزات من المستندات في شيفرة غوغل، دعني أركز على سبب اختياره شخصيًا. بعض هذه النقاط تتداخل مع ما قلته أعلاه:

  1. أحجام ملفات صغيرة نسبيا. يحتوي على نسخ مضغوطة لاستخدام الإنتاج، من أجل المزيد من التخفيضات في الحجم.
  2. طباعة ورقة أنماط الشاشة.
  3. بسيط للدمج والاستخدام. (على الرغم من أن مستعرضات IE تثير مشكلات، اعتمادًا على إصدار البرنامج قيد الاستخدام.)
  4. من السهل تذكر فئات CSS والمعرفات التي من غير المحتمل أن تتعارض مع أي من الأشياء التي تستخدمها بالفعل.
  5. الكثير من أدوات الدعم، وخاصة لتوليد شبكات مخصصة.
  6. الكثير من المقالات / الدروس حول المخطط النهائي، مع الكثير من الشعور بالإيجابية.
  7. استخدام المخطط النهائي  كثيراً من قبل المصممين لمواضيع وورد.

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

معالجة التصميم على أساس الشبكة العينة

حسنا هذه مسألة اختيار، أليس كذلك؟ تأتي بعض شبكات CSS مع grid.png أو حتى ملف .psd يمكنك استخدامه في وضع شفاف فيPhotosho ،Fireworks ، GIMP، وما إلى ذلك، بينما تقوم بوضع عناصر التصميم الخاصة بك. أنا أقوم دائمًا أكثر قليلاً من المدرسة القديمة بتصميم تصميماتي من خلال البدء على الورق:

  1. توزيع المستطيل المحيط الذي يمثل صفحة الويب بأكملها. (افعل ذلك لكل صفحة تقوم بتصميمها.)
  2. تقسيم المستطيل إلى مستطيلات أصغر تمثل المناطق الأساسية: الرأس، التذييل، الشريط الجانبي، مساحة المحتوى، إلخ.
  3. المزيد من التقسيم إلى مناطق أساسية وحزم  في مكون التصميم "الذري" (الموقع، الشعار، زر rss، المنشورات الأخيرة، التعليقات الأخيرة، مربع البحث، نماذج المشاركات، نشر الصور المصغرة، إلخ.)
  4. تحويل هذا الرسم النهائي إلى هيكل HTML، وذلك باستخدام النص الحقيقي أو النص ipsum lorem. ستشتمل علامة HTML على فئة CSS وقيم معرف الشبكة اللازمة لدعم التصميم الذي أحتاج إليه.
  5. إنشاء لافتات / أزرار في برنامج الرسومات.
  6. اختبر HTML نموذجًا نصيًا في أكبر عدد ممكن من المتصفحات والإصدارات. (قد تحتاج إلى توظيف بعض الأصدقاء إذا كان لديك جهاز كمبيوتر واحد فقط.)
  7. قم بتحويل النص إلى ترميز CMS / منصة. (على سبيل المثال، تحويل كتل النص إلى دعوات دالة WP اللازمة وتشفير PHP.)

ستلاحظ أنه في أي مكان في هذه العملية سيكون هناك استخدام برامج الرسومات للتخطيط بالحجم الطبيعي. هذا لأنني لست مصممًا واستخدم منهجًا بسيطًا جدًا لما أقوم بتصميمه (لنفسي فقط). ولكن إذا كنت تخطط لاستخدام، على سبيل المثال، ألعاب نارية لنموذجك، فستقوم بذلك بين الخطوتين 3 و 4.

ملخص

لقد حاولت أن أكون شاملًا في بحثي عن إطارات شبكة CSS، ومسح أكثر من 120 مقالة للمقدمات. ومع ذلك، من الممكن أن يكون قد فاتني بعض الخيارات، لذلك لا تتردد في تقديم خيارات أخرى.
بغض النظر عن إطار CSS الذي تقرر استخدامه، قم بذلك لأنه يناسب احتياجاتك العامة. إذا كانت الصفحات / النماذج التي تصممها تحتوي على إعلانات، فكر في نوع الإعلانات. في وقت مبكر، عندما اخترت مواضيع لمواقعي، اخترت إعلانات AdSense (hg والتي تكون متوافقة مع IAB). في الآونة الأخيرة، كنت أتولى اختيار / تصميم مجموعات الإعلانات التي يبلغ حجمها 125x12، والتي أفضلها للغاية على معظم كتل AdSense.
إذا كنت مهتمًا، فهناك مواصفات لمسودة W3C بعنوان وحدة نمطيّة الشبكة لتحديد المواقع من المستوى 3 (مكتوبة بواسطة اثنين من موظفي Microsoft) تناقش تكامل التخطيط القائم على الشبكة في CSS. يمكن أن تكون الميزات التي تمت مناقشتها في هذه المسودة  يمكن ان تكون في IE 8.

المراجع

أدوات ذات صلة

  1. أداة مخطط CSS لشبكة AIR.
  2. مرجع مخطط سريع CSS (ملف PDF، صفحة واحدة).
  3. حاسبة الشبكة CSS.
  4. CSS التشخيصية.
  5. إعادة تعيين CSS.

بعض المقالات أو المواقع حول إطارات شبكة CSS

فيما يلي روابط لبعض المقالات الرائعة العديدة حول  شبكات CSS.

  1. 456 شارع بيريا - شبكات، جداول، CSS.
  2. بمعزل عن القائمة - التفكيرخارج الشبكة، كتابة الاعدادات على شبكة الإنترنت لشبكة خط الأساس.
  3. Olav Bjørkøy - اقلاع: المخطط النهائي، إطار CSS.
  4. سلسلة مارك بولتون المكونة من 5 أجزاء، خمس خطوات بسيطة لتصميم أنظمة الشبكة.
  5. جيف كرافت – ما الذي لا تحبه فيما يتعلق بإطار شبكة CSS ؟
  6. CSS  التجريبية- متابعة مع مخطط نهائي، إطار شبكة CSS.
  7. مسارات  CSS – التحكم بالشبكة.
  8. التصميم بواسطة الشبكة.
  9. كاميرون مول – إنشاء شبكة 960.
  10. المجلة الرائعة - التصميم بطريقة مستندة إلى الشبكة، ست تقنيات لعمود إبداعي
  11. ستون مايند - الانطباعات الأولى عن مخطط إطار عمل CSS.
  12. الطرح - OhYeeaahh! (أو كيفية استخدام الشبكة في التخطيط)
  13. مدونة تعليمية.
  14. التصميم Vandelay - موارد للتصميم المستند إلى الشبكة.
  15. W3 - CSS و تخطيط الشبكة.
  16. شبكة جدارية لمصمم الويب - تصاميم العمود.

الثورة - الموضوع الاستثنائي

46 موضوع مخصص مجاني أو مدفوع

إذا كنت تشعر بأنك غير مستعد للتعامل مع الشبكات وتصميم الموضوع حتى الآن ولكنك تحتاج إلى موضوع قائم على الشبكة، فقد تكون هذا إحدى أكثر القوائم الشاملة التي ستجدها. (هناك بالفعل أكثر من 46، إذا قمت بتضمين أشكال مختلفة.) وهي تشمل المجلة، ما يشبه المجلة، معرض، ومختلف الموضوعات المتميزة التخصصية التي تستخدم شبكات CSS صريحة أو ضمنية. (من الممكن أن واحد أو اثنين منها لا يستخدم الشبكات، على الرغم من أنها تبدو للوهلة الأولى، كذلك.)
بعض هذه المواضيع مجانية أو لديك نسخة مجانية. معظمها لمنصة وورد. تشمل هذه القائمة فقط الموضوعات المتاحة لعامة الناس، وليس بالضرورة موضوعات الشبكة المخصصة المستخدمة من قبل مختلف المدونين. (راجع الارتباطات المحددة في القائمة السابقة ، بما في ذلك جدارية مصمم الويب و المجلة الرائعة للحصول على لقطات لمثل هذه المواقع. كما يمكنك الاطلاع على الطرح عند خوي فينه، كمثال على موقع يستند إلى شبكة ذات تأثير بصري).
تحذير: قد لا تعمل بعض هذه الموضوعات في WP 2.5x +

  1. مجلة الفن الكامل. (تأكد من استخدامك لمبدِّل المواضيع في هذه الصفحة - أسفل الزاوية اليمنى.)
  2. مجلة البلوك.
  3. مجلة برانفورد
  4. Chimera Pro.
  5. محتوى الصحافة.
  6. حجر الأساس.
  7. معرض CSS.
  8. ديدوود، ديدوود لايت.
  9. Fjords09.
  10. موطن القوة. (ملاحظة: تعرض حاليًا صفحة معلقة)
  11. أخبار حديثة.
  12. Futurosity.
  13. شبكة التركيز.
  14. أداة، أخبار، مجلة خط الشبكة.
  15. الجمود.
  16. IndoMagz.
  17. جيلو والا ميلو.
  18. سلسلة Live Wire.
  19. مجلة الاخبار.
  20. أخبار ضخمة.
  21. Mimbo ، Mimbo Pro.
  22. معرض أحادي اللون، مؤلف، محترف، لايت.
  23. نوتيكا.
  24. الأخبار - اتصالات.
  25. NewsPixel.
  26. NewsPress.
  27. خيارات.
  28. Overstand.
  29. موضوع أخبار استثنائي - إصدار الجريدة الرسمية.
  30. مجلة الثوري.
  31. الثورة والعديد من الاختلافات.
  32. معرض العرض.
  33. بساطة.
  34. بناء.
  35. Tauren Pro.
  36. TMA - بعد الصباح.
  37. طريق المسافر.
  38. فيكتوريا.
  39. البصيرة.
  40. التصور.
  41. مجلة وورد (Gabfire).
  42. موضوع مجلة ووردبرس.
  43. WP-المستقطب.
  44. Ygo CMS.
  45. ثورتك.
  46. زيكي.

يتم تجميع القائمة السابقة لموضوعات المجلة من المراجع التالية، وكذلك من البحث في Google.com.

  1. المنجز.
  2. العاقل الذكي.
  3. صحافة الورق المطبوع.
  4. مايكل دويج
  5. صاحب مدونة.
  6. ساحة الموضوعات.
  7. تصميم Vandelay.
  8. الانفجار البصري.
  9. عرض استضافة الويب.
  10. تصور مواضيع مجلة Squidoo.
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.