30 أطر مفيدة للمصممين
ينظر بعض المصممين إلى أطر العمل على أنها تضيق وتحد في جهودهم الإبداعية. إنهم ينظرون إلى إطار كشيء لديهم لثني عملهم لملاءمته.
وبالنسبة إلى الكثير من المصممين ، فهذا ليس شيئًا يريدون فعله. ولكن مع وجود العشرات من الأطر المتاحة هناك ، فلماذا لا ننظر إليها بطريقة أخرى: لماذا لا تجد إطار العمل الذي يناسب مشاريع التصميم الخاصة بك؟
لتحقيق هذه الغاية ، قمنا بتجميع 30 من أفضل أطر التصميم هناك. هذه الأطر هي للتصميم فقط (لن تجد هنا أطيافا لجافا سكريبت أو أياكس ، والتي ، في معظمها ، تقع تحت أطر التطوير).
من المؤكد تقريباً وجود إطار مدرج هنا يمكن تكييفه مع مشروعك الخاص ، بدلاً من العكس.
أطر CSS العامة
تقدم أطر CSS هنا المصممين هيكلًا يختص بمشروعاتهم ، بحيث لا يبدأون تمامًا من الصفر. يقدم البعض توجيهًا تخطيطيًا ، في الغالب من خلال استخدام الشبكات ، بينما يركز البعض الآخر فقط على أشياء مثل الطباعة ، تاركًا التخطيط بأكمله متروكًا لك.
1KB CSS Grid
إن 1KB CSS Grid هي شبكة قابلة للتكيف يمكن تهيئتها بعدة طرق قبل التنزيل. يمكنك اختيار عدد الأعمدة وعرض العمود وعرض الميزاب قبل تنزيل الملفات. إنها شبكة سهلة الفهم بشكل لا يصدق ، حتى بالنسبة لأولئك الذين ليسوا على دراية بأطر CSS. وهو أيضاً إطار عظام مكشوف جداً ، مع CSS فقط اللازمة لبناء التخطيطات (لم يتم تضمين تنسيق إضافي).
YAML
YAML ("آخر تخطيط متعدد الأعمدة") هو إطار CSS لإنشاء تخطيطات مرنة وعائمة. ويشمل أنماط التصميم للطباعة ، وتنسيقات microformat ، والنماذج ، وأكثر من ذلك ، بالإضافة إلى التوافق الكامل مع معايير الويب. كما أنه إطار عمل مستقر للغاية ، حيث تم تصحيح معظم أخطاء المستعرض من قِبل YAML. هناك أيضًا YAML Builder ، الذي يتيح لك إنشاء تخطيطات تستند إلى YAML بصريًا.
أحد نماذج تخطيطات YAML مع خيارات التصميم الأساسية.
Simpl
Simpl هو إطار CSS مرن وموحد يهدف إلى سد الثغرات في بعض أطر CSS الأخرى. إنه سائل (مع خيار الأعمدة الجانبية الثابتة) ، سهل التعلم والاستخدام ، وهو طريش (ولكنه لا يتطلب التعشيش). وهو يتضمن أنماطًا للنماذج والجداول والعناصر المشتركة الأخرى.
الشبكة الذهبية
الشبكة الذهبية هي إطار CSS مبني على مبدأ الحصة الذهبية أو النسبة الإلهية. يبلغ عرضه 970 بكسل ، ويستخدم نظام شبكة 6/12 ، وعندما يكون الضغط مضغوطًا أقل من 1 كيلوبايت. هناك مجموعة من العروض التوضيحية العظيمة ، سواء من الشبكة وصفحات عينة مبنية على الشبكة. هناك أيضا تعليمي صغير متاح لمساعدتك على البدء.
مثال على تصميم تم إنشاؤه باستخدام The Golden Grid.
SenCSs
SenCSs هو إطار عمل يقدم أسلوبًا معقولًا لجميع الأجزاء المتكررة من ملفات CSS. لا تتضمن أي نوع من أنظمة التخطيط ، بخلاف العديد من أطر CSS ، مما يجعلها أكثر تنوعًا لتصميمات مواقع الويب غير القياسية. وهو يتضمن أنماطًا للعديد من الأشياء الأخرى على الرغم من: الخط الأساسي والخطوط والهوامش و blockquotes والحشو والمزيد.
عناصر
تتضمن العناصر مجموعة متنوعة من المجلدات والملفات التي تساعد في تسريع عملية تصميم الويب. إنه إطار خفيف الوزن سهل الاستخدام ، يتضمن عددًا من الصفوف المعينة مسبقًا ، وإعادة الضبط الجماعي ، ويضيف رموزًا إلى روابط خارجية (مما يحسن الأسلوب وقابليته للاستخدام).
مخطط CSS
Blueprint هو إطار CSS مجاني يتضمن إعادة تعيين CSS ، شبكة تدعم التنسيقات المعقدة ، والطباعة والنماذج ذات التصميم ، والمكونات الإضافية للأزرار وعلامات التبويب والعفاريت. هناك أيضا الكثير من الوثائق لتبدأ ، فضلا عن مجموعة مناقشة وقائمة بريدية.
طرابلس
طرابلس هي إطار CSS عام يقوم بإعادة ضبط جميع إعدادات المتصفح الافتراضية. تم تصميمه للعمل باستخدام HTML 4 ويفصل الطباعة عن أنماط التصميم. كما يهدف إلى زيادة سهولة قراءة مواقع الويب الخاصة بك من خلال طباعة أفضل. كما أنه يعمل مع عدد من المكونات الإضافية لتوسيع الافتراضيات العامة للإطار.
المحتوى مع نمط CSS Framework
يوفر إطار Content with Style CSS عددًا من التنسيقات ، بما في ذلك التنقل العمودي مع عمود محتوى واحد ، والتنقل الأفقي مع عمود محتوى واحد ، والتنقل العمودي مع عمودين من المحتوى ، والتنقل الأفقي باستخدام التنقل المحلي وعمود واحد من المحتوى. وتطلب شفرة المصدر منطقيًا ، مع ظهور المحتوى الرئيسي مباشرة بعد رأس الصفحة داخل الشفرة ، بصرف النظر عن التنسيق المرئي للصفحة.
960 شبكة النظام
من المحتمل أن يكون نظام 960 Grid System هو أكثر هيكل CSS شهرة في السنوات الأخيرة ، وكان مصدر إلهام لعدد من الأطر الأخرى. هناك نوعان من الشبكات المتاحة: شبكة ذات 12 عمودًا تحتوي على أعمدة عرضها 60 بكسل وشبكة من 16 عمودًا مع أعمدة بعرض 40 بكسل. ميزة واحدة كبيرة هي أن هذه التشكيلات الأساسية للشبكة يمكن استخدامها بشكل منفصل أو بالترادف. يركز 960 يدفع على تخطيط الموقع ويولي اهتماما قليلا لأشياء مثل الطباعة (على الرغم من وجود أحكام أساسية في المكان المناسب لهم).
Typogridphy
Typogridphy هو إطار CSS الذي يركز بشكل كبير على الطباعة داخل التخطيط. إنه يعتمد على نظام 960 Grid System ولديه شفرة دلالية ، متوافقة مع المعايير. تعتمد الطباعة على مبدأ الإيقاع العمودي ، ولكنها تستخدم نظام الإدارة البيئية بدلاً من البيكسلات.
Emastic
Emastic هو إطار CSS خفيف الوزن يتيح لك تخصيص عرض الصفحة باستخدام نظام الإدارة البيئية أو وحدات البكسل أو النسب المئوية. وهو يعمل إما في تخطيط ثابت أو مرن ، ويتضمن أنماط الطباعة الشبكية الأساسية. هناك برنامج تعليمي متوفر سوف يعلمك كيفية إنشاء تخطيطات مع Emastic ، أيضا.
مالو
يتكون إطار Malo CSS من 8 أسطر فقط من شفرة CSS. إنها مرنة وسهلة الاستخدام ، مع عرض صفحة قابل للتخصيص. مالو يتيح لك إنشاء تخطيطات تتكون من اثنين أو ثلاثة أو أربعة أو خمسة أجزاء. الأعمدة المتداخلة مسموح بها أيضًا.
BlueTrip
BlueTrip عبارة عن إطار CSS يعتمد على شبكة من 24 عمودًا. ويشمل أنماط الطباعة ، ورقة أنماط بداية فارغة ، ورقة أنماط الطباعة ، وأنماط النموذج ، وأكثر من ذلك. هناك وثائق واسعة متاحة ، فضلا عن عرض لمواقع مبنية على BlueTrip.
1 خط CSS الشبكة الإطار
هذا جزء من إطار CSS مختلف ، حيث إنه يستخدم فقط سطرًا واحدًا من CSS. باستخدام هذا السطر المفرد من CSS ، والذي يعمل على مبادئ تقسيم الأعمدة إلى النصف ، يمكنك إنشاء شبكات بعمودين أو 4 أو 8 أو 16 عمودًا. إنه متوافق مع المتصفحات ، حتى في زمن بعيد مثل IE5.5.
أطر موضوع وورد الحرة
هناك الكثير من الأطر WP الرائعة المتاحة هناك مجاناً. بعضها أساسي للغاية ، مع الهيكل الأكثر عمومية فقط. البعض الآخر عبارة عن مواضيع بسيطة في حد ذاتها ، ولكنها قابلة للتكيف بسهولة مع المشروعات الأخرى. ولكن ما يفعلونه جميعًا هو تبسيط عملية الترميز في تطوير موضوع الفسفور الأبيض ، مما يلغي فعليًا حاجة المصمم للتعامل مع PHP أو أي كود آخر.
زواحف
الزواحف هو إطار موضوع من WP Bandit الذي يعمل مع مواضيع الطفل (الجلود). يستخدم WP Bandit ذلك لجميع موضوعاته وجعله متاحًا للتنزيل المجاني. ليس هناك الكثير من المعلومات على موقع الويب الخاص بهم بخلاف ذلك يتضمن عددًا من وظائف المساعد لتسهيل تفاعل موضوعك مع WP.
الفانيليا الموضوع
بنيت الفانيلا لدمج القوالب "الذرية" في Carrington ، قوالب PHPTAL و YUI CSS. ويشمل أيضا widgetization كاملة ، بما في ذلك ضوابط القطعة المخصصة. يتم استخدام الفانيلا مع مواضيع الطفل ، لذلك لا تحتاج أبدا للمس الرمز الأساسي. ويتضمن أيضًا HTML "minifier" الذي يضغط الناتج لتسريع موقعك.
السبورة
اللوح الأبيض هو إطار WP مجاني. وهو يشمل جميع ملفات السمات التي يحتاجها المرء لإنشاء موضوع الفسفور الأبيض ، بما في ذلك: 404.php ، archives.php ، categories.php ، comments.php ، footer.php ، functions.php ، header.php ، index.php ، الصفحة. php و search.php و searchform.php و sidebar.php و style.css. ويشمل أيضًا ترقيم الصفحات للوظائف والروابط الاجتماعية ، ويتم فك 72 كيلو بايت فقط.
رمل
Sandbox هو سمة أساسية للغاية تحتوي على تخطيط أساسي ثنائي الأعمدة مع الحد الأدنى من التصميم. إنه متوافق تمامًا مع عنصر واجهة المستخدم ويحتوي على الكثير من المحددات بحيث يمكن تخصيصه بالكامل مع CSS.
إطار البوفيه
يستخدم إطار الباطن مظاهر الطفل للتخصيص ، ويستخدم أيضًا إضافات السمات لمزيد من التخصيص. إنها محرك بحث محسّن ، وله دعم لتنسيقات microformat ، ويتم تشغيله بواسطة jQuery ، ويتم تعبئته أيضًا باستخدام إطارات CSS 960gs و Blueprint. صدر تحت GPL v3.
كارينغتون
Carrington هو إطار عمل موضوع WP مجاني تم طرحه بموجب GNU GPL v2. واحدة من أكبر فوائد كارينغتون هي الوثائق الشاملة المتاحة على الموقع. هناك أربعة موضوعات أساسية متوفرة في الإطار: Blog (موضوع تقليدي على شكل مدونة) ، نص (موضوع بسيط يستند إلى النص) ، Mobile (لمتصفحات الجوال) و JAM (Just Add Markup ، إطار عظام فارغ) . اعتمادا على مستوى التخصيص الذي تريده ، هناك بالتأكيد خيار مناسب لك.
موضوع كارينغتون النص.
هجين
الهجين هو موضوع مجاني يتضمن 8 مناطق قابلة للتطبيق و 15 نموذج صفحة مخصص. انها حرة ومفتوحة المصدر ويمكن استخدامها في كل من المشاريع الشخصية والتجارية. وهي متوفرة في مجموعة متنوعة من اللغات (ما عليك سوى تنزيل حزمة اللغة) ، بما في ذلك العربية والصينية والفرنسية والإيطالية والألمانية والروسية والإسبانية والتركية. الوثائق الأساسية متاحة مجانًا ، ولكن للحصول على المزيد من المستندات الشاملة ، ستحتاج إلى الانضمام إلى نادي الموضوع (25 دولارًا في السنة).
موضوعي
Thematic عبارة عن إطار عمل مفتوح المصدر يعمل على توسيع نطاق الفسفور الأبيض مع 13 مجالًا من عناصر الواجهة ، وعينات تخطيطية تعتمد على الشبكة ، وتصميمًا للمكونات الإضافية الشائعة. يحتوي Thematic على نمط كافٍ من خارج الصندوق لاستخدامه دون تطويره أكثر من ذلك ، ولكنه أيضًا يجعل موضوعًا أساسيًا مثاليًا (هناك أيضًا موضوعات مجانية وتجارية للأطفال متوفرة بالفعل). ويشمل عينة موضوع الطفل لتسريع تطوير الموضوع الخاص بك. كما أنها جاهزة لعدد من ملحقات WP الفريدة ، ولديها عدد من خيارات التخطيط سهلة التنفيذ لتصاميم العمودين والثالث.
بريميوم وورد الاطار الموضوع
تشبه أطر أطر الفسفور من Premium إلى حد كبير الأطر الحرة المتاحة ، على الرغم من أن معظمها لها وظائف إضافية غير متوفرة في الإصدارات المجانية. تقدم العديد من أطر العمل أدناه لوحات اختيارية تمنح غير المشفرون سيطرة كاملة على تصميم مدونتهم ، بينما تكون ملائمة للمطورين لأولئك الذين يرغبون في الغوص في الشفرة.
أشفورد
إطار عمل Ashford WP هو إطار عمل بسيط وسهل الاستخدام يشتمل على ثمانية قوالب صفحة (معرض ، مدونة ، موضوع ، مؤلف ، مخطوطة ، تفاصيل ، وعلامة تبويب بينها). هناك أكثر من 250 صيغة صفحة ممكنة يمكنك إنشاؤها ، وهناك أربعة خيارات لكيفية عرض مشاركاتك (الصورة المصغرة ، والإعلان المضاعف ، والمقتطفات ، والكامل). هناك نسخة مجانية محدودة (لا تزال قوية جدًا) أو يمكنك شراء الإصدار المحترف مقابل 49 دولارًا.
عنصري
Elemental هو إطار سمة متميزة من Pro Theme Design. مباشرة من خارج منطقة الجزاء ، Elemental لديه تصميم نظيف وأنيق يمكن استخدامه كما هو بمجرد ضبط الخيارات في لوحة التحكم المخصصة (لأشياء مثل الطباعة ، حجم العمود ، التنقل ، إلخ) أو يمكنك تخصيصه إلى محتوى القلب. هناك أربعة مجالات widgetized ، والحاجيات المخصصة ، والقوائم المنسدلة المتحركة متعددة المستويات ، ودعم Gravatars ، صورة مصغرة تغيير حجم وأكثر من ذلك بكثير. النسخة الأساسية (لموقع واحد) هي 59.99 دولارًا والنسخة المتعددة (للمطورين) هي 149.99 دولارًا.
أطروحة
أطروحة هو إطار الفسفور الابيض الفائقة التي تركز على المرونة ، والتحسين محرك البحث المدمج وأوقات التحميل السريع. توفر لوحات الخيارات الكثير من المرونة دون الحاجة إلى الغوص في الكود. يوجد حتى مولد تخطيط يتيح لك إنشاء تخطيطات 1 و 2 و 3 أعمدة تلقائيًا. الخيار الشخصي (ترخيص موقع واحد) هو 87 دولارًا أمريكيًا وخيار مطور البرامج (الذي يسمح بنشر مواقع متعددة) هو 164 دولارًا.
Nerdist على هي واحدة من المدونات الشعبية التي تعمل على إطار أطروحة.
منشأ
سفر التكوين هو إطار الفسفور الابيض قسط من StudioPress. يعمل سفر التكوين على أساس استخدام الموضوعات الفرعية لمحتوى الأنماط دون تغيير الموضوع / الإطار الرئيسي. ويتضمن بعض الأدوات المصغرة المخصصة (بما في ذلك واجهة Twitter ، وملفات تعريف المستخدمين ، والمشاركات المميزة) ، بالإضافة إلى اختيار خيارات التنسيق. ويشمل أيضا عددا من خطافات لمزيد من التخصيصات. سفر التكوين هو 59،95 $.
تقدم
"هيدواي" هو إطار مخصص لأولئك الذين لا يرغبون في التعامل مع الترميز. يحتوي على محرر مرئي يدعي أنه يتيح لك إنشاء جميع أنواع المواقع ، من المدونات العادية إلى مواقع التجارة الإلكترونية. تعد لوحة التهيئة لـ Headway واسعة وتمكنك من القيام بكل شيء بدءًا من إدخال البرامج النصية بدون تشفير إلى إعداد الأذونات وتعديل إعدادات المشاركات والتعليقات. إنه موضوع رائع لمن يريد فقط تصميمه ولا يريد التعامل مع جميع الأشياء الخلفية. هناك خياران متاحان: Personal $ 87 و Developer for $ 164.
الفسفور الابيض غير محدود
الفسفور الابيض غير محدود هو إطار موضوع الفسفورم قسط آخر يتيح لك إجراء تخصيصات كبيرة جدا من الحق داخل لوحة الخيارات. يشمل WP Unlimited على مولد AdSense لتخصيص الشكل والمظهر أو إعلانات AdSense وترتيبها على موقعك. كما يتيح لك تخصيص التصميم بالكامل ، ويحتوي على ميزات تحسين محركات البحث المضمنة. الرخصة الشخصية هي 59 دولارًا ورخصة المطور 150 دولارًا.
مقلد الموضوع
يعد Frugal إطارًا شاملاً للتخصيص عالي الجودة مع أكثر من 600 خيار مخصص يمكنك تغييره مباشرةً من لوحة معلومات WP. يمكنك تخصيص كل جانب تقريبًا من Frugal داخل لوحة الخيارات. سيجد المطورون أيضًا مبتذلًا مفيدًا ، حيث يوجد الكثير من المساحة المخصصة لـ CSS المخصصة والوظائف والحاجيات والمزيد. يحتوي Frugal على مجموعة متنوعة من خيارات الترخيص: Basic Basic مقابل $ 89 ، Basic Developer لـ 169 $ ، Frugal MU (Multi-User) مقابل $ 299 ، Frugal Unlimited مقابل 399 $ و Frugal Complete لـ $ 499.
مكتوبة حصرا ل WDD من قبل كاميرون تشابمان
هل لديك إطار مفضل لم يتم ذكره أعلاه؟ يرجى اعلامنا في التعليقات أدناه ...