الصفحة الرئيسية » تصميم المواقع » موارد جديدة لمصممي ومطوري الويب (أغسطس 2018)

    موارد جديدة لمصممي ومطوري الويب (أغسطس 2018)

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

    من بين قائمة الأدوات ، هناك مكتبة JavaScript لإنشاء بيانات وهمية ، وهي أداة لمشاركة الملفات داخل الشبكات المحلية, واحدة ستسمح لك بتسجيل جلسة عمل المحطة الطرفية في رسوم SVG المتحركة. يبدو جيدا؟ دعونا التحقق من القائمة الكاملة أدناه.

    Pushbar.js

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

    الكربون الآن CLI

    الكربون CLI هو حزمة Node.js ل توليد لقطة للشاشة جميل من خلال واجهة سطر الأوامر. هذه الأداة مستوحاة من carbon.now.sh حيث يمكنك أن تفعل الشيء نفسه من خلال واجهة المستخدم الرسومية لطيفة على المتصفح.

    Faker.js

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

    TermToSVG

    TermToSVG ​​هو لينكس محطة مسجل يؤدي ذلك إلى تحويل جلسات سطر الأوامر إلى رسم SVG. إنها أداة مفيدة للمطورين لكتابة برنامج تعليمي.

    مدير النسخ الاحتياطي لقاعدة البيانات

    إنها مكتبة PHP ، وكما يوحي الاسم ، فإنها توفر مجموعة من الوظائف ل التعامل مع قاعدة بيانات النسخ الاحتياطي والاستعادة. تدعم المكتبة خدمات متنوعة لإرسالها أو سحبها منها ، بما في ذلك Dropbox و Amazon S3 و FTP و SFTP و Rackloud Cloud.

    رد فعل بت

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

    لغة DSS

    يرمز DSS إلى Deterministic StyleSheets ، وهي أداة تأليف CSS جديدة. كيف يعمل وكيف يمكن تطبيق هذا على يومي لي العمل؟ أنا بصراحة ليس لدي فكرة حتى الآن. لكنها تبدو رائعة وهي جديدة لذا فهي مدرجة في القائمة. شكرا لكم!

    PurgeCSS

    PurgeCSS هي حزمة NPM التي تسمح تحسين إخراج CSS في تطبيق الويب الخاص بك عن طريق إزالة تلك التي ليست قيد الاستخدام. تحتوي الأداة على مجموعة متنوعة من دعم الأداة المضمّن ، بما في ذلك Gulp و Grunt و Grunt و Webpack و PostCSS ، بحيث يمكنك دمجها في مشروعك على الفور.

    RFS

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

    SimpleBar

    مكتبة JavaScript لإنشاء شريط تمرير مخصص ، يتيح لك SimpleBar تصميم نمط التمرير إلى تطابق نمط موقعك باستخدام CSS تمامًا مثل أي عنصر HTML آخر في الموقع. نظرًا لقيود النظام الأساسي والمتصفح ، كان تصميم شريط التمرير الخاص بالمستعرض معقدًا ، لكن SimpleBar جعله أمرًا بسيطًا بالفعل.

    Larastan

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

    PWMetrics

    PWMetrics هي أداة تجمع مقاييس تطبيقات الويب التقدمية من خلال واجهة سطر أوامر تم تطويرها بواسطة Paul Irish. يتم تشغيل الأداة بواسطة Lighthouse وهي متوفرة كحزمة NPM. ويوفر الكثير من الخيارات ل تكوين المقاييس ، أداء الاختبار, والتوقع الذي ترغب في تحقيقه من الاختبار.

    سلام

    باكس هي حزمة جافا سكريبت ل تجميع وحدات JavaScript في ملف قابل للاستخدام للمتصفحات. باكس تعد بالسرعة. إنه يجمع أسرع من بعض المجمعات البديلة. وهو يدعم تماما ES6 استيراد و تصدير بناء الجملة و sytax CommonJS استيراد. مختلف سلام هو مكتوب مع الصدأ ومتاح من خلال سجل حزمة الصدأ دعا البضائع.

    SustyWP

    SustyWP هو وورد موضوع يهدف لسبب أفضل. لتقليل انبعاثات الكربون عن طريق تقليل حجمها إلى أصغر حجم ممكن. وزنه 7-6 كيلو بايت فقط عند تحميله على المتصفح. انها سريع وخفيف, وفي المقابل ، تستهلك موارد أقل (مثل الكهرباء) لتحميل الموقع. تحقق من الخلفية الدرامية في هذا المنصب من قبل جاك لينوكس.

    مكتبة الدودل

    ا مجموعة من الرسومات خربش, تحتوي مكتبة Doodle Library على الكثير من الرسومات في المجموعة ويتم تجميعها في عدة فئات الوجوه ، الأماكن ، الحيوانات ، إلخ. تتوفر الرسومات بتنسيق SVG ويتم توزيعها وفقًا للسمات المشتركة الإبداعية 4.0

    Tilt.js

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

    Fileroom

    Fileroom هو تطبيق ويب لـ مشاركة ملف نظير إلى نظير داخل نفس الشبكة. يمكنك مشاركة الملف مع زميلك ببساطة عن طريق السحب والإفلات بغض النظر عن نظام التشغيل. وهو يعمل في ويندوز ، ماك ، لينكس.

    Coolhue

    تتيح لك مجموعة Coolhue مجموعة من ألوان التدرجات اللونية المختارة يدويًا ، الحصول على حوامل لوحة الألوان لتطبيق Photoshop و Sketch أو تثبيته في المشروع الخاص بك استخدام كوخ ريفي أو الآلية الوقائية الوطنية. هذا سيوفر لك بعض الوقت لالتقاط الألوان لمواقعك القادمة.

    الشعاب المرجانية

    مكتبة JavaScript بسيطة لإنشاء واجهة مستخدم ، لا يحتوي Reef على جميع الأجراس وصفارات من المكتبة الأكبر مثل React.js أو Vue.js. ولكن إذا كان كل ما تحتاجه هو تقديم واجهة المستخدم ، فقط إدخال البيانات ويمكن للقالب ريف يكون بديلا رائعا. الوزن فقط 2 كيلو بايت

    دائم الخضرة

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