اضافات وأدوات جافا سكريبت، مكتبات وأدوات وإطارات عمل CSS، أدوات وخدمات علي الويب. [divider] [/divider]

اضافات وأدوات جافا سكريبت مجانية “JavaScript”

[divider] [/divider] lightSlider اضافة سلايدر جي كويري خفيفة ومتجاوبة “responsive”. [divider] [/divider] BttrLazyLoading هي اضافة جي كويري تقوم بتحميل الصور في الموقع أو التطبيق عند نقطة الرؤية (viewport). [divider] [/divider] Gridscrolling.js اضافة جي كويري تضع الأقسام والتعليقات في Grid، وتوفر تنقل سلس بالأسهم وتوفر خريطة عامة. [divider] [/divider] Adaptive Backgrounds هي اضافة جي كويري تقوم باستخراج اللون السائد في الصور واضافته للخلفية. [divider] [/divider]  jNottery هي اضافة جي كويري تمكنك من أن اضافة ملاحظات لصفحات الويب وإنشاء رابط مختصر لها ومشاركتها. [divider] [/divider]  HideSeek اضافة جي كويري بسيطة للبحث المباشر وقابلة للتخصيص. [divider] [/divider] fontFlex هي اضافة جي كويري لتغيير حجم الخط بشكل ديناميكي بناء علي عرض المتصفح أو الcontainer. [divider] [/divider] Gif Shot هي مكتبة جافا سكريبت يمكنها إنشاء صور GIF متحركة من الفيديوهات أو الصور. [divider] [/divider] Ideal Image Slider سلايدر بسيط به العديد من المميزات الرائعة. [divider] [/divider] SVG Morpheus هي مكتبة جافا سكريبت تمكنك من جعل أيقونات الـSVG تتحول transition من أيقونة لأخري بأسلوب الـMaterial Design. [divider] [/divider] Shuffle Images هي اضافة جي كويري تعرض أكثر من صورة في صورة واحدة بمجرد تحريك المؤشر علي الصورة. [divider] [/divider]  Timesheet.js مكتبة جافا سكريبت بسيطة لإنشاء جداول زمنية بـHTML. [divider] [/divider] Face Detection اضافة جي كويري رائعة لاكتشاف وتحديد الوجوه في الصور والفيديوهات. [divider] [/divider] Sweep.js مكتبة جافا سكريبت خفيفة حجمها (5kb مضغوطة) والتي تمكنك من عمل تحولات transitions بألوان متعددة. [divider] [/divider] Data Img اضافة جي كوويري بسيطة لمعالجة الصور وجعلها مستجيبة responsive. [divider] [/divider] Vivus.js مكتبة جافا سكريبت خفيفة والتي تمكنك من تحريك وعمل تأثيرات للـSVG، وجعلها تظهر وكأنها تُرسم. [divider] [/divider] pagePiling.js اضافة جي كويري لإنشاء أقسام متتالية فوق بعض والتنقل بينهم بطريقة رائعة. [divider] [/divider] Flow يقوم بفحص أخطاء الجافا سكريبت. ويمكن استخدامه في كشف الأخطاء الشائعة في برامج الجافا سكريبت دون أي تغيير في الكود. [divider] [/divider] Gif Player هي اضافة جي كويري تمكنك من اضافة أزرار تحكم (البدأ – التوقف) للصور المتحركة. [divider] [/divider] Naver اضافة جي كويري والتي تقوم بتحويل نظام التنقل الأساسي (القائمة) تلقائيا إلي نظام تنقل مناسب للموبايل (قائمة الـ hamburger menu). [divider] [/divider]

مكتبات وأدوات وإطارات عمل CSS مجانية

[divider] [/divider] Materialize هو CSS Framework  خفيف معتمد علي Google’s Material Design. ويأتي في شكلين مختلفين، الأساسي بCSS & JS، والشكل الآخر نسخة Sass والتي تعطيك امكانية أكبر في التحكم في المكونات. [divider] [/divider] Foundation for Apps إطار عمل للواجهة الأمامية (Sass) لتطوير تطبيقات ويب مستجيبة بشكل كامل. [divider] [/divider] Schema هو إطار عمل مرن للواجهة الأمامية (Less) يساعدك في إنشاء واجهات معقدة. [divider] [/divider] Flexbox Grid هو نظام شبكي يعتمد علي خاصية flex display. [divider] [/divider] Blueplate اضافة جي كويري خفيفة لإطار الواجهة الأمامية Webplate. لاضافة نظام CSS متجاوب ومكتبة Sass إلي الـframework. [divider] [/divider] Magic Animations مكتبة CSS3 للرسوم المتحركة (animation) ولاضافة تأثيرات رائعة. [divider] [/divider] Material UI اطار CSS يجمع عناصر وتأثيرات Google’s Material Design . [divider] [/divider]  Kouto Swiss اطار CSS متكامل لStylus. يأتي مع مجموعة كبيرة من mixins،functions والأدوات المساعدة. ليناسب احتياجاتك. [divider] [/divider] Tumblr-Cog-Loaders مكتبة رسوم متحركة رائعة لأيقونات التحميل. مبنية بالSVG وCSS فقط. [divider] [/divider] CSS Plot مكتبة صغيرة لإنشاء رسوم بيانية بالـCSS. [divider] [/divider] Animate.css مجموعة من الرسوم المتحركة (animations) التي يمكنك استخدامها في مشاريعك. [divider] [/divider] Material Design for Bootstrap ثيم لـ  Bootstrap 3  يمكنك من استخدام Google’s Material Design. [divider] [/divider] Imacss مكتبة لتحويل ملفات الصور لـ data URIs  واضافتهم في ملف الCSS كـ background images. [divider] [/divider] NightTabs  حل رائع لإنشاء تابات مستجيبة بدون استخدام الجافا سكريبت. [divider] [/divider] CSSDevices مكتبة CSS لأجهزة أبل الفلات(flat). فهي تمكنك من اضافة لقطات (screenshots) من موقعك في أجهزة ابل الفلات المنشأة بالـ CSS. [divider] [/divider] CSS-On-Diet معالج (preprocessor) جديد بني خصيصا للمصممين. [divider] [/divider] Marka مجموعة من الأيقونات المتحولة الجميلة مصممة لتعمل علي الويب. [divider] [/divider]

 أدوات وخدمات علي الويب

[divider] [/divider] Font Flipper أداة علي الويب لتجربة وتصفح الخطوط المثبة علي جهازك. [divider] [/divider] Font Family Reunion أداة تمكنك من معرفة الخطوط الافتراضية علي أنطمة التشغيل المختلفة. [divider] [/divider] Type-Finder أداة تساعدك في اختيار عائلة الخطوط المثالية font family عن طريق الإجابة عن بعض الأسئلة. [divider] [/divider] BADA55.io أداة تساعدك في إيجاد الألوان المشابهة للكلمات. [divider] [/divider] Glyphter أداة قوية وسهلة الاستخدام لإنشاء خطوط من SVG. [divider] [/divider] SVG Circus أداة علي الويب لإنشاء لودر تحميل متحرك بSVG. [divider] [/divider] Fibonacci هو مولد لتصميم تخطيات صفحات الويب باستخدام Flexbox، دون الحاجة لتعلم HTML, CSS. [divider] [/divider] EnjoyCSS هو مولد CSS3 متقدم مع واجهة استخدام سهلة والتي تسمح لك بتعديل الـ styles  بسرعة وبدون تكويد. [divider] [/divider] بني لهواة تصميم الخطوط، Glyphr Studio هو أداة مجانية علي الويب غنية بالعديد من المميزات لتصميم الخطوط. [divider] [/divider] PatternBolt مكتبة ومولد لخلفيات SVG pattern والتي يمكنك تحميلها ك CSS أو SCSS . [divider] [/divider] LoremFlickr هي خدمة image placeholder بسيطة ومجانية. حيث يتم سحب صور من Flickr لديها رخصة المشاع الإبداعي. [divider] [/divider] StyleStats مكتبة Node.js وأداة علي الويب لجمع وعرض احصائيات CSS للمواقع. [divider] [/divider] SC5 Styleguide أداة مفيدة تساعدك في توليد style guides من stylesheets. [divider] [/divider] Compressor.io أداة لضغط الصور. تدعم صيغ JPEG, PNG, GIF & SVG . [divider] [/divider] TinyJPG أداة علي الويب لتقليل وضغط حجم صور JPEG.   المصدر]]>