مرحبا 🖐🏻
كمطور ويب سواء Front-end أو Back-end الإنتاجية هي أحد الصفات الفريدة والمميزة التي مفترض ان تتميز فيها، وأحد عوامل زيادة الإنتاجية هو العمل بذكاء وليس بجهد.
وأحد أفضل طرق العمل بذكاء هو تسخير الأدوات والخدمات في خدمتك
وهنا راح أضع لكم 6 أدوات ومواقع راح ترفع مستوى الإنتاجية لديك وايضا الإحترافية بالعمل
وبسم الله نبدأ
1- أداة Responsively App – مجانية ✅
أداة Responsively App جداً رائعه لإستعراض موقعك على عدة مقاسات للمتصفحات للتأكد من تكاملة مع جميع الشاشات الأداة جميله جدا توفر لك عدة مميزات أخرى مثل تصوير كامل المواقع، التحكم بالمواقع على جميع المقاسات وغيرها الكثير.
2- أداة Get CSS Scan – غير مجانية
أداة Get CSS Scan تقدم لك مميزات أكثر وذكاء أكثر في معرفة CSS لكل جزئية في الموقع وتغنيك عن فتح Inspect Element والتعديل المباشر وغيرها من المميزات .. تستاهل سعرها.
3- موقع Bit dev – مجاني ✅ – ويوجد باقات خاصة
موقع Bit dev يوفر لك العديد من الكمبونت الجاهزة HTML&CSS&JS الي تقدر تستخدمها مباشرة بالموقع دون مضيعة الوقت في كتابتها والتجارب عليها.
4- موقع Can I Use – مجاني ✅
فكرة موقع Can I Use يوضح لك التكامل مع المتصفحات لكل CSS properties رهيبه إذا حاب تستخدم CSS وخايف ما يشتغل على متصفح أخر أو يسبب مشاكل.
5- موقع Bundle Phobia – مجاني ✅
موقع Bundle Phobia رهيب جداً يوضح لك التأثير على السرعة إذا حاب تستخدم مكتبة جافا اسكربت معينه في موقعك أبحث عن أسمها ويقلك تأثيرها على سرعة الموقع وحجم التحميل وغيرها.
6- موقع Front-end Checklist – مجاني ✅
وظيفة موقع Front-end Checklist ببساطه يحطلك قائمة بالأشياء الي جداً مهمه تكون في كل فرونت اند ويصير انت تراجع إذا انتهيت منها تضع علامة صح ببساطة عشان لا تنسى شيء أو يفوتك شيء.
وهذه إضافية لكم 😍
موقع Coolors – مجاني ✅
موقع Coolors يساعدك في إختيار الألوان المتطابقة مع بعض والمناسبة لألوانك والعديد من المميزات الي راح تخرج لك أعمالك بشك لأكثر تناسق وابداع.
وإلى هنا نوصل إلى نهاية موضوعنا هذا
وتأكد أن الأدوات والخدمات بحر لا نهاية له .. أبحث لا تقوم بإعادة بناء العجلة وأنطلق حيث توقف الأخرين 👍🏻
كل التوفيق صديقي ❤️
سبحانك اللهم وبحمدك , أشهد أن لا إله إلا أنت , أستغفرك وأتوب إليك ..
Leave a Reply