الأخبار

موارد جديدة لمصممي ومطوري الويب (أكتوبر 2021)

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

دعنا نلقى نظرة على القائمة الكاملة.

Showcode 
تطبيق ويب يتيح لك تقديم كودك بشكل جيد مع صورة. يمكنك تخصيص لون الخلفية وإطار محرر الكود والحجم.

وهو يدعم العديد من لغات البرمجة مثل PHP و JavaScript بالإضافة إلى لغات القوالب مثل Twig. أداة يدوية لمشاركة التعليمات البرمجية بشكل جميل.
 
EventLoop
مع PHP8، حصلت PHP على دفعة من التحسينات بما في ذلك Fiber الذي يأتي إلى PHP8.1. تسمح هذه الإضافة لـ PHP بإدارة عملية التزامن محليًا، وتمكن المطور من بناء عمل ثانوي فوقها مثل بناء "Event Loop".

Event Loop هي آلية ستسمح لـ PHP بتنفيذ عملية إدخال / إخراج غير محظورة. لا توجد مراجع كثيرة لـ Event Loop على PHP، في الوقت الحالي، ولكن يمكنك النظر إلى نفس المفهوم من مرجع Node.js.
 
Laravel Storybook
تدمج هذه المكتبة Storybook - وهو تطبيق شائع لإدارة واجهة المستخدم ونظام التصميم- في Laravel. باستخدامه، يمكنك عرض وحدة من مكونات Larvel باستخدام نموذج Blade و Storybook Server مباشرة داخل تطبيق Laravel.
 
VSCode WebView UI
مكتبة تصميم وواجهة مستخدم لمحرر Visual Studio Code (VSCode). يحتوي على واجهة بسيطة للمحرر مثل الزر والتحديد ومنطقة النص والإدخال. مورد رائع إذا كنت تخطط لإنشاء امتداد لـ VSCode والحفاظ على تناسق امتدادك مع المحرر.
 
Laravel Initializer
تطبيق ويب لإنشاء scaffold باستخدام Laravel. يمكّنك من إنشاء إطار عمل Laravel، وBreeze المجمّع بالفعل مع بعض الأدوات المساعدة (مثل مصادقة المستخدم، وإطار عمل واجهة المستخدم)، و "Jetstream" وهو إصدار مطور أكثر تقدمًا من Breeze.

علاوة على ذلك، يمكنك أيضًا تعيين المكدس stack مثل قاعدة البيانات - سواء كنت ترغب في اختيار MySQL أو PosgreSQL وطريقة المصادقة والتخزين وذاكرة التخزين المؤقت وحتى نظام الدفع.

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

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

MJML
MJML هو ترميز يهدف إلى تسهيل الأمر عند إنشاء تخطيط لقوالب البريد الإلكتروني. إنه يزيل تعقيد قوالب البريد الإلكتروني باستخدام عنصر HTML المخصص الخاص به.

يمكنك البدء في إضافة المكون. المستند شامل جدًا إذا كنت قد بدأت للتو. وبعد ذلك يمكنك تجميع العلامات باستخدام  Yarn build للحصول على الناتج الحقيقي الذي يمكنك إرساله إلى رسائل البريد الإلكتروني.
مبادرة من Google Developer لتوفير مورد شامل لتعلم CSS. يغطي أساسيات CSS مثل Box Model و Selectors و Cascade و Inheritance and Specificity التي تعطي أساسًا قويًا لكيفية عمل CSS. مفيدة لكل من مطوري الواجهة الأمامية للمبتدئين والمتقدمين.
 
ViteBook
يهدف ViteBook إلى توفير بديل لـ Storybook - أداة
شائعة مفتوحة المصدر لإدارة أنظمة واجهة المستخدم والتصميم. مبني على قمة Vite.js، ينصب تركيزه الأساسي على الأداء. ViteBook حاليًا في وقت مبكر من العمل قيد التقدم.

Encute
Encute هي مكتبة PHP لتحميل وإدارة البرامج النصية والأنماط على WordPress باستخدام نمط البرمجة الموجهة للكائنات (OOP). لذلك نحصل على صيغة أجمل بالإضافة إلى أنها تضيف بعض الميزات الإضافية. على سبيل المثال، يمكنك إدراج البرنامج النصي في قائمة الانتظار مع تحميل "defer" أو "async"، وتحميله على أنه "module".
 
Bootstrap Icons
يستخدم Bootstrap لتضمين أيقونة FontAwesome في مجموعته. لقد أنشأت الآن مجموعتها الرسمية من الرموز. تحتوي المجموعة على أكثر من 1300 رمز مع عرض كل رمز بنمطين مختلفين، مخطط تفصيلي ونمط معبأ، ويأتي مع اثنين من أيقونات تنسيق الخط، و SVG. مثل Bootstrap، هذه الرموز مجانية إلى الأبد.

Open-UI
مبادرة وجهد تعاوني من مطوري الويب والمهندسين لإنشاء واجهة مستخدم قياسية بمواصفات مفتوحة يمكن للمطور اعتمادها وتنفيذها بغض النظر عن النظام الأساسي المستخدم على موقع الويب.
 
Blurhash
خوارزمية لتوليد تمثيل "ضبابي blur" للصورة. يمنحك هذا صورة صغيرة جميلة يمكنك استخدامها كعنصر نائب أثناء تحميل الصورة الحقيقية بالكامل. لا مزيد من الصناديق الفارغة القبيحة.
 
CORS
هل واجهت خطأ CORS على موقع الويب الخاص بك؟ هل تتساءل كيف يحدث ذلك وكيف يتم إصلاحه بشكل صحيح؟ تقدم هذه المقالة جميع الإجابات مع شرح تفصيلي ومعمق.

Mo
Mo هي أداة مساعدة CLI سهلة الاستخدام تسمح لك بالعثور على وحدات Node.js غير المستخدمة من نظام الكمبيوتر الخاص بك. سيقوم أيضًا بفحص استخدام الذاكرة ويوفر لك خيارًا لإزالتها من جهاز الكمبيوتر الخاص بك إذا كنت تريد ذلك. إنها طريقة رائعة لتحرير بعض مساحة القرص في جهاز الكمبيوتر الخاص بك.

Bundlers Tooling Report
يوفر "تقرير أدوات الحزم" تقريرًا مفصلاً عن ميزات الحزم. هناك العديد في القوائم list مثل Webpack و Browserify و Rollup و Parcel. إذا لم تكن متأكدًا من الخيار المناسب لتطبيقك، فمن المفترض أن يساعدك هذا التقرير.
 
Mantine
مجموعة مكونة من أكثر من 120 مكونًا لبناء ويب وتطبيق حديثين باستخدام React. بصرف النظر عن المكونات، فإنه يوفر أيضًا قائمة بخطافات React المخصصة التي يمكن أن تكون مفيدة في العديد من المواقف مثل الوصول إلى مرجع DOM، وأداء وظيفة "debuted"، وإدارة الحالة، وما إلى ذلك.
 
KeystoneJS
نظام CMS مفتوح المصدر قائم على Node.js. يساعد المطورين على إنشاء تطبيقات أو مواقع باستخدام نموذج بيانات مخصص بشكل أسرع. تحتاج ببساطة إلى وصف المخطط وسيزودك تلقائيًا بواجهة المستخدم وكذلك GraphQL API للوصول إلى البيانات الموجودة على الواجهة الأمامية.

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