Google Material Design CSS library could be a twitter bootstrap killer?
Google has developing a new Material Design CSS library, that will compete with other popular CSS frameworks such as Twitter Bootstrap
(http://getbootstrap.com/), Foundation by ZURB (http://foundation.zurb.com/), Semantic UI (http://semantic-ui.com/), Pure by Yahoo!
(http://purecss.io/) or relatively new Materialize CSS (http://materializecss.com).
Materialize is a CSS Framework based on Material Design
What is material?
3D world - The material environment is a 3D space, which means all objects have x, y, and z dimensions.
Materialize - A modern responsive front-end framework based on Material Design
Materialize on GitHub: https://github.com/Dogfalo/materialize
Upcoming Material Design CSS library – a Twitter Bootstrap killer?
Google Design : http://www.google.com/design/
Material Design - Intro. by Google: http://www.google.com/design/spec/material-design/introduction.html
Material Design Blog
Material Design Blog focused on the best apps, websites & themes rocking material design. Daily material design inspiration & examples for web designers & developers.
MaterialUp - Get the best of Material Design: http://www.materialup.com/
Great Examples of Material Design
HTML & CSS Examples of Material Design in Action
February 26, 2015 by +Speckyboy Design Magazine Editors
Top 5 Material Design Frameworks to Use in 2015
+Tanay Pant , Published May 5, 2015 in +SitePoint
Angular Material: https://material.angularjs.org
Material UI: http://material-ui.com/
MUI CSS Framework: https://www.muicss.com/
Google’s Polymer Project: https://www.polymer-project.org/0.5/docs/elements/material.html
Material Design Resources For Web Designer And Web Developer
by Nino Dezign · January 30, 2015
A huge of Google Material Design resources including framework, icons, GUI kits, fonts … for your next design project or for inspiration.
Google Material Design: Everything You Need to Know
by +Carrie Cousins on 24th February 2015 in +Design Shack
7 Material Design Web UI Frameworks
By +Kanishk Kunal - Updated on Mar 12, 2015
Top 20 Best Material Design Apps and Websites For Inspiration
by +Irfan Fauzi, Feb 10, 2015
Make Material Design Websites with the Materialize CSS Framework
+Narayan Prusty, February 9, 2015
Great examples of Material Design animations
By +Benoît Boucart, 26 Oct 2014
Google Flights Uses Material Design
by +Alex Chitu, April 30, 2015
Comprendre le « Material Design » de Google
Par +Geoffrey Dorne , 26 juin 2014
Free Material Design UI Kit
Material Design UI Kit freebie
by Jakub Kośla, May 15, 2015
Freebie: Material Design UI Kit (PSD)
April 7, 2015 by Speckyboy Design Magazine Editors
Download Free Material Design UI Kit [8mb]
Free Material Design GUI Templates & Icon Sets
November 19, 2014 by Paul Andrew
More nice links on Material Design
On June 25, 2014, Google revealed the guidelines for its new “Material” design language.
Google reveals its next generation 'Material' design language
— and it looks a lot like Windows and iOS
By Harrison Weber, June 25, 2014 in +VentureBeat
Top designers react to Google’s new ‘Material’ design language http://j.mp/1yUvl8K |@VentureBeat
By Harrison Weber, June 27, 2014
Google Material Design Guidelines: http://www.google.com/design/spec/material-design/introduction.html
Subtly Animated Examples of Material Design
By Paul Andrew , November 18, 2014 in Envato
Designing in the material style — without just copying Google
by John Moore Williams , on April 28, 2015
How to Not Freak Out About Material Design (A sane approach to making your app Material)
By Max Weiner, Android Lead at Pocket
Check out the new Pocket for Material Design at http://pocket.co/sKTGP
Material UI - A CSS Framework and a Set of React Components that Implement Google's Material Design
By Call-Em-All - https://www.call-em-all.com
The most realistic Material Design prototype-ready UI library
An exploration in Material Design by feedly
By Arthur Bodolec, Designer co-founder Feedly
LumX - Responsive front-end framework based on AngularJS & Google Material Design specifications
LumX - The first responsive front-end framework based on AngularJS & Google Material Design specifications. LumX will help you to design beautiful applications, faster and easier.
Download LumX v0.3.32: https://github.com/lumapps/lumX/archive/v0.3.32.zip
Material Design Preloader
Created by +Aaron Lumsden -@aaronlumsden
Interactive experiences for Google's Material Design Principles
Material Design Icons
by Addy Osmani, 17 Oct 2014
Download the Zip. Grab the latest release as a zip archive (~57MB):
Material design morphing icons
New to Material Design? 12 Principles You Need to Know
Posted on May 12, 2015 by Karol K (@carlosinho) blogger and founder of NewInternetOrder.com
Posted on May 8, 2015 by Karol K , (@carlosinho), a blogger and founder of NewInternetOrder.com
Material design has gotten really popular recently, as many designers have started integrating it into not only their Android projects, but Flat Design vs. Material Design: What Makes Them Different?
Top 3 differences between flat design and material design – designers chip in
1. Flat design is great for users who are highly attuned to digital interaction, while material has more of a reactive response to a user’s action. Material design brings the design a step further in its ability to communicate.
2. Material design may be aesthetically flat, specifically the colors, but it is multi-dimensional: it takes the Z-axis into consideration.
3. Both flat and material are minimalist approaches, but material is attempting to marry the real and digital worlds.
Why did Google introduce material design?
The reasons can be many, but one had to be the need to unify the way things looked on different Android devices (using different screens and resolutions). Making an app to look similarly on multiple devices is a really difficult task for developers, and material design plays well as a set of guidelines that make this task easier.
Material design introduces physics
In Google’s own words, "material is the metaphor".
One of the main principles of material design is to mimic the ways in which things work in the real world, but to do it in an utterly simplified manner.