Hey guys, i want to know what you guys use when it's time to begin a new project ? Last project i used this ( http://blog.vandenoostende.com/2011/sensible-mediaqueries/ ) who was great. Normally i use codekit, sublimetext2, less css with a couple of mixins and a classic css reset. Today i just saw on codepen normalized or reset and i'm not sure i understand the difference between them? Thanks !
There are 3 different things when it comes to reset CSS styles:
* Barbarian reset a.k.a * { padding:0; margin:0; }. Works great, but not recommanded since it resets everything including things you don't want to be reseted.
* Eric Meyer's CSS reset (http://meyerweb.com/eric/tools/css/reset/). Works great since it resets only what needs to be reseted.
* Nicolas Gallagher's CSS normalize (http://necolas.github.com/normalize.css/). Doesn't reset anything, instead it normalizes browser inconsistancies. Probably the best choice.
I personally use Eric Meyer's reset (which is the default reset in Compass also). I use it over normalize because normalize slightly steps over into setting default styes, rather than just stripping away.
As I prefer to opt-in, rather than opt-out of styles, Eric's one is a perfect fit.
Hey guys, i want to know what you guys use when it's time to begin a new project ? Last project i used this ( http://blog.vandenoostende.com/2011/sensible-mediaqueries/ ) who was great. Normally i use codekit, sublimetext2, less css with a couple of mixins and a classic css reset. Today i just saw on codepen normalized or reset and i'm not sure i understand the difference between them? Thanks !
this is normalize: http://necolas.github.com/normalize.css/
There are 3 different things when it comes to reset CSS styles:
* Barbarian reset a.k.a
* { padding:0; margin:0; }. Works great, but not recommanded since it resets everything including things you don't want to be reseted.* Eric Meyer's CSS reset (http://meyerweb.com/eric/tools/css/reset/). Works great since it resets only what needs to be reseted.
* Nicolas Gallagher's CSS normalize (http://necolas.github.com/normalize.css/). Doesn't reset anything, instead it normalizes browser inconsistancies. Probably the best choice.
I personally use Eric Meyer's reset (which is the default reset in Compass also). I use it over normalize because normalize slightly steps over into setting default styes, rather than just stripping away.
As I prefer to opt-in, rather than opt-out of styles, Eric's one is a perfect fit.
In terms of a 'reset', I use a stripped down version of Normalize.css.
Normalize for me, slightly stripped down.
I normally start with Initializr. Its a great resosurce. I'll also use Normalize
Lately I've been experimenting with Yeoman and their quickstart init.
For grid (ish... =) I prefer Golden Grid System and the reset is a slightly modified Normalize.css.
As a preprocessor I use Sass with Compass with some of my own mixins compiled from various sources.
I also want to recommend Selectivizr if you like me want to use some of the more interesting CSS-selectors.
Also, obviously, Modernizr, lately using the grunt-modernizr task