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
Mobile First Approachaims at start coding for mobile and then make CSS adjustments to look good for higher-width screens such as tablet, desktop and wide-screens.
Mobile First Approach is a Design Process which asks to design for smaller screens first and then add more features and content for bigger screens. The focus here is to capture the market share of users using 'Mobile Handsets' and then focus later on the users working on tablets and desktops. Finally comes wide-screens. This approach may also be termed as Progressive Enhancement.
We first care for mobile users and their experience. Later we add changes and more features for tablet and finally laptop/desktop users.