{{위키데이터 속성 추적}}
{{소프트웨어 정보
| name                   = 모더나이저
| title                  = 모더나이저
| logo                   = 
| logo size              = 
| screenshot             = 
| caption                =
| collapsible            =
| author                 = Faruk Ateş
| developer              = Faruk Ateş, Paul Irish, Alex Sexton, Ryan Seddon, Patrick Kettner, Stu Cox, Richard Herrera, 기여자들
| released               = {{시작 날짜와 나이|2009|07|01}}<ref>{{웹 인용 | url = http://farukat.es/journal/2009/07/271-proudly-announcing-modernizr | title = Proudly Announcing Modernizr | author = Faruk Ateş | date = 1 July 2009 | 확인날짜 = 2019-05-27 | archive-date = 2016-08-01 | archive-url = https://web.archive.org/web/20160801162920/http://farukat.es/journal/2009/07/271-proudly-announcing-modernizr | url-status =  }}</ref>
| discontinued           =
| latest release version = 3.6.0
| latest release date    = {{시작 날짜와 나이|2018|05|28}}<ref>{{웹 인용|url=https://github.com/Modernizr/Modernizr/releases|title=Releases · Modernizr/Modernizr|language=en}}</ref>
| latest preview version =
| latest preview date    = 
| frequently updated     = 
| programming language   = [[자바스크립트]]
| platform               =
| size                   =
| language               =
| status                 =
| genre                  = [[자바스크립트 라이브러리]]
| license                = [[MIT 라이선스|MIT]]; 과거: [[다중 라이선스|듀얼 라이선스]] MIT-[[BSD 라이선스|BSD]] 2010년 6월 14일부터<ref>{{웹 인용|url=http://modernizr.com/news/modernizr-15/|title=Modernizr 1.5: new features, unit tests added|date=14 June 2010|accessdate=30 July 2013|publisher=Modernizr}}</ref> 2012년 9월 15일까지<ref>{{웹 인용|url=https://github.com/Modernizr/Modernizr/pull/694|title=Remove BSD license and improve readme|date=15 September 2012|accessdate=30 July 2013|publisher=[[GitHub]]}}</ref>
| website                = {{URL|http://modernizr.com/}}
}}
[[파일:Modernizr logo.png|thumb]]
'''모더나이저'''(Modernizr)는 작은 크기의 [[자바스크립트]] 라이브러리로서, 사용자가 현재 이용중인 [[웹 브라우저]]에서 [[HTML5]]와 [[CSS3]]가 지원하는 기능 중 어떤 기능을 지원하는지 알아볼 때 사용한다.

== 예시 ==

=== 모더나이저 자바스크립트 예제 ===
<syntaxhighlight lang="html5">
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
	<title>Modernizr - JavaScript Example</title>

	<script src="path/to/modernizr.js"></script>
</head>
<body>
	<p id="result"></p>

	<script>
		elem = document.getElementById('result');
		if ( Modernizr.websockets ) {
			elem.innerHTML = 'Your browser supports WebSockets.';
                        alert("Your browser supports WebSockets");
		} else {
			elem.innerHTML ='Your browser does not support WebSockets.' ;
		}
	</script>
</body>
</html>
</syntaxhighlight>

=== CSS 예제 ===
<syntaxhighlight lang="html5">
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
	<title>Modernizr - CSS Example</title>

	<style>
		.wsno,
		.wsyes { display: none; }
		/* Modernizr will add one of the following classes to the HTML element based on
                   whether or not WebSockets is supported by the user's browser. */
		.no-websockets .wsno,
		.websockets .wsyes { display: block; }
	</style>

	<script src="path/to/modernizr.js"></script>
</head>
<body>

	<p class="wsno">Your browser does not support WebSockets.</p>

	<p class="wsyes">Your browser supports WebSockets.</p>
</body>
</html>
</syntaxhighlight>

== 같이 보기 ==
* [[HTML]]
* [[HTML5]]
* [[WebGL]]
* [[자바스크립트]]

== 각주 ==
{{각주}}

== 외부 링크 ==
* {{언어링크|en}} {{공식 웹사이트}}

{{토막글|웹사이트}}

[[분류:HTML]]
[[분류:W3C 표준]]
[[분류:MIT 라이선스 소프트웨어]]
[[분류:반응형 웹 디자인]]
[[분류:웹 디자인]]