توضیحات
در زمان معرفی رسمی نسل جدید HTML5از سوی کنسرسیوم جهانی وب (W3C) تعداد مرورگرهایی که تگ های HTML5 را پشتیبانی می کردند بسیار محدود بودند، از این رو شرکت های بزرگ مانندMozilla ،Google ،Microsoft و… با چالش جدیدی بر سر راه ساخت مرورگرهای جدید خود مواجه شدند.در پروژه کتابخانه متن باز بر پایه جاوا اسکریپت (Modernizr)بیشتر به تشریح این موضوع پرداخته شده است. این چالش در حالی بود که عقب ماندن از محصول شرکت رغیب برای آنها در پاره ای از مواقع به معنای از دست دادن بازار بود. از این رو اقدام به ساخت مرورگرهایی که بتوانند تمامی تگ هایHTML5 را پشتیبانی نمایند، نمودند. اما این امر تا حدودی غیرممکن به نظر می رسید چرا که تکنولوژیHTML5 بسیار نوظهور بوده و ممکن بود تگ هایی در آینده ساخته شوند و یا به کلی کنار گذاشته شوند.
بنابراین آنها تصمیم گرفتند با دادن نسخه های به روز شده بتوانند جوابگوی نیاز روز افزون مشتریان خود باشند. اما تمامی آنها قادر به این کار دشوار نبودند، به شکلی که شرکت مایکروسافت از نسخه ۹ به بعد تصمیم گرفت تگ های HTML5 را در مرورگری که کاربران زیادی داشت (IE) پشتیبانی کند، اما شرکت (بنیاد) موزیلا بسیار در این عرصه پخته تر عمل کرده و از نسخه ۳٫۵ به بعد مرورگر Firefox، یعنی حدود یک سال زودتر از مرورگرIE ، تگ های محدودی از HTML5 را پشتیبانی می کرد.
چنین رفتاری از سوی مایکروسافت برای کاربران حرفه ای وب، بسیار ناهنجار و ناخوشایند بود. طراحان وب و برنامه نویسان وب نمی خواستند لذت استفاده از فناوری جدید را از دست دهند. اما می بایست عمل Cross Browsing را نیز رعایت می کردند. چرا که ممکن بود در صفحه خود از تگی استفاده کنند که کاربری با یک مرورگر قدیمی تر اصلا سایت را نبیند یا بسیاری از قسمت های در نظر گرفته شده را از دست بدهد.
چنین اعمالی باعث به وجود آمدن تکنولوژی Modernizr شد، Modernizr به وسیله جاوا اسکریپت کار می کند و کدهای جاوا اسکریپت را هم تمامی مرورگرها پشتیبانی می کنند، پس Modernizr به طراحان وب یا برنامه نویسان اجازه می دهد که در صورتی که از تگ HTML5 یا CSS3 در وب سایت خود استفاده کردند، و کاربر به وسیله مرورگری قدیمی، آن سایت را بازدید کند، سایت قابل دیدن باشد. این تکنولوژی به طراحان وب این امکان را می دهد که وب سایتی هدفمند برای کاربران با مرورگرهای قدیمی طراحی نمایند. به طور مثال در صورتی که از گرادیانت در رنگ پس زمینه استفاده شده باشد، این ویژگی را با تصویری با همان گرادیانت برای کاربران با مرورگرهای قدیمی نمایش دهد.
فهرست :
ویژگی های Modernizr
Modernizr چیست؟
نصب Modernizr
متدهای Polyfills و Modernizr
تابع Modernizr.load
چگونگی عملکرد
مرورگرهایی که توسط Modernizr پشتیبانی می شوند
کلاس های Modernizr متناسب با ویژگی های CSS
کلاس های Modernizr متناسب با ویژگی های HTML
ویژگیهای دیگری که توسط Modernizr پشتیبانی می شوند
لیست متدهای Modernizr
سایت Modernizr.com
دانلود
مستندات
نصب modernizr
متدهای Polyfills and Modernizr
آموزش Modernizr.load()
چگونهModernizr کار می کند؟
عناصرHTML در IE
مرورگرهای پشتیبانی شده
ویژگی های شناسایی شده توسط Modernizr
ویژگی های CSS
مدل جعبه انعطاف پذیر flexbox
hsla()
پس زمینه های متعدد
انیمیشن CSS
ستون CSS
شیب CSS
سایر ویژگی ها
ویژگی های HTML
تصویری HTML
صفات ورودی
انواع ورودی
متفرقه
رویدادهای لمسی
آزمون های اضافی موجود در پلاگین
متدها و روش های modernizr
روش Modernizr.prefixed()
تست رسانه پرس و جو MQ ()
توسعه پذیری
API های افزونه addTest()
متد testStyles()
متد testProp()
متد testAllProps()
متد hasEvent()
متد _prefixes & _domPrefixes
