15 مشروعًا مفتوح المصدر الأكثر إثارة على الويب

نحن مندهشون باستمرار من جميع المشاريع الجديدة مفتوحة المصدر الرائعة ؛ هناك دائمًا بديل مفتوح المصدر مسبب للعمى لأي برنامج احترافي تحتاجه لعمل تصميم الويب الخاص بك ، إذا كنت تعرف المكان الذي تبحث فيه.

جوي بادا $$ - غير تقليدي

مع وجود العديد من المشاريع المثيرة ، توقف عملنا في محاولة اتخاذ قرار بشأن المفضلة لدينا. من أفضل محرري الكود لمنشئي تطبيقات JavaScript ، خط الويب أدوات وغير ذلك ، إليك 15 مثالًا رائعًا للعمل الرائع الذي يتم إجراؤه لجعل الويب مكانًا أفضل. بحاجة الى بعض الطباعة الرائعة؟ شاهد تقريرنا عن الأفضل الخطوط المجانية .

01. أتوم

الصفحة الرئيسية لـ Atom



قم ببناء محرر نصوص أحلامك باستخدام Atom(رصيد الصورة: Atom)

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

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

02. رد الفعل الأصلي

رد الصفحة الرئيسية

React Native مثل React ، ولكن لتطبيقات الأجهزة المحمولة الأصلية(رصيد الصورة: React)

رد الفعل الأصلي تمكن المستخدمين من إنشاء تطبيقات جوال أصلية باستخدام JavaScript فقط وتحظى بشعبية كبيرة على GitHub. إنه مشابه لـ تتفاعل (مكتبة JavaScript الشعبية لبناء واجهات المستخدم) ، باستثناء أن كتل بنائها هي مكونات أصلية وليست مكونات ويب.

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

قد ترغب أيضًا في التحقق من موقعنا 10 نصائح من خبراء ReactJS يجب أن تعرفها اليوم و هؤلاء 20 أداة جافا سكريبت لتفجير عقلك .

03. الغزل

الصفحة الرئيسية للغزل

هل الغزل هو NPM الجديد؟(رصيد الصورة: الغزل)

تقديم إدارة تبعية 'فائقة السرعة ، وآمنة للغاية ، وموثوقة' ، ومفتوحة المصدر غزل هو منافس مدير حزمة العقدة .

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

04. معمل الأنماط

مشاريع مختبر الأنماط مفتوحة المصدر

مجموعة أدوات للعمل وفقًا لمبادئ التصميم الذري

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

وهذا يعني تقسيم الواجهات إلى أجزاء أصغر ، والعمل ضمن نظام تصميم واجهة المستخدم الذي قمت بإنشائه ليناسب أغراضك. يعتبر كل من Atomic Design و Pattern Lab من بنات أفكار براد فروست ، وقد ازدهرت شعبيتهما منذ إطلاقهما.

05. كود الاستوديو المرئي

الصفحة الرئيسية لبرنامج Visual Studio Code

مشروع مفتوح المصدر من Microsoft(رصيد الصورة: Visual Studio Code)

كود الاستوديو المرئي هو محرر تعليمات برمجية مجاني ومفتوح المصدر من Microsoft يحتوي على عدد كبير من الميزات الرائعة التي تجعل الترميز أسرع. هناك وظيفة تسمى IntelliSense التي توفر عمليات إكمال ذكية ؛ أوامر Git المضمنة ؛ تصحيح الأخطاء من داخل المحرر وغير ذلك الكثير.

06. خط رائع

الصفحة الرئيسية Font Awesome

رائع حقا(رصيد الصورة: Font Awesome)

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

إنه يعمل بشكل جيد مع جميع الأطر وقارئات الشاشة ، ولا يتطلب JavaScript.

(قد تعجب بهذه ايضا 41 أعلى خطوط الويب المجانية )

07. Bootstrap

التمهيد

يجعل تطوير الويب للواجهة الأمامية أسرع وأسهل

التمهيد هي مكتبة مكونة للواجهة الأمامية لمساعدتك في إنشاء مشاريع متنقلة سريعة الاستجابة باستخدام HTML و CSS و JavaScript ، وهي واحدة من أكثر المشاريع مفتوحة المصدر شيوعًا على GitHub. تم إطلاق Bootstrap بواسطة Twitter في عام 2011 ، ولكن مع نموه ، قرر مبتكروه Mark Otto و Jacob Thornton نقله إلى مؤسسته مفتوحة المصدر ، وانفصل المشروع عن Twitter.

