معرفی ۳ پلاگین کمک دست توسعه دهندگان Front-End

تبلیغات
کانال تلگرام فتولیا

۰۱. User CSS

اکتنشن UserCSS یک پنجره در اختیار ما می گذارد تا قوانین جدید CSS را به صفحه ای که باز شده است ،اضافه کنیم. مزیت اصلی UserCSS نسبت به DevTool پیشفرض مرورگر(یا Inspect Element) این است که بر خلاف DevTool کدهای CSS ما در یک فایل CSS ذخیره می شوند و ثابت هستند.بر خلاف DevTool که با هر بار Refresh صفحه کدهای تغییر داده شده پاک می شوند. به علاوه این اکتنشن یک دکمه دارد که گرفتن اسکرین شات از تست های A/B را خیلی راحت تر می کند.

۰۲. Window Resizer

Window Resizer اندازه های مختلفی به ما می دهد تا دقیقا سایز صفحه را تغییر دهیم.مواقعی که می خواهیم برای slideshow ها یا برای صفحه محصولات، از صفحه اسکرین شات بگیریم مناسب است.همچنین وقتی می خواهید از صفحات واکنش گرا اسکرین شات تهیه کنید این پلاگین خیلی با ارزش خواهد بود.

۰۳. Full Page Screen Capture

این اکتنشن یک عکس تمام صفحه از صفحه مورد نظر شما به فرمت png می گیرد، از بالا تا پایین. نحوه استفاده از آن نیز آسان است فقط دکمه Capture را می زنید و شروع به عکس برداری از صفحه می کند.

در همین رابطه :   آموزش نصب و استفاده از BROWSERSYNC (بخش دوم)

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

More in PHP
فرم ثبت نام حرفه ای با PHP/jQuery به صورت AJAX

سلام :) در این مبحث اگر موافق باشید می خواهیم روی یک فرم با شمایل فیبر کربن ! کار کنیم...

Close