Modernizr یک کتابخانه بر پایه جاوا اسکریپت است که مرورگر بازدیدکنندگان را بررسی و مشخص می کند مروگر آنها کدام دسته از ویژگیهای HTML5و CSS3 را پشتیبانی میکند و سپس کلاسهای مشخصی را به تگ html صفحات اختصاص میدهد. در نتیجه Modernizr ابزار مناسبی برای طراحان جهت شرطی سازی نحوه نمایش صفحات بر اساس مرورگرهای مختلف خواهد بود. (با استفاده از کلاسهای شرطی CSS میتوان نحوه نمایش المانها و تگها را بر اساس نوع مروگر بازدید کننده تنظیم نمود.)
در حالت معمول و بدون استفاده از Modernizr، طراح وب سایت باید تمام مرورگرها را بشناسد و بداند که هر یک چه ویژگی‌هایی را پشتیبانی می‌کنند و بر اساس نوع مرورگر کد مربوط به آن را بنویسید؛ اما با استفاده از Modernizr تنها کافی است با پیروی از یک الگوی خاص، تمام مرورگرها به درستی نمایش داده شوند.
عدم وابستگی به هیچ سیستمی حتی jQuery
عدم اضافه کردن افکتهایHTML5و CSS3 به مرورگر کاربران
بررسی ویژگیهایHTML5و CSS3مرورگر بازدیدکنندگان در چند هزارم ثانیه
برای نمونه توجه شما را به یک مثال توجه نموده و تفاوت مرورگرهای فایرفاکس و اینترنت اکسپلورر در نمایش یا عدم نمایش ستون های چندگانه و سایه ها را جلب می نمایم.
نمایش ستون های چندگانه و تصویر سایه دار در مرورگر فایرفاکس
عدم نمایش ستون های چندگانه و تصویر سایه دار در مرورگر اینترنت اکسپلورر
استایل جایگزین به کمک Modernizr و نمایش در مرورگر اینترنت اکسپلورر (حتی نسخه های ٦ به پایین)
این اسکریپت ۴۰ ویژگی HTML5 و CSS3 را برای مرورگر بازدیدکنندگان در چند هزارم ثانیه بررسی نموده نتیجه آزمایش را به شیء Modernizr اختصاص می دهد. سپس کلاس هایی را به تگ html صفحه اضافه می نماید که مشخص کننده پشتیبانی یا عدم پشتیبانی مرورگر بازدید کننده از ویژگی خاصی خواهد بود. همچنینModernizr با معرفی تابع Load خود امکان بارگذاری شرطی اسکریپت هایPolyfills را جهت بهینه سازی المان های صفحه برای مرورگرهای قدیمی فراهم می آورد.
نمونه ای از Source صفحات وب که پک کامل اسکریپت Modernizr را اجرا می کند.
ابتدا به صفحه دانلود Modernizr مراجعه نمایید در این صفحه بیش از ۴۰ ویژگی CSS3 و HTML5 به همراه ویژگی های دیگر Modernizr قابل مشاهده می باشد. توصیه می شود بعد از تکمیل شیوه نامه اصلی سایت، فاکتورها و ویژگی های html5 و CSS3 استفاده شده در طرح خود را مشخص کرده سپس اقدام به انتخاب پکیج Modernizr نمایید تا حجم پکیج این اسکریپت تا حد امکان کاهش و سرعت بارگذاری آن افزایش یابد.
البته شما می توانید پک کامل Modernizrرا کپی کرده و ذخیره نمایید. به توصیه نویسنده اسکریپت، می بایست بعد از ذخیره سازی Modernizr، فایل مورد نظر را داخل تگ<head> و بعد از لینک شیوه نامه به پوسته خود معرفی نمایید.
منظور از Polyfill اسکریپت هایی است که به منظور هموارسازی و هماهنگ سازی API های جدید برای مرورگرهای قدیمی استفاده می شوند. به عنوان مثال زمانی که شما از websocket Polyfill استفاده می کنید این اسکریپت کلاسwindow.websocket را با همان مقادیر و متدهای اورجینالWebsocket در مرورگرهای قدیمی ایجاد می نماید. بنابراین احتیاجی به نگارش API متفاوت برای مرورگرهای قدیمی نبوده تنها کافیست API اصلی (websocket) را توسعه داده و با استفاده از websocket Polyfill این قابلیت را به مرورگرهای قدیمی بیافزایید. تقریبا برای تمامی ویژگی هایی که Modernizr شناسایی می کند یک اسکریپت polyfill جهت بهینه سازی آن ویژگی HTML5) یا CSS3 (برای مروگرهای قدیمی نوشته شده است .
نکته این که هدف اصلی، ارائه خروجی بهینه برای بازدیدکنندگان خواهد بود. بنابراین قبل از افزودن اسکریپت های متعدد که باعث کاهش سرعت بارگذاری صفحات می شود، لزوم استفاده و حجم بازدیدهایی که توسط مرورگرهای قدیمی صورت می گیرد، را بررسی نمایید. یکی از راه کارهای مناسب جهت استفاده بهینه از اسکریپت های Polyfills تابع Load می باشد.
تابع Loadیکی از ویژگی های Modernizr است که در صفحه دانلود می توانید آن را به پکModernizr خود بیافزایید. این تابع منابع ( فایل های شیوه نامه CSS و جاوا اسکریپت JS) شما را به صورت شرطی بارگذاری می نماید. اگر ملزم به استفاده از polyfills می باشید امکان بارگذاری یا عدم بارگذاری polyfills مختلف متناسب با مرورگر بازدیدکنندگان و با کمک Modernizr.load فراهم شده، حجم ترافیک وب سایت شما کاهش می یابد.
یک مثال :
|
Modernizr.load({ test: Modernizr.geolocation,//ویژگی مورد نظر yep : geo.js, // درصورت برقراری شرط باگذاری می شود nope: geo-polyfill.js //رد شرط باعث بارگذاری این اسکریپت می شود });
|
در این مثال ابتدا، Modernizr مرورگر بازدید کننده را برای ویژگی geolocation بررسی می کند. در صورتی که مرورگر مورد نظر این ویژگی را پشتیبانی نماید اسکریپت اول (geo.js) و در صورت عدم پشتیبانی و رد شرط، اسکریپت geo-polyfill بارگذاری خواهد شد.
|
// می توانید آرایه ای از شرط ها را جهت بررسی وارد نمایید. Modernizr.load([ // Presentational polyfills { // ویژگی هایی که برای اجرای پوسته خود نیاز داریم. test : Modernizr.fontface && Modernizr.canvas && Modernizr.cssgradients, // در صورت عدم پشتیبانی اسکریپت و شیوه نامه زیر بارگذاری خواهد شد. nope : [presentational-polyfill.js, presentational.css] }, // Functional polyfills { // This just has to be truthy test : Modernizr.websockets && window.JSON, // socket-io.js and json2.js nope : functional-polyfills.js, // همچنین می توان آرایه ای از اسکریپت ها و شیوه نامه ها را جهت بارگذاری معرفی کنید. both : [ app.js, extra.js ], complete : function () { // بعد از پایان یافتن اسکریپت ها دستورالعملی که در این مکان قرار می گیرد اجرا خواهد شد. myApp.init(); } }, // بعد از اجرای تمامی اسکریپت های پیش فرض حال می توانید آنالیکتیک خود را اجرا کنید. post-analytics.js ]);
|
تابعModernizr.load باعث کاهش سرعت بارگذاری صفحات نخواهد شد و می توان با تنظیم متناسب پارامترها، بررسی شرطهای مختلف و اجرای اسکریپتهای بهینه ساز را به صورت موازی انجام داد.
تابعLoad بر پایه اسکریپت yepnope.js نگارش شده اما مستقلا توسطModernizr اجرا می شود. با استفاده از Modernizr می توانید از اجرای اسکریپت خاصی مطمئن شوید تنها کافیست آدرس های متفاوتی از منبع اسکریپت مورد نظر را به این تابع اختصاص دهید. در مثال بعد آدرس متفاوت جهت اجرای jQuery به این تابع اختصاص یافته که در صورت عدم دسترسی به آدرس اول، لینک کمکی برای بارگذاری استفاده می شود.
|
Modernizr.load([ { load: //ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js, complete: function () { if ( !window.jQuery ) { Modernizr.load(js/libs/jquery-1.7.1.min.js); } } }, { // بعد از اجرای جی کوئری اسکریپتی که به آن وابسته است اجرا خواهد شد. load: needs-jQuery.js } ]);
|
با اجرای صفحه، Modernizr شیء Modernizr را در مرورگر کاربر ایجاد می نماید. که می توان این شیء را توسط اسکریپت های دیگر فراخوانی کرد. همچنین با توجه به پکی که دانلود و نصب گردیده کلاس هایی (CSS) را به تگ html صفحه مورد نظر می افزاید.
به این ترتیب می توان نحوه نمایش المانهایی که از ویژگی های HTML5 و CSS3 استفاده می کنند، به صورت شرطی در شیوه نامه تعریف کرد. وب سایت BrowserStackابزار مناسبی جهت آزمایش صفحات وب در مرورگرهای مختلف خواهد بود. این وب سایت بیش از ۳۰۰ مرورگر مختلف را شبیه سازی می نماید.
مبلغ واقعی 19,500 تومان 10% تخفیف مبلغ قابل پرداخت 17,550 تومان
برچسب های مهم
جزییات چاه ارت حلقه ای طبق مبحث 13 انتخاب سیم لخت چند مفتولی مسی به عنوان الکترود هم از نظر اقتصادی و هم از نظر یک پارچه بودن الکترود و هادی اتصال زمین تا ترمینال اصلی زمین،نسبت به الکترود صفحه ای مسی که ایجاد نقاط اتصال سیم به صفحه با جوش یا بست و پیچ و مهره مخصوص در آن ... ...
Cadence Virtuoso IC Design library کتابخانه 65 نانومتر نرم افزار طراحی مدارات مجتمع کیدنس cadence 65nm technology TSMC 65NM CMOS Mixed Signal RF SALICIDE Low-K IMD 1P6M-1P9M PDK (CADENCE OA) (CRN65LP)(INCLUDES: CRN65 1.2V/3.3V; CRN65 1.2V/2.5V; CMN65 1.2V/3.3V; CMN65 ... ...
برنامه ي گاوصندوق قيمت در بازار 9000 تومان با 50% تخفيف توضیحات آپدیت شدیم...!!!سازگاری کامل با اندروید 4.4 و ظاهر جدید و مدرن تر در آپدیت جدیدکاملترین برنامه ایرانی موجود در کافه بازار برای حفاظت از حریم شخصی، قابل رقابت با نمونه های خارجیبا نصب این برنامه عکس ... ...
دانلود پروژه هاي پرکاربرد PLC S7-300 جزوه آموزشی کامل و بسیار ارزشمند از مثال های کاربردی plc s7300 به سه زبان LAD/FBD/STL و شامل بیش از 250 صفحه میباشد. این مجموعه آموزشی شامل راه اندازی الکتروموتور ها با مدارات پایه برق صنعتی و کار با مقایسه گر ها و تایمر ها و کانتر ... ...
Cadence Virtuoso IC Design library کتابخانه 180 نانومتر نرم افزار طراحی مدارات مجتمع کیدنس cadence 180nm technology TSMC 0.18um MM/RF PDK **به همراه آموزش افزودن کتابخانه به نرم‌افزار Cadence Virtuoso IC Design * برای آموزش های بیشتر کانال ما را در آپارات دنبال کنید. ... ...
Pdfکامل فصل 3 حل تمرین کتاب مدار الکتریکی دکتر جبه دار.هدف ما جلب رضایت شماست.شما میتوانید هر آنچه که لازم دارید از طریق ایمیل از ما درخواست نمایید تا ما برای شما فراهم کنیم.باتشکر از وقتی که در اختیار ما قرار داده اید. ... ...
Cadence Virtuoso IC Design library کتابخانه 90 نانومتر نرم افزار طراحی مدارات مجتمع کیدنس cadence 90nm technology TSMC 90NM CMOS Mixed-Signal/RF PDK (CRN90G) v1.0a Initial PDK Release * Included the following models. 1. CRN90G MS 1.0V/1.8V/3.3V , DOC. ... ...
این محصول جزییات اجرایی چاه ارت میله ای را نشان می دهد ... ...
Cadence Virtuoso IC Design library کتابخانه 7 نانومتر نرم افزار طراحی مدارات مجتمع کیدنس cadence 7nm technology ASAP7: A 7-nm finFET predictive process design kit It also contains ASAP7 transistors supplied for use during transistor-level design. Both N-type and P-type ... ...
کتاب تئوری قطعات و مدارات الکترونیک یکی از بهترین مراجع مطالعه درس الکترونیک عمومی است که در مقطع کارشناسی مهندسی برق و الکترونیک ارائه می شود . این کتاب دو جلدی با زبانی ساده به برسی انواع قطعات الکترونیکی مانند دیود و ترانزیستور ، مدارات پایه الکترونیک و تقویت کننده ها ... ...
مقدمه ای در مورد ترانزیستور ماسفتبررسی ساختار ترانزیستور ماسفتاعمال ولتاژ به گیتنحوه عملکرد ترانزیستور MOSFETمعادله جریان ولتاژ ترانزیستور MOSFETخازن های ترانزیستور MOSآثار کاهش ابعاد ترانزیستورپدیده اتصال دو ناحیه تهی Punch-throughپدیده کاهش ولتاژ آستانه به صورت القایی ... ...
Cadence Virtuoso IC Design library کتابخانه 90 نانومتر نرم افزار طراحی مدارات مجتمع کیدنس cadence 90nm technology gpdk90nm V4.2 + gpdk90nm V4.6 RELEASE NOTES FOR THE 90nm GPDK--------------------------------------------------------------------------------VERSION ... ...
جزوه تایپ شده پردازش تصویر دانشگاه صنعتی شریف فرمت: pdf تعداد صفحات: 451 کیفیت: بالا، رنگی و تایپ شده ... ...
در این بخش از سایت مهندس 360 گزارشکار آزمایشگاه مدارهای مخابراتی در قالب فایل word برای دانلود و استفاده شما دانشجویان گرامی قرار داده شده است. همچنین تمام شبیه سازی ها در برنامه های PSPICE و پروتئوس انجام شده اند. این گزارشکار شامل آزمایش های زیر از درس مدار مخابراتی می ... ...
مجموعه گزارش کار آز تکنیک پالس (آز مدار های پالس و دیجیتال) شامل آزمایش های: فیلتر بالا گذر فیلتر پایین گذر مشخصه زمانی دیود مشخصه زمانی ترانزیستور مولتی ویبراتور بی استابل مولتی ویبراتور آستابل مولتی ویبراتور مونواستابل همراه با تصاویر مدار و نمودار های مربوط به ... ...
Cadence Virtuoso IC Design library کتابخانه 130 نانومتر نرم افزار طراحی مدارات مجتمع کیدنس cadence 130nm technology TSMC_130_PDK Release Note: ------------------------------------------------------------------ TSMC 0.13um CMOS Mixed-Signal/RF 1P8M/1P7M/1P6M SALICIDE ... ...
ساخت اسکوربرد ورزشی كتابي كه در حال خواندن آن هستيد در مورد نحوه ي ساخت و نحوه ي عملكرد و توضيحات يك اسكوربرد ورزشي مي باشد. كه اين اسكوربرد قابليت استفاده در سالنهاي ورزشي را داراست حتماً از خود مي پرسيد اسكوربرد چيست؟ لازم به توضيح است كه ما هم زمانيكه به اين پروژه ... ...
واژه لیزر (به انگلیسی: Laser) که مخفف کلمات «Light amplification by stimulated emission of radiation» به معنی «تقویت نور به روش گسیل القایی تابش» است. لیزر ابزاری است که نور را به صورت پرتوهای موازی بسیار باریکی که طول موج مشخصی دارند ساطع می‌کنند. این دستگاه از ماده‌ای ... ...
جزوه درس مخابرات 1 آماده برای دانلود >> مشخصات دانشگاه: صنعتی امیرکبیر (پلی تکنیک تهران) استاد: دکتر امین داور فرمت: PDF پی دی اف - قابل اجرا و خواندن بر روی لپ تاپ، موبایل و ... نوع: تایپ شده رشته: مهندسی برق تعداد صفحات: 197 کیفیت: بسیار عالی دانلود نمونه ... ...
Analog and Discrete Electronics Lab Manual بررسی تخصصی مدارات CMOS، تقویت کننده، آینه جریان، نویز و ... با استفاده از نرم افزار Cadence IC Design به صورت گام به گام، به همراه درس نامه مختصر و تمرین (زبان انگلیسی). شامل: Characterization of CMOS DC Analysis of NMOS and ... ...
مدار تبدیل برق ماشین به برق شهری در این فایل بالای سی مدار الکترونیکی تبدیل برق 12 ولت ماشین به 220 ولت ماشین قرار داده ام که امیدوارم برای شما دوستان عزیز مفید باشد. انواع مدار ساده تا پیشرفته، با آی سی و بدون آی سی، جهت ساخت تبدیل برق ماشین به برق شهری به صورت تصویری ذکر ... ...
مجموعه ای ارزشمند از کتابخانه و تکنولوژی فایل های Hspice شامل: 180nm tsmc 180nm bulk 180nm cmos 180nm PTM 130nm bulk 130nm PTM 90nm bulk 90nm PTM 65nm bulk 65nm cmos 65nm PTM 45nm bulk 45nm finfet 45nm PTM 32nm bulk 32nm finfet 32nm PTM 22nm bulk 22nm ... ...
Cadence Virtuoso IC Design library کتابخانه 45 نانومتر نرم افزار طراحی مدارات مجتمع کیدنس cadence 45nm technology GPDK045_ VERSION: 5.0 (22-Feb-2016) Generic 45nm Salicide 1.0V/1.8V 1P 11M Process Design Kit and Rule Decks (PRD) Revision 5.0 1.1 & 1.8 V ... ...
کیفیت عالی ... ...
پروژه یک نوع از تقویت کننده های کسکد (آبشاری ) با پروتئوس و رسم نمودار ... ...
بی دردسر محافظ برق برای خودتان بسازید - با دوبار کلیک بر روی هر قطعه در پروتئوس میتوانید مقدار آن را ببینید حفاظت ولتاژ پایین و حفاظت ولتاژ بالا - زمان تاخیر 40 ثانیه قابل تغییر با تغییر مقدار مقاومت و خازن - پی سی بی طراحی شده آماده چاپ و مونتاژ به همراه لیست قطعات - ... ...
به امواج الکترومغناطیسی با طول موج کمتر از امواج رادیویی و بیشتر از امواج فروسرخ، ریزموج گفته می‌شود. چنین به نظر می‌رسد که طول موج مایکروویو با توجه به نام آن، امواجی در طیف طول موج کمتر از یک میلی‌متر باشند و طول موج ریزموج‌ها تقریباً بین ۱ میلی‌متر (متناظر با بسامد ۳۰۰ ... ...
پکیج گزارش کار آزمایشگاه الکترونیک 2 گزارش زیر پکیج کاملی از آزمایش های الکترونیک ۲ می باشد که شامل ۱۱ آزمایش به صورت word قابل ویرایش دسته بندی شده و در اختیار شما عزیزان قرار گرفته است. آزمایشات بر طبق دستورالعمل زیر نوشته شده است که می توانید دستور کار را از لینک زیر ... ...
کتاب فن ورز شبکه های توزیع هوایی برق در 205 صفحه با فرمت PDF که توسط اینجانب تهیه و آماده کاربران شده است امیدوارم مورد استفاده قرار گیرد : منصور رخشانی : مهندس یرق و الکترونیک ... ...
تحقیق تاریخ آرایش و گریم
تحقیق کامل درمورد مدرسه
مجموعه 5000 نقشه ویلایی بسیار زیبا سه بعدی بصورت تصویری
پایداری شیروانی ها مجموعه 5000 نقشه ویلایی بسیار زیبا سه بعدی بصورت تصویری تحقیق کامل درمورد مدرسه جزییات چاه ارت حلقه ای کتابخانه 65 نانومتر کیدنس - Cadenece 65nm Library دانلود رايگان گاوصندوق اندرويد دانلود 60 پروژه هاي پرکاربرد PLC S7-300 کتابخانه 180 نانومتر کیدنس - Cadenece 180nm Library pdfکامل حل تمرین فصل 3 کتاب مدار دکتر جبه دار کتابخانه 90 نانومتر کیدنس TSMC- Cadenece 90nm Library جزییات چاه ارت میله ای کتابخانه 7 نانومتر کیدنس - Cadenece 7nm Library حل مسائل نظریه قطعات و مدارهای الکترونیک نشلسکی در 372 صفحه به زبان انگلیسی و به صورت PDF جزوه کامل مدار مجتمع خطی CMOS - کارشناسی ارشد - استاد خانم دکتر بابایی کتابخانه 90 نانومتر کیدنس gpdk- Cadenece 90nm Library دانلود جزوه پردازش تصویر دانشگاه شریف گزارش کار آزمایشگاه مدار مخابراتی گزارش کار آز تکنیک پالس(مدار های پالس و دیجیتال) کتابخانه 130 نانومتر کیدنس - Cadenece 130nm Library پروژه ساخت اسکوربرد ورزشی کتاب الکترونیک لیزر جوزف تامس وردین ویرایش سوم به صورت PDF و به زبان انگلیسی در 816 صفحه دانلود جزوه مخابرات 1 دانشگاه امیرکبیر استاد داور بررسی تخصصی مدارات CMOS با استفاده از نرم افزار Cadence IC Design مدار تبدیل برق ماشین به برق شهری مجموعه کتابخانه های Hspice کتابخانه 45 نانومتر کیدنس gpdk- Cadenece 45nm Library الگوریتم گرگ خاکستری با فیلم توضیح + پاورپوینت پروژه شبیه سازی تقویت کننده کسکد ( Cascode ) با پروتئوس جزییات چاه ارت صفحه ای مدار محافظ برق آنالوگ - پی سی بی طراحی شده آماده چاپ و لیست قطعات کتاب مهندسی مایکروویو دیوید پوزار ویرایش چهارم به صورت PDF و به زبان انگلیسی در 756 صفحه گزارش کار آزمایشگاه الکترونیک 2 کتاب فن ورز شبکه های توزیع برق ( هوای ) در 205 صفحه با فرمت PDF مناسب افراد در حال استخدام
آموزش ساخت بازی بدون دانش برنامه نویسی و طراحی سه بعدی مبتدی تا پیشرفته با نرم افزار
دانلود100% رایگان نرم افزار تبلیغات در تلگرام + آموزش کامل و فیلم آموزشی
کاغذ میلیمتری
آموزش افزایش لایک و فالوور واقعی اینستاگرام در اندروید و iOS به صورت نامحدود
اینترنت اشیا-پاورپوینت Internet of Things (IoT) -powerpoint
آپلود بالا 2 دقیقه اینستاگرام برای اولین بار در فروشگاه دیجی دانلود
جلوگیری از هک وای فای + آموزش و نرم افزار
کتاب راهنمای گام به گام بازی جی تی آی 5 Gta San Andreas
گام به گام نهم
آپدیت پایونیر 7950
طراحی پایگاه داده مطب پزشک به همراه نمودار ER
برنامه محاسبه محیط و مساحت مستطیل
دانلود ارزان کتاب نایاب و گران قیمت (Security+ Guide to Network Security Fundamentals (Cyber Security
آموزش دانلود و ذخیره تمام موزیک های Spotify در کامپیوتر با فرمت MP3
ICDL2 - سوال کتبی ( سری اول )
دانلود کتاب کمیاب SQL Injection Attacks and Defense, Second Edition
دانلود کتاب TCPIP Analysis ویژه مدرسین و کسانی که میخواهند TCP IP را مفهومی فراگیری کنند
دانلود کتاب آموزش برنامه نویسی Perl
دانلود کتاب کاربردی Runnig Linux
دانلود اپرا رایگان برای اندروید جدید و سالم
HWz
دانلود کتاب Python Testing Cookbook
آموزش باز کردن قفل پترن PATTERN گوشی اندروید
برنامه چاپ کاراکترهای A تا z به همراه کد اسکی آنها
دانلود کتاب فوق العاده کمیاب و گران قیمت Stealing the Network: How to Own the Box
ICDL2 - سوال کتبی ( سری سوم )
دانلود نرم افزار پیدا کردن وبلاگ های رنک دار حذف شده (پیدا کنید بفروشید کسب درآمد کنید)
پروتکل IPTV مطالعه معماری و پیاده سازی (تخفیف 80% به مدت پنج روز)
