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ابزار مناسبی جهت آزمایش صفحات وب در مرورگرهای مختلف خواهد بود. این وب سایت بیش از ۳۰۰ مرورگر مختلف را شبیه سازی می نماید.
مبلغ واقعی 13,500 تومان 10% تخفیف مبلغ قابل پرداخت 12,150 تومان
برچسب های مهم
جزوه سیگنالها و سیستمها آماده برای دانلود مشخصات دانشگاه: صنعتی شریف استاد: دکتر بابایی زاده تعداد صفحات: 222 فرمت: پی دی اف PDF کیفیت: عالی حجم: 123 مگابایت نوع جزوه (تایپی یا دست نویس): دست نویس خوانا ... ...
جزییات چاه ارت حلقه ای طبق مبحث 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 ... ...
جزوه کنترل آماده برای دانلود مشخصات دانشگاه: تهران استاد: دکتر ادهمی تعداد صفحات: 134 فرمت: PDF کیفیت: عالی نوع جزوه (تایپی یا دست نویس): دست نویس با خط خوب ...
برنامه ي گاوصندوق قيمت در بازار 9000 تومان با 50% تخفيف توضیحات آپدیت شدیم...!!!سازگاری کامل با اندروید 4.4 و ظاهر جدید و مدرن تر در آپدیت جدیدکاملترین برنامه ایرانی موجود در کافه بازار برای حفاظت از حریم شخصی، قابل رقابت با نمونه های خارجیبا نصب این برنامه عکس ... ...
Cadence Virtuoso IC Design library کتابخانه 180 نانومتر نرم افزار طراحی مدارات مجتمع کیدنس cadence 180nm technology TSMC 0.18um MM/RF PDK **به همراه آموزش افزودن کتابخانه به نرم‌افزار Cadence Virtuoso IC Design * برای آموزش های بیشتر کانال ما را در آپارات دنبال کنید. ... ...
دانلود پروژه هاي پرکاربرد PLC S7-300 جزوه آموزشی کامل و بسیار ارزشمند از مثال های کاربردی plc s7300 به سه زبان LAD/FBD/STL و شامل بیش از 250 صفحه میباشد. این مجموعه آموزشی شامل راه اندازی الکتروموتور ها با مدارات پایه برق صنعتی و کار با مقایسه گر ها و تایمر ها و کانتر ... ...
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پدیده کاهش ولتاژ آستانه به صورت القایی ... ...
جزوه تایپ شده پردازش تصویر دانشگاه صنعتی شریف فرمت: pdf تعداد صفحات: 451 کیفیت: بالا، رنگی و تایپ شده ... ...
Pdfکامل فصل 3 حل تمرین کتاب مدار الکتریکی دکتر جبه دار.هدف ما جلب رضایت شماست.شما میتوانید هر آنچه که لازم دارید از طریق ایمیل از ما درخواست نمایید تا ما برای شما فراهم کنیم.باتشکر از وقتی که در اختیار ما قرار داده اید. ... ...
ساخت اسکوربرد ورزشی كتابي كه در حال خواندن آن هستيد در مورد نحوه ي ساخت و نحوه ي عملكرد و توضيحات يك اسكوربرد ورزشي مي باشد. كه اين اسكوربرد قابليت استفاده در سالنهاي ورزشي را داراست حتماً از خود مي پرسيد اسكوربرد چيست؟ لازم به توضيح است كه ما هم زمانيكه به اين پروژه ... ...
Analog and Discrete Electronics Lab Manual بررسی تخصصی مدارات CMOS، تقویت کننده، آینه جریان، نویز و ... با استفاده از نرم افزار Cadence IC Design به صورت گام به گام، به همراه درس نامه مختصر و تمرین (زبان انگلیسی). شامل: Characterization of CMOS DC Analysis of NMOS and ... ...
مدار تبدیل برق ماشین به برق شهری در این فایل بالای سی مدار الکترونیکی تبدیل برق 12 ولت ماشین به 220 ولت ماشین قرار داده ام که امیدوارم برای شما دوستان عزیز مفید باشد. انواع مدار ساده تا پیشرفته، با آی سی و بدون آی سی، جهت ساخت تبدیل برق ماشین به برق شهری به صورت تصویری ذکر ... ...
Cadence Virtuoso IC Design library کتابخانه 90 نانومتر نرم افزار طراحی مدارات مجتمع کیدنس cadence 90nm technology gpdk90nm V4.2 + gpdk90nm V4.6 RELEASE NOTES FOR THE 90nm GPDK--------------------------------------------------------------------------------VERSION ... ...
مجموعه ای ارزشمند از کتابخانه و تکنولوژی فایل های 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 ... ...
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 ... ...
کیفیت عالی ... ...
پروژه یک نوع از تقویت کننده های کسکد (آبشاری ) با پروتئوس و رسم نمودار ... ...
بی دردسر محافظ برق برای خودتان بسازید - با دوبار کلیک بر روی هر قطعه در پروتئوس میتوانید مقدار آن را ببینید حفاظت ولتاژ پایین و حفاظت ولتاژ بالا - زمان تاخیر 40 ثانیه قابل تغییر با تغییر مقدار مقاومت و خازن - پی سی بی طراحی شده آماده چاپ و مونتاژ به همراه لیست قطعات - ... ...
واژه لیزر (به انگلیسی: Laser) که مخفف کلمات «Light amplification by stimulated emission of radiation» به معنی «تقویت نور به روش گسیل القایی تابش» است. لیزر ابزاری است که نور را به صورت پرتوهای موازی بسیار باریکی که طول موج مشخصی دارند ساطع می‌کنند. این دستگاه از ماده‌ای ... ...
کتاب تئوری قطعات و مدارات الکترونیک یکی از بهترین مراجع مطالعه درس الکترونیک عمومی است که در مقطع کارشناسی مهندسی برق و الکترونیک ارائه می شود . این کتاب دو جلدی با زبانی ساده به برسی انواع قطعات الکترونیکی مانند دیود و ترانزیستور ، مدارات پایه الکترونیک و تقویت کننده ها ... ...
پکیج گزارش کار آزمایشگاه الکترونیک 2 گزارش زیر پکیج کاملی از آزمایش های الکترونیک ۲ می باشد که شامل ۱۱ آزمایش به صورت word قابل ویرایش دسته بندی شده و در اختیار شما عزیزان قرار گرفته است. آزمایشات بر طبق دستورالعمل زیر نوشته شده است که می توانید دستور کار را از لینک زیر ... ...
کتاب فن ورز شبکه های توزیع هوایی برق در 205 صفحه با فرمت PDF که توسط اینجانب تهیه و آماده کاربران شده است امیدوارم مورد استفاده قرار گیرد : منصور رخشانی : مهندس یرق و الکترونیک ... ...
مهندسی برق (به انگلیسی: Electrical engineering) زیرمجموعه‌ای از مهندسی است که به مطالعه و کاربردهای مرتبط با الکتریسیته،الکترومغناطیس و الکترونیک می‌پردازد. می‌توان مهندسی برق را به دو قسمت عمده تقسیم کرد: بررسی و طراحی سیستم‌های انتقال وتبدیل انرژی الکتریکی؛ یا بررسی و ... ...
فایل ارائه شده با عنوان شبیه سازی توربین بادی(انرژی تجدید پذیر) با نرم افزار SAM، به همراه سورس کد نرم افزار و گزارش کامل در قالب Word و در 9 صفحه شامل فهرست مطالب زیر ارائه می شود: مقدمه: میخواهیم یک توربین بادی را نصب کرده و نتایج آن را از لحاظ اقتصادی بودن بررسی ... ...
شبیه سازی چند مدار با کمک نرم افزار ADS (Advanced Design System) در حوزه مخابراتی FM PM LNA شامل مدولاتور و دمولاتور AM مدولاتور دامنه پالسی چند تقویت کننده میکسر نوسانساز کولپیتس به همراه چند سوال و روش حل ... ...
تحقیق تاریخ آرایش و گریم
تحقیق کامل درمورد مدرسه
مجموعه 5000 نقشه ویلایی بسیار زیبا سه بعدی بصورت تصویری
پایداری شیروانی ها مجموعه 5000 نقشه ویلایی بسیار زیبا سه بعدی بصورت تصویری تحقیق کامل درمورد مدرسه دانلود جزوه کامل سیگنال ها و سیستم ها استاد بابایی زاده دانشگاه شریف جزییات چاه ارت حلقه ای کتابخانه 65 نانومتر کیدنس - Cadenece 65nm Library دانلود رايگان گاوصندوق اندرويد کتابخانه 180 نانومتر کیدنس - Cadenece 180nm Library دانلود 60 پروژه هاي پرکاربرد PLC S7-300 کتابخانه 90 نانومتر کیدنس TSMC- Cadenece 90nm Library جزییات چاه ارت میله ای کتابخانه 7 نانومتر کیدنس - Cadenece 7nm Library جزوه کامل مدار مجتمع خطی CMOS - کارشناسی ارشد - استاد خانم دکتر بابایی دانلود جزوه پردازش تصویر دانشگاه شریف pdfکامل حل تمرین فصل 3 کتاب مدار دکتر جبه دار پروژه ساخت اسکوربرد ورزشی بررسی تخصصی مدارات CMOS با استفاده از نرم افزار Cadence IC Design مدار تبدیل برق ماشین به برق شهری کتابخانه 90 نانومتر کیدنس gpdk- Cadenece 90nm Library مجموعه کتابخانه های Hspice کتابخانه 45 نانومتر کیدنس gpdk- Cadenece 45nm Library کتابخانه 130 نانومتر کیدنس - Cadenece 130nm Library الگوریتم گرگ خاکستری با فیلم توضیح + پاورپوینت پروژه شبیه سازی تقویت کننده کسکد ( Cascode ) با پروتئوس مدار محافظ برق آنالوگ - پی سی بی طراحی شده آماده چاپ و لیست قطعات کتاب الکترونیک لیزر جوزف تامس وردین ویرایش سوم به صورت PDF و به زبان انگلیسی در 816 صفحه حل مسائل نظریه قطعات و مدارهای الکترونیک نشلسکی در 372 صفحه به زبان انگلیسی و به صورت PDF گزارش کار آزمایشگاه الکترونیک 2 کتاب فن ورز شبکه های توزیع برق ( هوای ) در 205 صفحه با فرمت PDF مناسب افراد در حال استخدام پاورپوینت کامل و جامع با عنوان مبانی مهندسی برق در 123 اسلاید شبیه سازی توربین بادی(انرژی تجدید پذیر) با نرم افزار SAM، با کد نرم افزار و گزارش کامل شبیه سازی چند مدار با کمک نرم افزار ADS (Advanced Design System) در حوزه مخابراتی
آموزش ساخت بازی بدون دانش برنامه نویسی و طراحی سه بعدی مبتدی تا پیشرفته با نرم افزار
دانلود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% به مدت پنج روز)
