A lot of pages I research about that, but no one give me a full brief describing step by step, and advantages of 'mobile first' approach. Especially combining media queries among difference device. Whether you knew, Could you share to me? Really Thanks
I went through the same thing and there aren't any definitive guides out there. I've had to tread my own path and even modify some of the vendor code I use to work well with 'mobile first'.
These are some useful links, however:
Thanks Hamish, I go for it !
I’m currently using Inuit.css https://github.com/csswizardry/inuit.css and really loving the simplicity and amazingly documentation, it’s really lightweight and doesn’t get in the way of design. It’s mobile first and has a great grid system, this thing I like most about it is it uses Palm, Lap, Desk, Desk+ major breakpoints documented by Luke Wroblewski. I’ve learned so many good practices from this little framework and can’t praise it enough.
Also +1 for Stu Robson’s media-query it works really well.
Jake Archibald has got a pretty good resource for RWD+IE http://jakearchibald.github.io/sass-ie/
I also use Inuit and it's one of the things I've had to hack slightly to get to work how I want. for instance, it doesn't play at all well with ems and also I had to re-implement and override the media query mixins so that I could route stuff to a separate IE stylesheet.