تورتک » کرک نکنیم » اینترنت » مرورگر فایرفاکس ۱۰ ابزاری مناسب برای طراحان وب

مرورگر فایرفاکس ۱۰ ابزاری مناسب برای طراحان وب

دیروز کمپانی موزیلا با پرده برداری از مرورگر وب جدید خود یعنی فایرفاکس ۱۰ دریچه ای جدید را برای کاربران وب به نمایش گذاشت که شما می توانید با استفاده از آن در کنار اینکه صفحات وب را پیمایش می کنید از امکانات فراوان این مرورگر نیز مانند امنیت بالا ، سرعت نمایش و بارگذاری صفحات وب و … لذت ببرید. در این نوشته از تورتک به معرفی کامل این نسخه از مرورگر معروف فایرفاکس می پردازیم و با امکانات جدید این مرورگر برای طراحان وب ، وبمسترها و وبلاگ نویسان آشنا می شویم.

ابزار جدید inspect برای طراحی وب

در نوشته بررسی امکانات جدید فایرفاکس ۹ با چند امکان جدید این مرورگر برای طراحی و توسعه صفحات وب و بررسی کدهای آن ها مانند ابزار Scratchpad که مربوط به اجرا و تحلیل کدهای جاوا اسکریپت است آشنایی پیدا کردیم. اما امکان جدیدی که در فایرفاکس ۱۰ در اختیار کاربران این مرورگر وب قرار گرفته است با عنوان ابزار inspect این امکان را می دهد که به راحتی در میان کدهای HTML و یا CSS صفحات وب سرکشی کنید و هر بخش از صفحه وب مورد نظر را بررسی کنید که با استفاده از چه کدهایی و چه CSS ساخته شده است تا بتوانید تغییرات مورد نظر را در صفحات سایت و یا وبلاگ خود در هنگام طراحی وب خیلی ساده‌تر انجام دهید. برای استفاده از ابزار inspect در فایرفاکس ۱۰ می توانید از کلید میانبر Ctrl + Shift + I استفاده کنید و یا از منوی Tools در بخش Web Developer گزینه inspect انتخاب کنید.

همانطور که در تصویر بالا مشاهده می کنید با کلیک بر روی هر یک از گزینه های HTML و یا CSS می توانید کدهای مربوطه به بخش های مختلف صفحات سایت خود را مشاهده کنید. توجه داشته باشید برای انتخاب هر شی در صفحات وب ( DOM ) و دیدن کدهای مربوط به آن کافی است با موس خود بر روی آن بروید تا این ابزار به صورت خودکار آن را شناسایی کرده و کدهای آن را در کادر inspect به نمایش بگذارد و همچنین ساختار آن قسمت از صفحه وب را به صورت تو در تو در یک خط همانطور که می بینید نمایش داده می شود که این امکان نیز باعث می شود درک بهتری را نسبت به ساختار صفحات وب خود و چگونگی ویرایش آن پیدا کنید.

شما می توانید براحتی هر خاصیت و مقداری را که دوست دارید در کدهای CSS صفحات وب تغییر دهید و به محض به دست آمدن نتیجه دلخواه از کدهای جدید در سایت یا وبلاگ خود استفاده کنید و دیگر با استفاده از این ابزار جدید برای بررسی و ویرایش کد صفحات وب در فایرفاکس نیازی نیست از افزونه های دیگری مانند Firebug استفاده کنید.

پشتیبانی از API های جدید برای خروج صفحات وب از پنجره مرورگر ها

همانطور که می دانید HTML5 را می توانیم با توجه به قدرت آن برای ساخت برنامه ها و سرویس های دیگری نیز به غیر از طراحی صفحات وب به کار ببریم و مرورگر فایرفاکس و دیگر مرورگر وب مانند گوگل کروم ، اینترنت اکسپلورر و … نیز در هر نسخه جدیدتر خود به صورت کامل تر و بروزتری از امکانات موجود در HTML 5 پشتیبانی می کنند و توانایی نمایش خرورجی کدهای نوشته شده به این زبان را دارند.

یکی از امکانات جدیدی که در فایرفاکس ۱۰ در مورد پشتیبانی از استانداردهای HTML 5 اضافه شده است امکان استفاده از API است که به طراحان و توسعه دهندگان اجازه ساخت برنامه هایی را می دهد که از پنجره مرورگر وب نیز بزرگتر باشند و به اصطلاح به صورت تمام صفحه ( Full Screen ) اجرا شوند.

با استفاده از این امکان می توانیم به ارائه بازی ها ، برنامه ها و … در سرور وب خود بپردازیم که کاربر با وارد کردن آدرس آن در مرورگر وب خود و یا کلیک بر روی لینکی در سایت ما شروع به استفاده از آن به صورت تمام صفحه و به نوعی خارج از مرورگر خود بکند.

امکان نمایش اشکال به صورت سه بعدی در وب توسط CSS 3

با استفاده از امکان سه یعدی ساز CSS 3 و یا همان CSS 3D Transforms که برای اولین بار توسط کمپانی اپل ارائه شد و امروز از طرف W3C نیز به عنوان یکی از امکانات CSS 3 تائید شده است می توانید اقدام به نمایش سه بعدی اشیاء موجود در صفحات وب خود و یا حتی ساخت انیمیشن های سه بعدی از آن ها بکنید که حتماً در آینده نزدیک در سایت تورتک به آموزش چگونگی استفاده از آن در طراحی وب های خود می پردازیم. فایرفاکس نیز در نسخه ۱۰ خود امکان نمایش این افکت ها را در صفحات وب پیدا کرده است و از این به بعد می توانید با خیال راحت در صفحات وب خود از این امکان CSS بهره برداری کنید.

دیگر بروزرسانی های انجام شده در این نسخه مرورگر وب

بعد از ۶ هفته انتظار برای انتشار عمومی نسخه جدید این مرورگر به غیر از بروزرسانی ها و ابزارهایی که در بالا با آن ها آشنایی پیدا کردیم این مرورگر وب در تمامی نسخه های خود یعنی نسخه سازگار با ویندوز ، مک ، لینوکس و حتی نسخه مرورگر وب موبایل خود در زمینه ظاهری و رفع مشکلات امنیتی نیز مانند دیگر نسخه های خود ارتقاء هایی را پیدا کرده است که تمامی این بروزرسانی ها برای ساده تر کردن کار با این مرورگر و ایجاد فضایی امن برای وبگردی انجام شده اند.

توجه داشته باشید که حدود ۸۰ درصد افزونه های انتشار یافته برای مرورگر فایرفاکس با این نسخه از این برنامه سازگاری کامل دارند به دلیل تغییرات و بهینه سازی های انجام شده در این قسمت مرورگر فایرفاکس در نسخه ۱۰ خود و از این به بعد دیگر نیازی به بروزرسانی افزونه های نصب شده در مرورگر خود را ندارید چون فایرفاکس هر روز اینکار را به صورت خودکار انجام می دهد.

دانلود فایرفاکس ۱۰

حجم فایل : ۱۵ مگابایت

لینک دانلود نسخه ویندوز : Download Firefox 10 Windows ( تعداد دریافت : ۶۹۲ )

لینک دانلود نسخه لینوکس : Download Firefox 10 Linux ( تعداد دریافت : ۱۱۶ )

لینک دانلود نسخه مک : Download Firefox 10 Mac ( تعداد دریافت : ۱۳۳ )

لینک دانلود نسخه مرورگر موبایل اندروید : Download Firefox 10 Android ( تعداد دریافت : ۱۰۹ )