Object Oreinted CSS
Object Oreinted CSS - 2 Main Concept
What are the Benefits?
/*Grouping of CSS*/
.button,.field,.column {
padding: 5px;
border-radius: 12px;
}
.button,.field{
display : inline-block;
}
.column {
float :left;
}
/* Object Oreinted CSS
- The object is repeating visual pattern
- Visual patterns are abstracted into independent CSS "modules"
*/
Web build with Bootstrap
CSS
align
Free Resource
Photo Free
Font
icons
Animation
Navigation
Material Design Lite (ของ google) http://www.getmdl.io/
Material UI http://www.material-ui.com/#/home
Bootswatch Paper http://bootswatch.com/paper/#
Leaf http://getleaf.com/
Materialize http://materializecss.com/
Polymer https://www.polymer-project.org/
Angular Material https://material.angularjs.org/latest/
Slider
Gallery
Google Grid Gallery Hover
Select
Animate
Manus
Chart , Graph
Page Scroll
Report
Game
Validation
Notification
Text Change