طراحي وب

نمایش سه بعدی (۳D) وب سایت با مرورگر Firefox 11

تبلیغات
4 سوالی شهرداری
کانال تلگرام فتولیا

در آخرین نسخه از مرورگر فایرفاکس (Firefox 11) که به تازگی منتشر شده است ، بسیاری از باگ ها رفع و امکانات مناسبی نیز به آن اضافه شده است .یکی از این امکانات که دیدم ،ابزار جالب inspect element بود که دیگر نیازی به نصب firebug ندارد (البته مرورگرهای دیگر مثل Opera و Chrome از مدت ها قبل این گزینه را داشتند و طبق معمول ابتکار جدیدی در فایرفاکس محسوب نمی شود) .

موردی که این ابزار firefox را با سایر مرورگر ها متمایز می کند ، قابلیت نمایش سه بعدی ۳D لایه های قالب وب سایت است که برای کاربران و مخصوصا طراحان وب می تواند گزینه جالبی باشد.

این قابلیت می تواند اجزای صفحه را بر اساس HTMLو نیز سبک های CSS از هم متمایز کرده و به صورت قابل فهم تر و ۳D نمایش دهد .

همچنین می توانید صفحه را با drag کردن به هر زاویه ای که خواستید بچرخانید و پشت پرده وب سایت رو هم ببینید :)

در شکل زیر می توانید نمونه ای از یک صفحه وب را در حالت ۳ بعدی مشاهده کنید

چگونه از نمایش سه بعدی استفاده کنیم

قدم ۱ . اگر فایرفاکس شما بروز نیست ف آن را از مسیر Firefox > Help > About بروز کنید و یا نسخه جدید را دانلود نمایید

قدم ۲ . بعد از بروز کردن ،فایرفاکس را restart کنید.

 

قدم ۳ . صفحه ای را که می خواهید به صورت سه یعدی مشاهده کنید در فایرفاکس باز کرده و روی صفحه راست کلیک کنید

قدم ۴ . دکمه “Q” روی کیبورد را فشار دهید

قدم ۵ . مانند شکل زیر روی دکمه ۳D کلیک کنید

بوسیله این ابزار طراحان وب می توانند با آسانی بیشتری ساختار قالب های مختلف را بررسی کنند.

فقط فراموش نکنید که برای استفاده از قابلیت ۳ بعدی باید ورژن مرورگرتان ۱۱ باشد

منبع

10 Comments

  1. بازتاب: - کوشیار کامپیوتر
  2. Type about:config in Firefox’s address bar and make the following changes:

    To enable WebGL, set webgl.force-enabled to true.
    To enable Layers Acceleration, set layers.acceleration.force-enabled to true
    To enable Direct2D in Windows Vista/7, set gfx.direct2d.force-enabled to true
    Now, cross your fingers, restart Firefox and try running a WebGL application. It’s probably best to undo those changes if smoke starts pouring from your PC.

پاسخ دهید

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

آخرین مقالات فتولیا در ایمیل شما

در خبرنامه ما عضو شوید و آخرین مطالب و مقالات آموزشی را اول شما دریافت کنید