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
This methodology is similar to the previous one but with the difference that our approach is to first establish a basic level of user experience that all browsers will easily provide to the user (modern & old browsers both). However, when a user is visiting your website from a modern browser, the user will automatically see more advanced functionality and might be better UI and other features. But, still even if browser is not modern or very old, that basic functionality that we made will still make user do his tasks easily (though UX or extra features are not readily available).
This may also mean to first make a simple behavior, functionality, and content for mobile platform. As we go to tablet and finally desktop/laptop, more features and content might be available to end user enriching his overall experience. But, in any case he is able to see basic data, content, links and features in mobile platform also.