موارد جديدة لمصممي ومطوري الويب (ديسمبر 2017)

“CMS مقطوعة الرأس” تكتسب الكثير من الاهتمام في هذه الأيام. شيء صغير, “CMS مقطوعة الرأس” لا يتعامل مع الواجهة الأمامية ؛ نظام إدارة المحتوى فقط فضح المحتوى عادة في شكل RESTful API بينما يمكن للمطورين استخدام كل ما يفضلونه لتقديم المحتوى. مع تزايد شعبية هذه الممارسة, تنشأ أطر جديدة لإعداده وتشغيله بسرعة.

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

بلا رأس WP Starter

هذا موضوع بادئ WordPress ولكن بخلاف الآخرين ، فإن هذا الموضوع يبدأ بفعالية WP-API للحصول على المحتوى ثم تحويله إلى HTML ثابت باستخدام العقدة و React جعل موقع الويب الخاص بك “بلا رأس”.

VueStoreFront

VueStoreFront هو آخر “CMS مقطوعة الرأس” الإطار. بنيت على أعلى Vue.js والعقدة, تم تصميم VueStoreFront ومنصات التجارة الإلكترونية مثل Magento و Prestashop و Shopware من خلال واجهات برمجة التطبيقات. ويشمل أيضا نهج PWA الذي يسمح للموقع لتكون قابلة للاستخدام غير متصل على الانترنت.

GatsbyJS

غاتسبي مولد موقع ثابت بنيت مع React.js. يمكنك استخدام CMSs مع API مثل WordPress و Markdown و JSON لتغذية المحتوى. وبالمثل فإنه يستخدم بعض التقنيات الحديثة مثل العقدة و PWA و React التي تتيح لها تحميل سريع بشكل لا يصدق.

DustPress

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

أيقونات VSCode

أصبح Visual Studio Code أحد أكثر برامج تحرير التعليمات البرمجية شيوعًا. أنه خفيفة الوزن ، لديها الكثير من الإضافات ، والآن لديها مختارات من أيقونات مختلفة. إذا كنت تشعر أن أيقونة Visual Studio Code الافتراضية مملة ، فانتقل إلى أي من هذه الرموز.

TailWindCSS

TailWindCSS هو أطر عمل CSS أخرى. ولكنه يختلف عن إطار CSS الشهير مثل Bootstrap و Foundation بطريقة لا توفر مكونات واجهة المستخدم. في حين أن, يأتي TailWindCSS مع قطع صغيرة من فصول CSS التي تتيح لك تكوين واجهة المستخدم الخاصة بك.

Traefik

كنت أجرب Docker وكنت أتساءل عن كيفية توجيه اسم المجال إلى عدة حاويات مختلفة على جهاز واحد. ثم وجدت Traefik ، أ HTTP الحديث عكس الوكيل وتحميل موازنات. وبصرف النظر عن Docker ، فإنه يدعم أيضًا خدمات أخرى مثل Kubernetes و Rancher و Amazon Elastic Container.

CubeUI

بنيت على أعلى Vue.js ، CubeUI هو مكون واجهة المستخدم رائعة لبناء تطبيقات المحمول. تتكون من الكثير من المكونات مثل Button و Popup و TimePicker و Slide و Checkbox. تم تزويد كل مكون بميزة TestUnit لضمان التكامل المستمر وأيضًا التقليل من الأخطاء على كل مكون.

هواء

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

EmptyStates

EmptyStates هو مجموعة من صفحات الحالة الفارغة على الويب وتطبيقات الجوال للإلهام. صفحة الحالة الفارغة هي نوع الصفحة التي يتم تجاهلها غالبًا.

تصميم الاختصار

يوفر هذا الموقع مجموعة من اختصارات التطبيقات الشعبية والأدوات المستخدمة من قبل المطورين والمصممين. ستجد هنا اختصارات لـ Sketch و Photoshop و InDesign و Sublime Text و WordPress وغيرها الكثير. ال تحتوي القائمة حاليًا فقط على اختصارات لنظام التشغيل MacOS, ولكن سيكون من الرائع رؤية اختصارات Windows ليتم إضافتها أيضًا.

Uppy

Uppy هو أطر عمل JavaScript لإنشاء واجهة تحميل ملف. باستخدام Uppy ، يمكنك استرداد الملفات ، ليس فقط من محرك الأقراص المحلي ، ولكن أيضًا من خدمة التخزين الخارجية مثل Google Drive و Dropbox و Instagram وغيرها من الخدمات. انها خفيفة الوزن ، وحدات ، وتمديدها مع الإضافات المخصصة.

VuetifyJS

VuetifyJS هي مبادرة من جون ليدر إلى بناء تصميم المواد حول Vue.js. لدى Google مبادرة مماثلة مع MDL أو Material Design Lite ، لكن لا يبدو أنها تحصل على ما يكفي من الجر في المجتمع وفي يبدو أن التطور بطيء حقًا في الشهرين الماضيين. لذلك إذا كنت تبحث عن بديل ، فقد يكون VuetifyJS هو الخيار الصحيح.

الفسفور الابيض ULike

الفسفور الابيض Ulike هو ووردبريس البرنامج المساعد لإضافة “مثل” إلى المحتوى الخاص بك سواء في نوع المنشور المدمج في WordPress ، وأنواع النشر المخصصة ، و bbPress وكذلك BuddyPress. كما يأتي مع بعض الميزات الرائعة الأخرى مثل نظام الإخطار والتحليلات والحاجيات مما يجعلها واحدة من أكثر إقناعا “مثل” نظام لموقع وورد الخاص بك.

التحقق من صحة

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

جداول البيانات

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

موظفي Google

غوغلر هو CLI الذي يسمح لك بإجراء بحث في Google من خلال أسطر الأوامر. على غرار الواجهة ، ستسترجع أيضًا العنوان والوصف وعنوان URL والصفحة. إنها أداة مفيدة لنظام التشغيل macOS و Linux للمستخدمين.

الترباس سم

بولت هو CMS بنيت مع PHP. أنه سريع الإعداد ، يستخدم Twig كمحرك templating ، ويدعم بشكل كامل PHP7 ، سهل التخصيص من خلال ملف YAML بسيط. عموما يبدو مثيرا للاهتمام بالنسبة لي. بالتأكيد سأقضي بعض الوقت لاستكشافه كلما أتيحت لي الفرصة.

المبرقة الكاتبة

تعد Teletype مبادرة جديدة جديدة من محرر Atom. هذه الميزة الجديدة تسمح لك تعاون مع زملائك في كتابة التعليمات البرمجية. لاستخدامها ، ستحتاج إلى تثبيت البرنامج المساعد الرسمي Teletype.

Plyr

Plyr (وضوحا لاعب) هو مكتبة مشغل الوسائط الحديثة بحجم 10 كيلو بايت فقط. باستخدام هذا ، ستتمكن من تخصيص مشغل الفيديو والصوت بتنسيق HTML و Youtube و Vimeo ووسائط البث المباشر. انها في التنمية النشطة مع أكثر المخطط لها الميزات المراد إضافتها دعم incuding للويستيا والفيديو الفيسبوك المدمجة.