wait please
شکیبا باشید
صفحه اصلی آرشیو اخبار و مقالات طراحی سایت افزونه‌ های ضروری برای طراحان وب

افزونه‌ های ضروری برای طراحان وب

افزونه‌ های ضروری برای طراحان وب

برنامه‌ نویسان وب، خصوصا آن سنتی‌هایشان، به‌شدت از دشواری طراحی صفحه‌های وب سخن می‌گویند. این برنامه‌ نویسان از بس میان مرورگر و ویرایشگر کد خود سوییچ کرده‌اند، در گرفتن Alt+Tab استاد شده‌اند. اما می‌توان کار طراحی وب را بسیار ساده‌تر کرد. برای برنامه نویسی بهتر و راحت‌تر در فایرفاکس نیروهای کمکی متعددی وجود دارد. این نیروهای کمکی فایرفاکس برای برنامه‌ نویسان همان افزونه‌هایی هستند که می‌توان تمام آنها در چند ثانیه دانلود کرد. برای دانلود این افزونه‌ها به سایت فایرفاکس مراجعه نمایید. نحوه نصب آنها در مقاله "نصب افزونه‌های فایرفاکس (Add-ons)"شرح داده شده است.

برنامه‌ نویسان وب، خصوصا آن سنتی‌هایشان، به‌شدت از دشواری طراحی صفحه‌های وب سخن می‌گویند. این برنامه‌ نویسان از بس میان مرورگر و ویرایشگر کد خود سوییچ کرده‌اند، در گرفتن Alt+Tab استاد شده‌اند. اما می‌توان کار طراحی وب را بسیار ساده‌تر کرد. برای برنامه نویسی بهتر و راحت‌تر در فایرفاکس نیروهای کمکی متعددی وجود دارد. این نیروهای کمکی فایرفاکس برای برنامه‌ نویسان همان افزونه‌هایی هستند که می‌توان تمام آنها در چند ثانیه دانلود کرد. برای دانلود این افزونه‌ها به سایت فایرفاکس مراجعه نمایید. نحوه نصب آنها در مقاله "نصب افزونه‌های فایرفاکس (Add-ons)"شرح داده شده است.

Aardvark
این افزونه به شما این امکان را می‌دهد تا عناصری را از یک صفحه وب انتخاب و کلی کار روی آنها انجام دهید. البته این افزونه بیشتر برای آنالیز ساختار صفحه وب استفاده می‌شود. ولی در کارهای دیگری از قبیل حذف‌کردن یا ایزوله‌کردن عناصر و یا ساخت کدهای DOM (Document Object Model) به‌شما کمک می‌کند. به‌شدت به شما توصیه می‌کنیم که از این افزونه استفاده کنید تا معجزه آن را ببینید.
 
CSS Validator
اعتبارسنج CSS، گزینه جدیدی را به منوی کلیک راست شما در فایرفاکس اضافه می‌کند و به‌کمک آن می‌توانید سند CSS هر صفحه وب را در یک تب جدید اعتبار سنجی کنید. اعتبارسنج CSS به‌درد آن دسته از طراحان وب‌ می‌خورد که به رعایت استانداردها خیلی پایبندند.  
 
CSS Viewer
اصلا نمی‌شود بدون CSSViewer کار را پیش‌برد. یک بار این افزونه را نصب کنید و بعد به‌عمق معنای این جمله پی می‌برید. تمام اطلاعاتی که می‌توان از سند CSS یک صفحه وب در آورد در این افزونه وجود دارد. فقط کافی است منوی ابزار را باز کنید و اطلاعات را ببینید. کاربرد آن تقریبا روزانه است.
 
Web Developer
اگر هرکدام از این افزونه‌ها را تابه‌حال نصب نکرده‌اید اشکال ندارد، ولی این یکی را حتما نصب کنید! این افزونه، یک منو و یک نوارابزار به فایرفاکس اضافه می‌کند که به شما امکانات زیادی، مانند گزینه طرز نمایش یک صفحه، ویرایش و نمایش CSS و بسیاری از چیزهای دیگر را می‌دهد که احتمالا باعث می‌شود یک شب را از خوشحالی تا صبح بیدار بمانید.
 
