কম্পিউটার টিউটোরিয়াল

Modernizr ব্যবহার করে HTML5 ফিচার ডিটেক্ট করা

Modernizr একটি ছোট জাভাস্ক্রিপ্ট লাইব্রেরি যা नेक्स্ট-জেনারেশন ওয়েব টেকনোলজির নেটিভ বাস্তবায়নের উপলব্ধতা শনাক্ত করে।

Modernizr দ্বারা শনাক্তযোগ্য ফিচারগুলোর তালিকা নিচে দেওয়া হলো:

ফিচার CSS প্রপার্টি জাভাস্ক্রিপ্ট চেক
@font-face.fontfaceModernizr.fontface
Canvas.canvasModernizr.canvas
Canvas Text.canvastextModernizr.canvastext
HTML5 Audio.audioModernizr.audio
HTML5 Audio formatsNAModernizr.audio[format]
HTML5 Video.videoModernizr.video
HTML5 Video FormatsNAModernizr.video[format]
rgba().rgbaModernizr.rgba
hsla().hslaModernizr.hsla
border-image.borderimageModernizr.borderimage
border-radius.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-এ Display প্রপার্টি ব্যবহার

  2. CSS-এ Fixed Positioning

  3. RGBA ব্যবহার করে CSS ট্রান্সপারেন্সি

  4. CSS-এ Data-Attributes (data-*) ব্যবহার করা