Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

HTML5 विशेषताओं का पता लगाने के लिए Modernizr का उपयोग करना


Modernizr एक छोटी JavaScript लाइब्रेरी है जो अगली पीढ़ी की वेब प्रौद्योगिकियों के लिए मूल कार्यान्वयन की उपलब्धता का पता लगाती है।

यहां उन विशेषताओं की सूची है जिनका पता Modernizr लगा सकता है:

विशेषता CSS प्रॉपर्टी JavaScript जांच
@font-face.fontfaceModernizr.fontface
Canvas.canvasModernizr.canvas
Canvas Text.canvastextModernizr.canvastext
HTML5 Audio.audioModernizr.audio
HTML5 Audio फॉर्मेट्सNAModernizr.audio[format]
HTML5 Video.videoModernizr.video
HTML5 Video फॉर्मेट्सNAModernizr.video[format]
rgba().rgbaModernizr.rgba
hsla().hslaModernizr.hsla
border-image.borderimageModernizr.borderimage
border-radiusbox-shadow.borderradiusModernizr.borderradius
box-shadow.boxshadowModernizr.boxshadow
Multiple backgrounds.multiplebgsModernizr.multiplebgs
Opacity.opacityModernizr.opacity
CSS Animations.cssanimationsModernizr.cssanimations
CSS Columns.csscolumnsModernizr.csscolumns
CSS Gradients.cssgradientsModernizr.cssgradients
CSS Reflections.cssreflectionsModernizr.cssreflections
CSS 2D Transforms.csstransformsModernizr.csstransforms
CSS 3D Transforms.csstransforms3dModernizr.csstransforms3d
CSS Transitions.csstransitionsModernizr.csstransitions
Geolocation API.geolocationModernizr.geolocation
Input TypesNAModernizr.inputtypes[type]
Input AttributesNAModernizr.input[attribute]
localStorage.localstorageModernizr.localstorage
sessionStorage.sessionstorageModernizr.sessionstorage
Web Workers.webworkersModernizr.webworkers
applicationCache.applicationcacheModernizr.applicationcache
SVG.svgModernizr.svg
SVG Clip Paths.svgclippathsModernizr.svgclippaths
SMIL.smilModernizr.smil
Web SQL Database.websqldatabaseModernizr.websqldatabase
IndexedDB.indexeddbModernizr.indexeddb
Web Sockets.websocketsModernizr.websockets
Hashchange Event.hashchangeModernizr.hashchange
History Management.historymanagementModernizr.historymanagement
Drag and Drop.draganddropModernizr.draganddrop
Cross-window Messaging.crosswindowmessagingModernizr.crosswindowmessaging
addTest() Plugin APINAModernizr.addTest(str,fn)

  1. CSS में फिक्स्ड पोजिशनिंग CSS में फिक्स्ड पोजिशनिंग

    हम CSS में किसी एलिमेंट की पोजिशनिंग को फिक्स्ड के रूप में परिभाषित कर सकते हैं जो एलिमेंट को उपयोगकर्ता के व्यूपोर्ट के सापेक्ष रेंडर करता है। फिक्स्ड पोजिशनिंग मेथड वाले एलिमेंट्स स्क्रॉल पर भी नहीं हिलते और CSS पोजिशनिंग प्रॉपर्टीज (लेफ्ट, राइट, टॉप और बॉटम) द्वारा पोजिशन किए जाते हैं। उदाहरण आइ

  1. CSS में RGBA से ट्रांसपेरेंसी (पारदर्शिता) कैसे बनाएं? CSS में RGBA से ट्रांसपेरेंसी (पारदर्शिता) कैसे बनाएं?

    RGBA कलर फॉर्मेट में अल्फा चैनल (0 से 1) पारदर्शिता नियंत्रित करता है। rgba(0, 0, 255, 0.582) में 0.582 ओपेसिटी है। यह केवल बैकग्राउंड को पारदर्शी बनाता है, कंटेंट को नहीं। उदाहरण <!DOCTYPE html> <html> <head> <style> body { font-family: Segoe UI, Tahoma, Geneva, Verd

  1. CSS में डेटा-एट्रिब्यूट्स (data-*) का उपयोग करना CSS में डेटा-एट्रिब्यूट्स (data-*) का उपयोग करना

    परिचय हम data-* एट्रिब्यूट्स का उपयोग करके एलिमेंट्स के बारे में अतिरिक्त जानकारी संग्रहीत कर सकते हैं। ये कस्टम डेटा एट्रिब्यूट्स CSS सेलेक्टर्स (attr() फंक्शन के साथ) और जावास्क्रिप्ट दोनों के लिए सुलभ हैं। उदाहरण 1: जावास्क्रिप्ट इंटरैक्शन के लिए डेटा एट्रिब्यूट्स <!DOCTYPE html> <html