Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is there any reset Library for CSS for just Modern Browsers?

Tags:

css

css-reset

I am aiming to support just IE10+, and the newest versions of the most popular browsers. I am wondering if there is a css reset just for those specific browsers ignoring old IE and Moz fixes.

I couldn't find any, but perhaps I have overlooked some when I was searching on Google. I plan to create my own of course, I just don't want to redo work if there is a library out there I can utilize.

Thanks!

like image 544
xivo Avatar asked Jan 28 '13 19:01

xivo


People also ask

Which CSS reset library should you use?

Normalize.CSS has been the most popular CSS reset library for years. It saves you a lot of time matching a duplicate experience for each web browser. The story of CSS resets has been always controversial – to which one you should use to whether or not they should be used at all.

What is new CSS reset?

New CSS Reset is a new and ultra-compact CSS Reset library for modern development. The CSS reset was built from the understanding that we don’t want to use the default style we get from browsers, except for the ‘ display ‘ property. Reset global CSS keywords, keywords ‘cancel’ and ‘undo’. The new property ‘all’ can reset all properties combined.

Do we really need a heavy-handed CSS reset?

In this modern era of web development, we don’t really need a heavy-handed reset, or even a reset at all, because CSS browser compatibility issues are much less likely than they were in the old IE 6 days. That era was when resets such as normalize.css came about and saved us all heaps of hell.

What is the best alternative to CSS reset?

The whole idea of a CSS reset library is to deal with styling inconsistencies across browsers. Unlike the Meyer reset, normalize.css doesn’t remove any styling from elements that were already consistent across browsers. A modern, HTML5-ready alternative to CSS resets.


3 Answers

Modern as in HTML5 resets?

Blue Print Framework has a nice reset

http://html5reset.org/

Then there is YUI, http://code.google.com/p/reset5/...

like image 89
keeg Avatar answered Nov 15 '22 08:11

keeg


A CSS base and reset is meant to apply to all HTML elements you use, so that the browser never has to reach into its default styles to render anything on your page. A few elements have been removed* in HTML5, so you could remove these from your reset if any are present, but that might be over-optimizing. For what it's worth, the YUI 3 CSS base and reset account well for modern browsers.

EDIT:

  • Correction: They have been marked obsolete; compliant browsers such as IE10 still need to support them, so unless you are sure your page/application will never use any of them, they should not be removed from your base/reset.
like image 21
weir Avatar answered Nov 15 '22 08:11

weir


Normalize is worth a look as an alternative to a CSS reset. Instead of resetting all styles, it targets the ones that need to change to change to give you sane, consistent results across browsers in a smaller file size.

This means that there is not so many styles to clutter your dev tools debugging. It also fixes some common bugs. It's a mainstream project, that's well maintained, focuses on modern (ie8+) browsers and is used by some high profile sites.

Read more about it here.

like image 27
diffa Avatar answered Nov 15 '22 08:11

diffa