almost 10 years ago from wasil ar, UI/Front End Engineer on Spektrum
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:
http://nicolasgallagher.com/mobile-first-css-sass-and-ie/http://alwaystwisted.com/post.php?s=2012-08-06-a-sass-mixin-for-media-queries-and-iehttp://zachinglis.com/posts/simple-ie-stylesheets-with-sass
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.
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now