يحتوي Bootstrap على مساحة صغيرة وتكامل أقل وتصميم مرئي مقنع. هناك أداة تخصيص قائمة على الويب يمكنك استخدامها لتخصيصها لمشروعك مفتوح المصدر: المكونات و ملحقات jQuery يمكن إضافة أو إزالة من خلال تحديد مربعات الاختيار ، ويمكن تخصيص المتغيرات باستخدام نموذج ويب.

هناك شبكة مستجيبة مكونة من 12 عمودًا وطباعة وعناصر تحكم في النموذج وتستخدم CSS سريعة الاستجابة للعمل مع متصفحات الأجهزة المحمولة. واحدة من 19 موضوع Bootstrap مجاني رائع قد يكون مفيدًا هنا أيضًا.

08. بين قوسين

بين قوسين مشروع مفتوح المصدر

محرر نصوص حديث للتصميم في المتصفح

مشروع مفتوح المصدر بدأ حياته في Adobe ، اقواس هو محرر كود خفيف الوزن وحديث يركز على تقنيات الويب.

تم تصميمه خصيصًا لمصممي الويب ومطوري الواجهة الأمامية ، ويتميز بمجموعة من الميزات المبتكرة ، بما في ذلك المحررات المضمنة التي تتيح لك فتح النوافذ في الكود الذي تعمل عليه بدلاً من القفز بين علامات تبويب الملفات ، والمعاينة المباشرة التي توفر اتصالاً في الوقت الفعلي مع متصفحك.

09. مشروع الوصول

مشاريع مفتوحة المصدر

A11y يجعل إمكانية الوصول أكثر سهولة

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

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

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

10. Laravel

صفحة Laravel الرئيسية

أنشئ كودًا جميلًا باستخدام Laravel(رصيد الصورة: Laravel)

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

يوجد مجتمع كبير ومجموعة من الموارد حول Laravel (على سبيل المثال ، ملف Laracasts screencasts) وهو أحد أكثر أطر PHP شيوعًا المستخدمة اليوم.

11. الأرض

مشاريع مفتوحة المصدر

Grunt ، عداء مهام JavaScript

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

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

12. Ember.js

مشاريع مفتوحة المصدر

أنشئ تطبيقات طموحة مع Ember

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

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

الميزة التي من المرجح أن تجذبك إليها هي أن Ember يقوم تلقائيًا بتحديث وجهات نظره عندما تتغير البيانات - مما يوفر لك الكثير من العمل.

13. شبح

الصفحة الرئيسية شبح

Ghost ، منصة تدوين مفتوحة المصدر(رصيد الصورة: Ghost)

منصة التدوين شبح جذبت الرؤوس عندما تم تمويلها بنجاح من خلال Kickstarter ، متجاوزة طلبها الأصلي البالغ 25000 جنيه إسترليني وجلبت في النهاية أكثر من 196000 جنيه إسترليني في التمويل تتم إدارة المشروع مفتوح المصدر الآن بواسطة مؤسسة Ghost Foundation غير الربحية بالإضافة إلى بعض المساهمين المستقلين.

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

14. Vue.js

الصفحة الرئيسية لـ Vue.js

لا يزال Vue.js أحد أبرز أطر عمل JavaScript(رصيد الصورة: Vue.js)

Vue.js هو إطار عمل JavaScript للنموذج - view - viewmodel مفتوح المصدر تم إعداده لأول مرة في عام 2014. على مدار السنوات الخمس الماضية ، تم ترقيته ليصبح أحد أبرز أطر عمل JavaScript ، ويرجع الفضل في ذلك جزئيًا إلى مكونه- النهج القائم على بناء تطبيقات الويب.

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

15. المؤازرة

الصفحة الرئيسية المؤازرة

تم الكشف عن Servo في الأصل بواسطة Mozilla في عام 2013(رصيد الصورة: أجهزة)

المؤازرة هو نموذج أولي لمحرك متصفح ويب مكتوب بالكامل بلغة برمجة الأنظمة الجديدة نسبيًا Rust. تتضمن التحسينات الملحوظة من راعيها ، Mozilla ، مكونات متكاملة تهدف إلى تحقيق توازٍ وأداء أفضل مع Firefox لجعله متصفحًا أكثر استقرارًا.

كيفية رسم وجه الذئب

اقرأ أكثر: