الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

قائمة الأدوات المجانية عبر الإنترنت لتطوير الويب الأمامي (2020)

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

  • الطباعة
    • مجموعات الخطوط
  • الألوان واللوحات والأنماط
    • مولدات الألوان
    • محرري الأنماط
    • مولدات التدرج
    • لوحات الألوان
    • ملابسي اللون
  • الصور ، الرسوم التوضيحية ، مقاطع الفيديو
    • محولات الصور والمحررين
  • CSS
    • مولدات التدرج CSS
    • محرري الرسوم المتحركة CSS
    • مولدات مثلث CSS
  • SVG
  • Regex
  • آحرون

الطباعة

  • loremipsum.io - طريقة بسيطة وأفضل للاستيلاء على محتوى نص lorem ipsum

  • Gridlover.net/try - إنشاء نظام مطبعي ذو مقياس معياري وإيقاع عمودي

  • Pearsonified.com/typography - حاسبة الطباعة الذهبية النسبة

  • pxtoem.com - تحويل PX إلى EM

  • canva.com/font-combinations - العثور على مجموعة خط

  • fontpair.co - مجموعة من أزواج Google Fonts

  • transfonter.org - محول الخط على الإنترنت

مجموعات الخطوط

  • fontstruct.com/gallery - مجموعة من الخطوط (يتطلب التسجيل)

  • fonts.google.com - Google Fonts

  • fonts2u.com - مجموعة من الخطوط المجانية

  • github.com/lvwzhen/iconpark - مجموعة من خطوط الأيقونة

الألوان واللوحات والأنماط

  • color-hex.com - يعطي معلومات حول الألوان

  • colorhunt.co - مجموعة من لوحات الألوان

  • Colourlovers.com - مجموعة من اللوحات والأنماط والأشكال والألوان

  • colrd.com - مجموعة من اللوحات والأنماط والتدرجات والألوان

  • Heropatterns.com - مجموعة من أنماط خلفية SVG القابلة للتكرار

  • toptal.com/designers/subtlepatterns - مجموعة من الأنماط

  • PatternCooler.com - مجموعة من خلفيات الأنماط

مولدات الألوان

  • color.hailpixel.com - مولد ألوان مسطح

  • Colourco.de - مولد الألوان

  • Paletton.com - مصمم ألوان

  • galactic.ink/sphere - مولد طيف الألوان

  • colorupplyyy.com/app - قم بإنشاء خلائط ألوان مختلفة

محرري الأنماط

  • PatternInja.com - محرر الأنماط

  • HalftonePro.com/app - محرر الأنماط

  • qrohlf.com/trianglify----

  • Kennethcachia.com/plain-patern - محرر نمط SVG

مولدات التدرج

  • uigradients.com - مجموعة من التدرجات

  • colinkeany.com/blend - مولد التدرج الخلفي

لوحات الألوان

  • flatuicolors.com - مجموعة من لوحات الألوان

  • colordrop.io - مجموعة من لوحات الألوان

  • color.adobe.com/explore - مجموعة من لوحات الألوان

  • flatuicolorpicker.com/category/all - مجموعة من الألوان المسطحة

ملابسي اللون

  • lokeshdhakar.com/projects/color-thief - احصل على لوحة الألوان من صورة

  • www.colorhunter.com - الاستيلاء على الألوان من الصور

  • Image -color.com - ألوان أخرى يمسك من الصور

  • WebColourdata.com - الاستيلاء على الألوان من مواقع الويب

الصور ، الرسوم التوضيحية ، مقاطع الفيديو

  • pixabay.com - مجموعة من الصور المجانية

  • pexels.com - مجموعة من الصور المجانية

  • unsplash.com - مجموعة من الصور المجانية

  • free-images.com - مجموعة من الصور المجانية

  • tratisography.com - مجموعة من الصور المجانية

  • freephotos.cc - مجموعة من الصور المجانية

  • Kisspng.com - مجموعة من صور PNG شفافة

  • vecteezy.com - مجموعة من فن الموجه المجاني

  • undraw.co/illustrations - مجموعة من الرسوم التوضيحية مجانًا

  • iconfinder.com - Finder Icon

  • Coverr.co - مقاطع فيديو تغطية مجانية

  • Mazwai.com - مقاطع فيديو سينمائية مجانية تحت رخصة CC بنسبة 3.0

