ادوات مصمم / مطور المواقع Web Designer / Developer Tools

[Rise Company]

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



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

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







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

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


Console

Track CSS, JavaScript, security and network issues.
Learn more about Web Console


Debugger

Powerful JavaScript debugger with support for your framework.
Learn more about JavaScript Debugger


Network

Monitor network requests that can slow or block your site.
Learn more about Network Monitor


Storage panel

Add, modify and remove cache, cookies, databases and session data.
Learn more about Storage Panel


Responsive Design Mode

Test sites on emulated devices in your browser.
Learn more about Responsive Design View


Visual Editing

Fine-tune animations, alignment and padding.
Learn more about Visual Editing


Performance

Unblock bottlenecks, streamline processes, optimize assets.
Learn more about Performance Tools


Memory

Find memory leaks and make your application zippy.
Learn more about Memory Tools


Style Editor

Edit and manage all your CSS stylesheets in your browser.
Learn more about Style Editor


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



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

https://getfirebug.com/index.html

[Rise Company]

More information regarding CSS syntax can be found here:

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