تدمج المتصفحات بشكل متزايد المزيد من الإضافات والمكونات الإضافية والوظائف الإضافية، والتي غالبًا ما يتم تطويرها بواسطة مستخدميها، مما يجعل المتصفح أكثر قوة، ويساعدنا على زيادة إنتاجيتنا.
هنا في قولديان ستوديو، تتمثل مهمتنا في مشاركة أفضل الموارد والأدوات على الويب معك.
لذلك سوف نتحدث في هذه المقالة حول أفضل الإضافات والمكونات الإضافية للمتصفحات الرئيسية. للبدء ، نحن نركز على الإضافات التي يتم تقديمها في متجر Chrome الإلكتروني ، والمتاحة مجانًا وسهلة التثبيت والاستخدام.
من بين الأدوات ، سنقوم بتسليط الضوء على تلك الأكثر فائدة لمصممي ومطوري الويب. نأمل أن تجدها مفيدة وتساعدك في الحصل على نتائج أفضل.
أفضل ملحقات واضافات Google Chrome لمصممي ومطوري الويب
Fonts Ninja – ملحق Chrome لمعرفة تفاصيل الخطوط
يساعدك Fonts Ninja على تحديد الخطوط وتوفير معلومات عنها من خلال التحقق من الأنماط المتوفرة والأشكال وسعر الخط. تقوم الخوارزمية بفحص الخطوط بالإضافة إلى خصائص CSS الخاصة بها.
أداة SVG Grabber
Svg-Grabber هي أداة مفتوحة المصدر لنسخ أو تنزيل جميع أصول SVG من المواقع بسرعة.
كم مرة رأيت شعارًا أو رمزًا مثيرًا للاهتمام على مواقع الويب، وكنت تريد الحصول عليه؟ الآن ، تتيح لك أداة SVG Grabber القيام بذلك بنقرة زر واحدة.
WhatFont – ملحق Chrome لمعرفة أنوع الخطوط
امتداد Chrome شائع جدًا ومفيد للمطورين والمصممين. إذا كنت تفكر في نوع الخط المستخدم على موقع ويب ما ، فسيقوم WhatFont بتحديد الخط لك. فقط قم بالمرور فوقه واكتشف على الفور الخط الذي هو عليه.
Image Downloader – أداة تحميل الصور
تصفح الصور وقم بتنزيلها من الويب بنقرة واحدة فقط! يعد هذا الامتداد موفرًا للوقت ويمكنك بواسطته استكشاف الصور في الصفحة الحالية ، والتصفية حسب العرض ، أو الارتفاع ، أو عنوان URL ، والمزيد!
HTML to Figma امتداد Chrome لمسك صفحات الويب
يمكنك استخدام هذا الامتداد المفيد لالتقاط أي صفحة ويب واستيرادها إلى Figma لفحص العناصر وتحرير الطبقات.
امتداد PerfectPixel لمتصفح Chrome
باستخدام هذا الامتداد ، يمكن للواجهات الأمامية تراكب صورة شبه شفافة فوق HTML DOM لمقارنة التصميم مع تخطيط CSS.
CSS SCAN
باستخدام CSS Scan ، يمكنك فحص ونسخ وتحرير أنماط CSS لأي عنصر في HTML DOM. قل وداعًا لـ “Inspect Element” ، ما عليك سوى التمرير فوق العناصر ونسخ الأنماط وقواعد CSS بنقرة واحدة.
Window Resizer
من أجل جعل موقع الويب الخاص بك أكثر استجابة ، يقوم هذا الامتداد بتغيير حجم نافذة المتصفح. يمكنك الاختيار من بين قائمة بأبعاد الشاشة الشائعة (سطح المكتب ، والجوال ، والكمبيوتر المحمول) أو إضافة الأحجام المخصصة ودقة الوضوح الخاصة بك بسهولة.
Site Palette – امتداد Chrome
لقد رأينا جميعًا أمثلة على مواقع الويب التي تستخدم الألوان بشكل كبير! Site Palette هو امتداد Chrome الذي يستخرج الألوان الرئيسية لموقع الويب الحالي. ب
استخدام هذه الأداة ، يمكنك إنشاء لوحات الألوان المفضلة لديك ومشاركتها. أيضًا ، يمكنك تنزيل نموذج Sketch أو استخدام دعم Adobe Swatch!
CSS Peeper
CSS Peeper هو عارض CSS مصمم خصيصًا للمصممين. قم بفحص العناصر فورًا باستخدام الخصائص المفيدة لاستخدامها في Sketch أو Photoshop ، واحصل على لوحة الألوان الكاملة للويب المدرجة بطريقة جذابة بصريًا.
ابدأ بفحص الأنماط بطريقة بسيطة ومنظمة جيدًا وجميلة باستخدام CSS Peeper.
The Great Suspender Original
يقوم Great Suspender بتعليق علامات التبويب غير المستخدمة لتوفير الذاكرة وجعل جهاز الكمبيوتر الخاص بك يعمل بشكل أكثر سلاسة. يحتوي على ميزات أكثر تقدمًا ، مثل استعادة علامات التبويب التي تحتاجها فقط أو استعادة جميعها مرة واحدة ، وإنشاء مجموعات من علامات التبويب ، وما إلى ذلك.
Hex Color Picker – امتداد Chrome
يتيح لك هذا الامتداد اختيار الألوان من صفحات الويب المفضلة لديك. لا يقوم Hex Color Picker باستخراج معلومات اللون من أنماط CSS فحسب ، بل يمكنه أيضًا استخراج قيم RGB من الصور.
Hoverify
Hoverify هو امتداد للمتصفح يعمل على تحسين تجربة تطوير الويب من خلال توفير أدوات لتسريع سير العمل ، مثل CSS ومفتشي HTML ، والإصدار المباشر من CSS ، والتصدير إلى Codepen ، وفحص استعلامات الوسائط ، والعثور على الخطوط ، واستخراج الألوان ، وتبديل رؤية العنصر . سعر هذا الامتداد 30 دولار فقط.
Nimbus – Screenshot & Screen Video Recorder – امتداد Chrome
يسمح لك امتداد Chrome هذا بالتقاط شاشة صفحة الويب الكاملة أو أي جزء من الموقع وتعديل لقطات الشاشة وتقليم وتقطيع لقطات الشاشة وتحويل الفيديو إلى gif أو mp4.
Evernote Web Clipper – امتداد كروم
من الاهتمامات إلى البحث ، احفظ أي شيء تراه عبر الإنترنت – بما في ذلك النصوص والروابط والصور – في حسابك على Evernote بنقرة واحدة.
بنقرة واحدة ، يمكنك قص جزء من أي صفحة ويب أو كلها ، بما في ذلك النصوص والصور والروابط. اجمع كل ما يلهمك عبر الإنترنت.