محولات الصور والمحررين

  • jpeg.io - يحول أي تنسيق صورة رئيسي إلى JPEG محسّن للغاية

  • TinyPng.com - أداة ضغط أخرى تسمح بصور الضغط .png و .jpg (تتيح الصور التي يصل حجمها إلى 5 ميجابايت)

  • WebSitePlanet.com/webtools/imageCompressor - .PNG أو .jpg ضغط إلى .PNG محسّن (يسمح بحجم ما يصل إلى 50 ميجابايت)

  • BSE64.com - قم بتشفير صورك في Base64

  • lorempixel.com - مولد صور العنصر الوطني

  • Xiconeditor.com - محرر أيقونة عبر الإنترنت

  • favicon -generator.org - مولد favicon

  • toptal.com/developers/css/sprite-generator - CSS Sprites Generator

  • Webresizer.com/resizer - محرر الصور

  • PICSVG.com - تحويل JPEG ، JPG ، GIF ، PNG صورة إلى SVG

CSS

  • Westciv.com/tools/3dtransforms - التدرجات/محرر تحويل

  • CSS3Maker.com - محرر ومولدات CSS - نصف قطر الحدود ، التدرج ، التحويل ، الرسوم المتحركة ، الانتقال ، ظل النص ، ظل مربع ، دوران النص

  • cssmatic.com - مولدات CSS - التدرج ، أنماط الخلفية ، ظلال الصناديق ، دائرة نصف قطرها الحدود

  • cssmatic.com/box-shadow - CSS Drop Shadows Generator

  • مطور.

  • cssfilters.co - محرر مرشحات CSS

مولدات التدرج CSS

  • colorzilla.com/gradient-editor - Generator CSS

  • CSS -Radient - Generator CSS Lradient Generator

  • GradientGenerator.com - مولد التدرج CSS مع الأنماط

  • AngryTools.com/gradient - مولد التدرج CSS

محرري الرسوم المتحركة CSS

  • theapguruz.com/tag-tools/web/cssanimations - مجموعة من الرسوم المتحركة CSS

  • anicollection.github.io - مجموعة من الرسوم المتحركة CSS

  • cssanimate.com - مولد الرسوم المتحركة CSS

  • AngyTools.com/css/animation - مولد الرسوم المتحركة CSS

  • Animista.net - مولد الرسوم المتحركة CSS

  • jeremyckahn.github.io/stylie - مولد الرسوم المتحركة CSS

  • waitanimate.wstone.io - احسب النسب المئوية للإطار الرئيسي بحيث يمكنك إدراج تأخير بين كل تكرار الرسوم المتحركة

مولدات مثلث CSS

  • cssarrowplease.com - يقوم بإنشاء مربع مخصص مع سهم يمتد من الجانب

  • apps.eky.hk/css-triangle-generator-مولد مثلث CSS

SVG

  • useragentman.com/tests/textpath/bezier-curve-construction-set-مولد منحنى Bézier

  • cssplant.com/clip-path-nerator-مولد مسار مقطع

  • bennettfeely.com/clippy - مولد مسار مقطع

  • jxnblk.com/paths - مولد المسار

  • kazzkiq.github.io/svg- color-filter-محرر مرشح الألوان SVG

  • yoksel.github.io/svg-filters - محرر تأثيرات مرشح SVG

  • gigacore.github.io/demos/svg-stroke-dasharray-generator-مولد خط داش

  • محرر. method.ac - محرر SVG

Regex

  • regexr.com - بناء واختبار تعبيرات منتظمة

  • regex101.com - بناء واختبار تعبيرات منتظمة

آحرون

  • المطورين.

  • Easings.net - مجموعة من وظائف التخفيف

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل