Welcome Guest! (App Version 3.1)
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
advent of Smartphones there came a change in the Website Visitors. The change that took place in 2000s took a drastic turn and in 2014 for the first time when mobile visitors surpassed those from Desktops/Laptops. Now, if one had to be in market for long time and capture more and more customers by having them visit owner's Websites, the best way came to be that now the Websites not only to be made for High-Configuration machines (desktops/laptops) but also for devices with less technical capability (less RAM, less capable browser), ie,
mobiles and tablets.
There are 3 methods to target Multiple Devices for a Website:
www.m.xyz.comsites for mobiles (Separate url website with its own content)
The basic concept in all these 3 approaches is that you create a website that works properly with good functionality (at least acceptable) in terms of UI and JS (user interaction) for all different types of devices available in the market (at least mobiles, tablets, laptops & desktops). Effort is made that whatever approach you take, the web designs are optimized for the size of the screen or a certain type of device that is being used by the user to view them.