المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : ادوات مصمم / مطور المواقع Web Designer / Developer Tools



Rise Company
30-10-2020, 23:53
ادوات مصمم المواقع Web Designer Tools تعديل css مباشرة من خلال المتصفح Browser
متصفح مخصص لمصممين المواقع - متصفح مخصص لمطورين المواقع
The browser made for developers - فاير بج Firebug Switch
Download the Firefox browser made for developers

https://youtu.be/bkefd6AAOt4

هذا الفيديو يوضح الادوات الاساسية لمصمم و مطور المواقع التى يحتاجها

ولكن فاير بج توقف الان واصبح مكانه متصفح مخصص للمطورين بامكانيات عملاقة

https://www.rise.company/forum/images/imported/2020/10/50.png

https://www.rise.company/forum/images/imported/2020/10/51.png

https://www.rise.company/forum/images/imported/2020/10/1.gif

-----------------------------------------------------------
اهم مميزات ادوات مصمم / مطور المواقع
-----------------------------------------------------------

Design. Code. Test. Refine
Build and Perfect your sites with Firefox DevTools


Inspector

Inspect and refine code to build pixel-perfect layouts.
Learn more about Page Inspector (https://developer.mozilla.org/docs/Tools/Page_Inspector)


Console

Track CSS, JavaScript, security and network issues.
Learn more about Web Console (https://developer.mozilla.org/docs/Tools/Web_Console)


Debugger

Powerful JavaScript debugger with support for your framework.
Learn more about JavaScript Debugger (https://developer.mozilla.org/docs/Tools/Debugger)


Network

Monitor network requests that can slow or block your site.
Learn more about Network Monitor (https://developer.mozilla.org/docs/Tools/Network_Monitor)


Storage panel

Add, modify and remove cache, cookies, databases and session data.
Learn more about Storage Panel (https://developer.mozilla.org/docs/Tools/Storage_Inspector)


Responsive Design Mode

Test sites on emulated devices in your browser.
Learn more about Responsive Design View (https://developer.mozilla.org/docs/Tools/Responsive_Design_View)


Visual Editing

Fine-tune animations, alignment and padding.
Learn more about Visual Editing (https://hacks.mozilla.org/2015/11/developer-edition-44-creative-tools-and-more)


Performance

Unblock bottlenecks, streamline processes, optimize assets.
Learn more about Performance Tools (https://developer.mozilla.org/docs/Tools/Performance)


Memory

Find memory leaks and make your application zippy.
Learn more about Memory Tools (https://developer.mozilla.org/docs/Tools/Memory)


Style Editor

Edit and manage all your CSS stylesheets in your browser.
Learn more about Style Editor (https://developer.mozilla.org/docs/Tools/Style_Editor)


---------------------------------------------------------------------------------
تحميل متصفح Firefox Quantum
---------------------------------------------------------------------------------

https://www.rise.company/forum/images/imported/2020/10/52.png

Firebug Switch to Firefox Quantum developer tools
like the first CSS Grid inspector and the JavaScript debugger.

https://getfirebug.com/index.html

Rise Company
31-10-2020, 00:03
More information regarding CSS syntax can be found here:

https://developer.mozilla.org/en-US/learn/css
http://www.w3schools.com/css/ (https://www.w3schools.com/css/)
http://reference.sitepoint.com/css/syntax