کنسرسیوم شبکه جهانی وب و یا همان W3C در ماه گذشته، ماه پر کاری را پشت سر گذاشتند که نتیجه تمام تلاش توسعه دهندگان در این زمینه باعث ثبت استاندارد جدیدی در طراحی وب، CSS و … شده است که در این نوشته به بررسی آنها و کاربردی که میتوانند برای طراحی وب داشته باشند میپردازیم. پی گیری آخرین تغییرات و استاندارد تائید شده در این زمینه موجب میشود که شما در آینده در طراحی خود از سادهترین روش برای طراحی پروژه و سایت که به شما واگذار شده است استفاده کنید و در عین حال طرحهای شما در تمامی مرورگر مدرن به خوبی قابل نمایش باشد.
شروع کار بر روی Media Queries 4
بالاخره به طور رسمی کار بر روی Media Queries 4 نیز در W3C آغاز شد که همانطور که میدانید Media Queries برای طراحی صفحاتی که در مرورگر مختلف به درستی نمایش و کار خود را انجام میدهند ساخته شدهاند. در Media Queries Level 4 قرار است شاهد امکانات جدیدی زیادی باشیم که کار ساخت صفحات وب را برای دستگاه مختلف متحول خواهند کرد. در زیر با سه امکان جذاب در این نسخه آشنا میشویم.
انیمیشن سازی در صفحات وب بدون پیشوند سابق
سه خاصیت پر استفاده transitions (برای تعیین سرعت)، transforms (چرخش، تغییر اندازه و مورب کردن اشیاء) و animations (تعیین و ساخت روال حرکات) در CSS دیگر برای استفاده از آنها نیازی به استفاده از پیشوند سابق وجود ندارد و این موضوع میتواند به معنای قبول شدن آنها به صورت عمومی باشد. مایکروسافت نیز خیلی سریع اعلام کرده است در اینترنت اکسپلورر ۱۰ برای استفاده از این خاصیتها دیگر نیازی به پیشوند مربوط به این مرورگر ( -ms- ) وجود ندارد و از این سه خاصیت و البته تعدادی دیگر از خاصیت CSS بدون پیشوند پشتیبانی میشود.
امکان استفاده از document.parse() در سرویس وب
بخش WebApps WG همچنین قصد دارد با اضافه کردن document.parse() روش جدید و البته قدرتمندی را برای نمایش محتوا از کدهای HTML صفحه به وجود آورد که با استفاده از این روش به سادگی طراحان وب میتوانند مانند استفاده از document.write() برای تعیین قطعه کد HTML استفاده کنید که در نهایت با استفاده از آن خیلی ساده میتوانیم قسمت مورد نظر خود را بخش بندی کرده و در صورت لزوم به استفاده کنندگان نمایش دهیم.
واحد جدید با نام vmax برای تعیین اندازه اشیاء
با استفاده از vmax به راحتی میتوانید اندازه اشیاء موجود در طراحی صفحات وب خود را با توجه به اندازه صفحه نمایش کاربر تعیین کنید. هم اکنون نیز در اینترنت اکسپلورر ۹ و مرورگر مبتنی بر webkit از واحد اندازه گیری بر اساس اندازه تصویر وجود دارد که در این روش با سه مقدار vh برای تعیین مقدار طول اشیاء (برای مثال ۱۰vh نشان گر این است که شیء مورد نظر ۱۰ درصد طول صفحه که قابل مشاهده است طول دارد)، vw برای تعیین مقدار عرض اشیاء (برای مثال ۳۰vw نشان گر این است که شیء مورد نظر به اندازه ۳۰ درصد عرض صفحه که قابل مشاهده است عرض دارد) و همچنین vmin برای تعیین اینکه طول یا عرض صفحه کدام کوچکتر هستند استفاده میشود.