FireBug
بدون فایرباگ، توسعه وب دردی است که درمان ندارد. به‌کمک فایرباگ امکان ویرایش، رفع عیب، مشاهده CSS، ویرایش آن. اعمال کدهای جاوااسکریپت، تغییر کدهای HTML، تغییر CSS و هر چیزی در این میان را می‌توانید انجام دهید.  
 
FirePHP
این افزونه تنها زمانی قابل استفاده است که شما افزونه FireBug را قبلا نصب کرده باشید. اگر فایرباگ را سلطان افزونه‌های طراحی وب بنامیم، قطعا این یکی دستیار آن است و برنامه‌نویسان PHP را غرق در خوشحالی خواهد ساخت. با کمک هر دو افزونه می‌توانید توانایی PHPتان را بسنجید و خطاهای آن را به‌راحتی پیدا کنید.

FontFinder
اگر تا به‌حال از فونتی در یک سایت خوشتان آمده، ولی نفهمیدید که چه فونتی است، این افزونه را نصب کنید و دوباره سراغ آن سایت بروید. هر تکه‌ای را که می‌خواهید انتخاب کنید و بعد یک راست کلیک با دریافت CSS کامل آن فونت فاصله دارید. به‌سادگی می‌توانید آن را کپی کنید و بعد در وب‌سایت خود پیاده کنید.  
 
HTML Validator
به‌کمک این افزونه که فقط برای کاربران ویندوز طراحی شده، می‌توانید میزان خطاهای عناصر HTML روی صفحه‌تان را شناسایی کنید. اگر طراح پیشرفته وب نیستید، کلا سراغ این افزونه نروید. کار با آن بسیار دشوار است.
 
IE View
اگر مشتریان شما بیشتر از اینترنت اکسپلورر استفاده می‌کنند، این افزونه به شما خیلی کمک می‌کند.
این افزونه گزینه‌ای را به اسم Open in IE اضافه می‌کند که به شما این اجازه را می‌دهد تا صفحه‌ای را که طراحی کرده‌اید در اینترنت اکسپلورر باز کنید و ببینید در اکسپلورر چه منظره‌ای دارد.
 
Java Console
اگر خیلی دلتان می‌خواهد بدانید اپلت Java چگونه در صفحه وب نمایش داده می‌شوند، این افزونه برای خود شما طراحی شده است! همچنین می‌توانید یک گزارش کامل از کارایی آنها نیز بگیرید.
 
LinkChecker
با کمک این افزونه می‌توانید بفهمید که لینک‌های یک وب‌سایت به کجا می‌روند، آیا خطای 404 را نمایش می‌دهند یا خیر؟  
 
Poster
اگر می‌خواهید از سروری اشکال‌زدایی کنید و کار به‌جایی کشید که بسته‌های HTTP را هم باید با دقت کنترل کنید، با کمک پوستر می‌توانید بسته‌ای را آماده کنید و بعد عملیات انتقال و دریافت را انجام دهید و با دقت روی بسته‌های بازگشتی تمرکز کنید.  
 
Style Sheet Chooser II
این افزونه می‌تواند سوئیچ‌کننده style sheet پیش‌فرض فایرفاکس را با هر سندی که در هرکدام از صفحات وب دیده‌اید، جایگزین ‌کند. این ابزار، چیزی نیست که همیشه بخواهید از آن استفاده کنید، ولی اگر بخواهید تغییری بدهید، مطمئن باشید بهترین گزینه شما خواهد بود.
 
ColorZilla
اگر در وب‌سایتی از رنگی خوشتان آمد و خواستید آن را برای استفاده بعدی یک جایی یادداشت کنید، کالرزیلا کد رنگ را به‌سادگی هرچه تمام‌تر برای شما استخراج می‌کند. حتی می‌توانید با کمک پالت رنگی که در این افزونه هست، ترکیب‌های رنگی زیبایی خلق کنید: ساده، قدرتمند و ضروری.
 
YSlow
این افزونه نیز برای اجرا به FireBug نیاز دارد و بهترین راه برای فهمیدن دلیل آهسته اجرا شدن سایت و یافتن راه‌های سریع‌تر کردن وب‌سایت شماست.
این ابزار صفحه‌های وب را آنالیز می‌کند و نشان می‌دهد، چرا کند بارگزاری می‌شود و روی قوانینی برای سایت‌های با کارایی بالا متعلق به یاهو‌ پیاده‌سازی شده است.
 

منبع : تبیان