Welcome Guest! (App Version 5.16)
Basic CSSWhat is CSS? My First Program Height & Width Background & Color Box Model Text Formatting Comments Display Position z-index Opacity Float & Clear:both Image Sprites
CSS SelectorsSelectors In CSS Basic Selectors Relational Selectors Attribute Based Selectors Child & Nth-type Selectors Pseudo Classes Selectors Pseudo Elements Selectors Negation Selector
Multi-Device SupportMDS Methods Responsive Web Design By Media Query By Fluid Web Design By UI Framework Adaptive Web Design Separate Domain & Content MDS Approaches Mobile First Approach Desktop First Approach MDS Design Process Progressive Enhancement Graceful Degradation
CSS 3Border-radius Box-Shadow Text-Shadow Multiple Column Background Images Border Image Custom Web Fonts New Color Formats Flex Box Gradients Linear Gradients Radial Gradients Transformation 2D-Transformation 3D-Transformation
CSS QuizCSS Quiz 1
This is the third approach to achieve Multi-Device Support for any website. If you try open Facebook on mobile you will be directed to m.facebook.com. So, in this approach a Vender makes separate code-base and separate domain for various standard devices. Say, there is a website www.mywebsite.com. So, for various platforms its domain would differ as:
Here, there are different domains for one website and they all have their different code-bases also. The user login and his identification is done by server-side authentication. This approach requires very heavy upliftment of money and only very large companies and firms can afford this luxury approach.
Small websites just try to make website Responsive (1st approach); Some go a further mile making it adaptive (2nd approach). But, this approach is not at all carried by them.