-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
1 lines (1 loc) · 48.4 KB
/
index.html
File metadata and controls
1 lines (1 loc) · 48.4 KB
1
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/5.3b49a56472896feeb933.css">/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}code,pre{font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif}code,pre,strong{font-weight:600}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#212424;color:#e1e1e1;padding:0;-webkit-font-feature-settings:"liga" 0;font-feature-settings:"liga" 0;line-height:1.7;font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif;font-weight:300}@media screen and (max-width:399px){body{font-size:13px}}@media screen and (min-width:1000px){body{font-size:17px;min-height:100vh}}h1,h2,h3,h4,h5,h6{font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif;font-weight:600;margin:0 0 20px}ol,p,ul{margin:0 0 20px}@media screen and (max-width:399px){ol,p,ul{line-height:1.6}}@media screen and (min-width:400px){ol,p,ul{line-height:1.8}}a{text-decoration:none;font-weight:600}@media screen and (max-width:399px){a,a:active,a:focus,a:link,a:visited{color:#41c7c7}}@media screen and (min-width:400px){a,a:active,a:focus,a:link,a:visited{color:#41c7c7}}a:hover{position:relative;text-decoration:underline}a.button:hover,a.resp-sharing-button__link:hover{-webkit-animation:none;animation:none}.conclusion__byline{text-align:right;display:block;font-weight:600}.note{color:#8c8c8c}.results-container{pointer-events:none}.results-container>div{pointer-events:all}.pagelayout__header{display:flex;justify-content:center;align-items:center;margin-bottom:20px;justify-content:space-between}.pagelayout__spacer{height:5px;flex:1 1;border-top:1px solid #788080;border-bottom:1px dashed #788080}.pagelayout__logo{position:relative;left:-5px;font-size:.8rem;width:100%}.pagelayout__logo svg{display:block;width:100%}.pagelayout__inner{min-height:100vh}@media screen and (min-width:1000px){.pagelayout__inner{display:grid;grid-template-columns:270px 1fr}}.pagelayout__content{display:flex;flex-direction:column}.pagelayout__main{flex-grow:1}@media screen and (max-width:999px){.pagelayout__main{padding:20px 20px 80px}}@media screen and (min-width:1000px){.pagelayout__main{padding:60px 60px 140px}}@media screen and (max-width:399px){.section{margin-bottom:40px}}@media screen and (min-width:400px) and (max-width:999px){.section{margin-bottom:80px}}@media screen and (min-width:1000px){.section{margin-bottom:80px}}@media screen and (min-width:1000px){.section .section-inner{display:flex;justify-content:flex-end;position:relative}}.section .section-title{border-bottom:1px solid #788080;padding-bottom:3px;margin:0 0 40px}@media screen and (max-width:399px){.section .section-title{font-size:1rem}}@media screen and (min-width:400px){.section .section-title{font-size:1.1rem}}.section .section-title span{display:block;padding-bottom:10px;border-bottom:1px solid #788080}.section-layout-b{display:block}@media screen and (min-width:1000px){.section-contents{width:40%}}@media screen and (min-width:1000px){.section-narrow{margin-left:320px;margin-right:320px}}.section-narrow .section-contents-wide{padding:0}@media screen and (min-width:1000px){.section-contents-wide{padding:0 180px}}@media screen and (max-width:999px){.sticky-container{margin-bottom:20px}}@media screen and (min-width:1000px){.sticky-container{width:55%;margin-right:5%}}.chart h2{margin-top:0}.section-block{margin-bottom:60px}.section-block h3{text-align:center}.section-border{border:1px solid #788080;position:relative}@media screen and (max-width:399px){.section-border{padding:20px 20px 40px}}@media screen and (min-width:400px) and (max-width:999px){.section-border{padding:20px 20px 40px}}@media screen and (min-width:1000px){.section-border{padding:40px}}.section-border h3{margin:0;display:table;max-width:90%;background:#fffef0;padding:0 20px;position:absolute;line-height:1.4;top:-3px;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Button,.button{background:none;border:1px solid #788080;padding:10px 20px;cursor:pointer;display:block;text-align:center;font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif;font-weight:600;white-space:nowrap}@media screen and (max-width:399px){.Button,.button{font-size:.8rem}}@media screen and (min-width:400px){.Button,.button{font-size:1rem}}.Button,.button,.Button:link,.button:link,.Button:visited,.button:visited{color:#e1e1e1;text-decoration:none}.Button:hover,.button:hover{color:#fe6a6a;border-color:#fe6a6a;text-decoration:none}.Button--small,.button--small{font-size:.8rem;padding:5px 10px}.Button--small:link,.button--small:link{color:#788080}.Button--small:hover,.button--small:hover{color:#fe6a6a}.Button.large-button,.button.large-button{padding:20px;font-size:1.1rem}.Button--disabled,.button--disabled{color:#555}.ButtonGroup{position:relative;display:inline-flex;vertical-align:middle}.ButtonGroup .Button{border-left-width:0}.ButtonGroup .Button:hover{border-left-color:#788080;border-right-color:#788080}.ButtonGroup .Button:hover:first-child{border-left-color:#fe6a6a}.ButtonGroup .Button:hover:last-child{border-right-color:#fe6a6a}.ButtonGroup .Button:first-child{border-left-width:1px}.PageLayout--sidebar{overflow:hidden;height:100vh}.Sidebar{border-right:1px solid #4d4f4f;border-bottom:1px solid #4d4f4f}@media screen and (max-width:999px){.Sidebar{top:0;bottom:0;left:0;right:0;background:#212424;z-index:1000;text-align:center;overflow-y:scroll;padding:0 0 40px}.Sidebar.Sidebar--hidden{display:none}.Sidebar.Sidebar--shown{overflow:hidden;overflow-y:scroll;position:fixed}}.Sidebar__Fixed{display:flex;flex-direction:column;height:100vh;position:fixed}@media screen and (max-width:999px){.Sidebar__Fixed{width:100%}}@media screen and (min-width:1000px){.Sidebar__Fixed{width:270px}}.Sidebar__Inner{padding:30px;overflow-y:scroll;flex-grow:1;display:flex;flex-direction:column}@media screen and (max-width:399px){.Sidebar__Inner{padding-bottom:80px}}.Sidebar__Close{margin:0;padding:0;border:1px solid #4d4f4f;border-right:none;display:flex;justify-content:center;align-items:center;width:100%}.Sidebar__Close button{background:none;cursor:pointer;border:none}@media screen and (min-width:1000px){.Sidebar__Close{display:none}}.Sidebar__Close svg{stroke:#41c7c7}.nav ul{list-style-type:none;margin:0;padding:0}.nav li{margin-bottom:13.33333px}.nav-page{white-space:nowrap;font-size:1rem;margin:0}.nav-page-active{font-weight:600}.nav-page-active:before{content:"> "}.nav-page-comingsoon{opacity:.35}.nav-subpages{padding-left:20px;margin-top:10px}.nav-subpage{display:block;font-size:.9rem;font-weight:300}.nav-subpage,.nav-subpage:link,.nav-subpage:visited{color:#e1e1e1}.nav-subpage-active{font-weight:600}.nav-subpage-active:before{content:"> "}.nav-subpage--overview{border-bottom:1px dashed #4d4f4f;padding-bottom:6.66667px;margin-bottom:6.66667px}.nav-subpage--other-libraries{border-top:1px dashed #4d4f4f;padding-top:6.66667px;margin-top:6.66667px}.Logo__Wrapper{margin:0}.Logo,.Logo svg{display:block}@media screen and (max-width:999px){.Logo--desktop{display:none}}.PageLayout--anim .Logo--desktop{visibility:hidden}@media screen and (max-width:999px){.Logo--mobile{display:grid;grid-template-columns:4fr 1fr}.Logo--mobile svg{display:block;width:100%}}@media screen and (min-width:1000px){.Logo--mobile{display:none}}@media screen and (max-width:399px){.Block,.block{margin-bottom:40px}}@media screen and (min-width:400px){.Block,.block{margin-bottom:80px}}.Block:last-child,.block:last-child{margin-bottom:0}.Block__Description,.block__description{margin-bottom:40px}.Block__Description p:last-child,.block__description p:last-child{margin:0}.Block__Title{padding-bottom:10px;border-bottom:1px dashed #788080;margin-bottom:20px;display:flex;align-items:center}@media screen and (max-width:399px){.Block__Title{justify-content:space-between;overflow:hidden}}.Block__Title__Text{margin-bottom:0}@media screen and (max-width:399px){.Block__Title__Text{opacity:1;transition:all .3s ease-in}.Block__Title--open .Block__Title__Text{opacity:.2}}.capture .Block__Title__Text--short,.nocapture .Block__Title__Text--full{display:none}.Block__Title__Share{margin-left:10px}.block__content li{margin-bottom:10px}.block__content strong{color:#f3f3f3}.block--othersbar{margin-bottom:200px}.others-wrapper{display:flex}.others-wrapper .chart-wrapper{flex:1 1}.libraries__inner{display:flex}.libraries__item{position:relative}.libraries__item__link{font-size:.7rem;display:block}@media screen and (min-width:400px){.libraries__item__link.libraries__item__link--enabled{cursor:pointer;color:#41c7c7;font-weight:600}}.libraries--vertical{padding:40px 0;display:flex}.libraries--vertical .libraries__inner{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.libraries--vertical .libraries__item__link{white-space:nowrap;text-align:right}.libraries--horizontal{margin-bottom:40px}@media screen and (max-width:399px){.libraries--horizontal{padding:0 20px}}@media screen and (min-width:400px){.libraries--horizontal{padding:0 60px}}.libraries--horizontal .libraries__inner{align-items:center;justify-content:space-between}.libraries--horizontal .libraries__item{flex:1 1}.libraries--horizontal .libraries__item__link{text-align:center}.library__tooltip{color:#2e2e2e;width:240px;z-index:100;font-size:.8rem;display:block;font-weight:300}.libraries__item:hover .library__tooltip{display:block}@media screen and (max-width:399px){.libraries__item:hover .library__tooltip{display:none}}.library__tooltip .toolip__topzone{position:absolute;top:-30px;left:50%;margin-left:-20px;height:30px;width:40px;z-index:100}.library__tooltip .tooltip__inner{padding:20px;background:#f3f3f3;position:relative}.library__tooltip .tooltip__inner:after,.library__tooltip .tooltip__inner:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.library__tooltip .tooltip__inner:after{border-color:hsla(0,0%,100%,0) hsla(0,0%,100%,0) #fff;border-width:10px;margin-left:-10px}.library__tooltip .tooltip__inner:before{border-color:rgba(194,225,245,0) rgba(194,225,245,0) #788080;border-width:11px;margin-left:-11px}.library__tooltip h3{font-size:1rem;border-bottom:1px dashed #788080;padding-bottom:10px;margin-bottom:10px;display:flex;justify-content:center;align-items:center;justify-content:space-between}.library__tooltip h3 .tooltip__title__stars{display:flex;justify-content:center;align-items:center;font-size:.7rem;color:#41c7c7;font-weight:300}.library__tooltip h3 .tooltip__title__stars path{fill:#41c7c7}.library__tooltip p{margin-bottom:10px}.library__tooltip h4{margin-bottom:5px}.library__tooltip ul{padding:0 0 0 20px;margin:0}.tooltip__description,.Tooltip__Link{font-weight:600}.share-wrapper{position:relative}.capture .share-wrapper{display:none}.share{display:flex;justify-content:center;align-items:center}.share-button{padding:3px 7px;font-size:.7rem;color:#788080;border-color:#788080}.share-popup{pointer-events:none;position:absolute;left:0;bottom:3px}.share__link{display:block;flex-shrink:0}.share__link:last-child{margin-right:0}.share__link svg{height:100%;width:100%}.share__link svg path{fill:#fffef0}.share__link:hover svg path{fill:#fe6a6a}.share-options .share__link{transition:all .5s cubic-bezier(.87,-.41,.19,1.44);-webkit-transform:scale(.8);transform:scale(.8);opacity:0;height:24px;width:24px}.share-popup-visible .share__link{opacity:1;pointer-events:auto}@media screen and (max-width:399px){.share-popup-visible .share__link.share__link--twitter{-webkit-transform:translateX(-760%) scale(1);transform:translateX(-760%) scale(1)}.share-popup-visible .share__link.share__link--facebook{-webkit-transform:translateX(-660%) scale(1);transform:translateX(-660%) scale(1)}.share-popup-visible .share__link.share__link--linkedin{-webkit-transform:translateX(-560%) scale(1);transform:translateX(-560%) scale(1)}.share-popup-visible .share__link.share__link--email{-webkit-transform:translateX(-460%) scale(1);transform:translateX(-460%) scale(1)}}@media screen and (min-width:400px){.share-popup-visible .share__link.share__link--twitter{-webkit-transform:translateX(280%) scale(1);transform:translateX(280%) scale(1)}.share-popup-visible .share__link.share__link--facebook{-webkit-transform:translateX(320%) scale(1);transform:translateX(320%) scale(1)}.share-popup-visible .share__link.share__link--linkedin{-webkit-transform:translateX(390%) scale(1);transform:translateX(390%) scale(1)}.share-popup-visible .share__link.share__link--email{-webkit-transform:translateX(460%) scale(1);transform:translateX(460%) scale(1)}}.ShareSite .share__link{border-right:1px solid #4d4f4f;flex-grow:1;text-align:center;padding:22px 6.66667px}.ShareSite .share__link:hover{background:#2e2e2e}.ShareSite .share__link svg{display:block;margin:0 auto;height:24px;width:24px}.ShareSite .share__link:last-child{border-right:none}.share-options{display:flex;align-items:center;justify-content:center;margin:0 auto}.home .share-options,.share-options{max-width:300px}@media screen and (max-width:399px){.home .share-options a{height:40px;width:40px;padding:10px}}@media screen and (min-width:400px){.home .share-options a{height:60px;width:60px;padding:15px}}.ShareSite{border-top:1px solid #4d4f4f;display:flex;justify-content:space-evenly;border-right:1px solid #4d4f4f}.resources-title,.sponsors-title{font-size:1rem;margin-bottom:10px}@media screen and (min-width:400px){.resources-title,.sponsors-title{display:flex;justify-content:center;align-items:center;justify-content:space-between}}.resources-title h2,.sponsors-title h2{margin:0}.resources-sponsor{color:#788080;font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif;font-weight:600;font-size:.8rem}.resources-sponsor img{display:inline-block;height:20px;vertical-align:middle;margin-right:5px}@media screen and (min-width:1000px){.resources-list{display:grid;grid-template-columns:auto auto;grid-gap:40px}}.resource,.sponsors-list{margin-bottom:20px}@media screen and (min-width:400px){.resource{display:flex}}.resource-image{position:relative;z-index:5}.resource-image:before{z-index:1;content:" ";display:block;position:absolute;top:6px;left:6px;height:100%;width:100%;background:url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" version="1.1"><defs><pattern id="Pattern2" patternUnits="userSpaceOnUse" width="5" height="5"><path d="M 0,5 l 5,-5 M -1,1 l 2.5,-2.5 M 4,6 l 2.5,-2.5" stroke-width="1" shape-rendering="auto" stroke="#788080" stroke-linecap="square"></path></pattern></defs><rect fill="url(#Pattern2)" x="0" y="0" width="100" height="100"/></svg>')}@media screen and (max-width:399px){.resource-image{width:60px;float:right;margin:0 0 20px 20px}}@media screen and (min-width:400px){.resource-image{width:160px;margin-right:20px}}.resource-image div{background:#fff;position:relative;z-index:10;border:2px solid #788080}.resource-image a{display:block;width:100%;padding-bottom:90%;height:0;background-position:50%;background-size:cover}.resource-image img,.resource-image svg{display:block;width:100%;border:3px solid #fff}.resource-contents{flex:1 1}.resource-title{margin-bottom:0}.sponsor-title{font-size:1.1rem}.resource-author{margin-bottom:5px}.resource-description{font-size:.9rem}.sponsor-description p{margin-bottom:0}.resource-play{margin-left:10px}@media screen and (max-width:399px){.resource-play{display:none}}.resource-play a{display:block;height:70px;width:70px}.resource-play svg{width:100%;fill:#e1e1e1}.resource-play a:hover svg{fill:#fe6a6a}.resources-sponsored{color:#788080;font-size:.7rem;text-align:center;font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif;font-weight:600}.Sponsors{background:#2e2e2e;padding:30px;margin-top:60px}.Sponsors__Heading{text-align:center;margin-bottom:20px}.Sponsors__Items{display:flex;justify-content:center;align-items:center}@media screen and (max-width:999px){.Sponsors__Items{flex-direction:column}}.Sponsors__Item{width:150px}@media screen and (max-width:999px){.Sponsors__Item{margin-bottom:20px}}@media screen and (min-width:1000px){.Sponsors__Item{margin-right:60px}}.Sponsors__Item:last-child{margin:0}.Sponsors__Item a,.Sponsors__Item img,.Sponsors__Item svg{display:block;width:100%}.Sponsors__Support{font-size:.9rem;text-align:center;display:block;margin-top:10px;font-weight:300}.Sponsors__Support,.Sponsors__Support:link,.Sponsors__Support:visited{color:#788080}.pagetitle__wrapper{border-top:1px solid #4d4f4f;border-bottom:1px solid #4d4f4f}.pagetitle{font-size:1.3rem}.pagetitle__inner{text-align:center;z-index:10;position:relative;display:grid;grid-template-columns:1fr auto 1fr}@media screen and (max-width:999px){.pagetitle__wrapper--top .pagetitle__inner{grid-template-columns:1fr 50px 1fr}}.pagetitle__wrapper--title .pagetitle__inner{padding:20px;background:#212424}.pagination__link{padding:20px;display:block;font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif;font-weight:600;white-space:nowrap;border-right:1px solid #4d4f4f}@media screen and (max-width:999px){.pagination__link{font-size:.7rem;overflow:hidden;text-overflow:ellipsis}}@media screen and (min-width:1000px){.pagination__link{font-size:1rem}}.pagination__link:hover{background:hsla(0,0%,100%,.1)}.pagination__middle{display:flex;justify-content:center;align-items:center}span+.pagination__middle{border-left:1px solid #4d4f4f}@media screen and (max-width:999px){.pagination__link__label{display:inline-block}}@media screen and (min-width:1000px){.pagetitle__wrapper--title .pagination__link__label{display:none}}@media screen and (min-width:400px){.pagination__link__label--short{display:none}}@media screen and (max-width:399px){.pagination__link__label--full,.pagination__link__symbol{display:none}}.pagination__previous{text-align:left}.pagination__next{border:none;text-align:right}.pagetitle__wrapper--bottom span+.pagination__next,span+span+.pagination__next{border-left:1px solid #4d4f4f}@media screen and (max-width:999px){.PageTitle__Sidebar__Toggle{padding:0 10px;height:100%;display:flex;justify-content:center;align-items:center;border-right:1px solid #4d4f4f}span+.PageTitle__Sidebar__Toggle{border-left:1px solid #4d4f4f}}@media screen and (min-width:1000px){.PageTitle__Sidebar__Toggle{display:none}}.Sidebar__Toggle{border:none;background:#212424;padding:0;display:block;cursor:pointer}.Sidebar__Toggle svg{display:block;width:100%;height:auto;stroke:#41c7c7}@media screen and (min-width:1000px){.Sidebar__Toggle{display:none}}.Hamburger{fill:#fff;stroke:#fff}.Newsletter form{margin:0}@media screen and (min-width:400px){.Newsletter form{display:flex}}.Block--Newsletter{border:1px solid #4d4f4f;padding:30px}.Block--Newsletter .newsletter{margin-bottom:0}.Block--Newsletter .block__title{font-size:1.1rem}.Block--Newsletter .block__contents{font-size:1rem}.Newsletter__Email{font-weight:300;display:block;padding:10px;border:none;margin-right:10px;flex-grow:1;width:100%;max-width:300px}@media screen and (max-width:399px){.Newsletter__Email{margin-bottom:10px}}.Newsletter__Email:focus{outline:none;border-color:#fe6a6a}.Newsletter--loading .Newsletter__Email{background:#dadada}.Newsletter__Button{min-width:140px;display:block}@media screen and (max-width:399px){.Newsletter__Button{width:100%}}.Newsletter__Hidden{display:none}.Newsletter__Error{border:1px solid #fe6a6a;padding:20px;color:#fe6a6a;margin-bottom:20px}.Newsletter__Success{border:1px solid #788080;padding:20px}.Newsletter__Heading{margin-bottom:10px}.Newsletter__Description{margin-bottom:20px}.block--newsletter--home{text-align:center;border:1px solid #788080;padding:30px}@media screen and (min-width:1000px){.block--newsletter--home{margin-left:250px;margin-right:250px}}.block--newsletter--home .newsletter{max-width:none;margin:0}.block--newsletter--home .block__title{border-bottom:none;padding:0;margin-bottom:5px}.footer{text-align:center;font-size:1rem}.PeriodicTableElement_Frame{stroke-width:1px;stroke:#646a6a;fill:#212424}.PeriodicTableElement_Frame--chart{cursor:pointer}.PeriodicTableElement_Frame--chart:hover{stroke:#eee}.PeriodicTableElement_Shadow{fill:rgba(0,0,0,.35)}.PeriodicTableElement_Number{position:absolute;opacity:.6;pointer-events:none;fill:#fff}.PeriodicTableElement_Symbol{font-weight:600;pointer-events:none;color:#41c7c7}.PeriodicTableElement_Label{opacity:.6;fill:#fff;pointer-events:none}.ToolPairing__HeatMapChart__PeriodicElement .PeriodicTableElement_Frame{stroke:#212424}.ToolPairing__HeatMapChart__PeriodicElement .PeriodicTableElement_Symbol{fill:rgba(0,0,0,.7)}.ToolPairing__HeatMapChart__PeriodicElement .PeriodicTableElement_Label,.ToolPairing__HeatMapChart__PeriodicElement .PeriodicTableElement_Number{fill:#212424}@media screen and (min-width:400px){.ToolHeader{display:flex}}.ToolHeader .PeriodicTableElementHtml{width:100%}.ToolHeader__Element svg{display:block}@media screen and (max-width:399px){.ToolHeader__Element{max-width:150px;margin:0 auto 5px}}@media screen and (min-width:400px){.ToolHeader__Element{flex-shrink:1;flex-basis:120px;margin-right:20px}}.PageHeader{margin-bottom:40px}.PageHeader__Header,.ToolHeader__Header{display:flex;justify-content:space-between}.PageHeader__Title,.ToolHeader__Title{margin:0;padding:0;align-items:baseline}@media screen and (max-width:399px){.PageHeader__Title,.ToolHeader__Title{font-size:1.3rem}}@media screen and (min-width:400px) and (max-width:999px){.PageHeader__Title,.ToolHeader__Title{font-size:1.5rem}}@media screen and (min-width:1000px){.PageHeader__Title,.ToolHeader__Title{font-size:2rem}}@media screen and (max-width:399px){.ToolHeader__Title{display:none}}.ToolHeader__Content{flex:1 1}.ToolHeader__Links{display:flex;align-items:center;margin-top:10px}.ToolHeader__Link{margin-right:10px}@media screen and (max-width:999px){.ToolHeader__Stars{display:none}}.Home__Wrapper{height:100vh;display:grid;grid-template-rows:1fr auto}.LogoAnimation__Wrapper{height:100%;width:100%;position:relative}.LogoAnimation__Wrapper--simple{top:0;left:0;z-index:1000;position:fixed;pointer-events:none}.LogoAnimation__Inner{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center}.LogoAnimation{width:100%}.LogoAnimation__Element--At .PeriodicTableElement_Symbol,.LogoAnimation__Element--E .PeriodicTableElement_Symbol,.LogoAnimation__Element--Of .PeriodicTableElement_Symbol,.LogoAnimation__Element--St .PeriodicTableElement_Symbol{fill:#e1e1e1}.LogoAnimation__Element--Ja .PeriodicTableElement_Symbol,.LogoAnimation__Element--Pt .PeriodicTableElement_Symbol,.LogoAnimation__Element--Ri .PeriodicTableElement_Symbol,.LogoAnimation__Element--Sc .PeriodicTableElement_Symbol,.LogoAnimation__Element--Va .PeriodicTableElement_Symbol{fill:#41c7c7}.LogoAnimation__Element--18 .PeriodicTableElement_Symbol,.LogoAnimation__Element--20 .PeriodicTableElement_Symbol{fill:#fe6a6a}.LogoAnimation__Button{height:100%;display:flex;justify-content:center;align-items:center}@media screen and (max-width:399px){.LogoAnimation__Button{font-size:1.6rem}}@media screen and (min-width:400px) and (max-width:999px){.LogoAnimation__Button{font-size:1.8rem}}@media screen and (min-width:1000px){.LogoAnimation__Button{font-size:2rem}}.LogoAnimation__Language{color:#e1e1e1;text-align:center}@-webkit-keyframes glow-soft{0%{box-shadow:0 1px 1px 1px rgba(65,199,199,.1)}50%{box-shadow:0 1px 20px 1px rgba(65,199,199,.4)}to{box-shadow:0 1px 1px 1px rgba(65,199,199,.1)}}@keyframes glow-soft{0%{box-shadow:0 1px 1px 1px rgba(65,199,199,.1)}50%{box-shadow:0 1px 20px 1px rgba(65,199,199,.4)}to{box-shadow:0 1px 1px 1px rgba(65,199,199,.1)}}@-webkit-keyframes glow{0%{box-shadow:0 1px 2px 1px rgba(254,255,106,.5)}50%{box-shadow:0 1px 30px 2px rgba(254,255,106,.9)}to{box-shadow:0 1px 2px 1px rgba(254,255,106,.5)}}@keyframes glow{0%{box-shadow:0 1px 2px 1px rgba(254,255,106,.5)}50%{box-shadow:0 1px 30px 2px rgba(254,255,106,.9)}to{box-shadow:0 1px 2px 1px rgba(254,255,106,.5)}}@-webkit-keyframes burst{0%{box-shadow:0 0 0 0 rgba(254,106,106,0)}50%{box-shadow:0 0 30px 30px rgba(254,255,106,.9)}to{box-shadow:0 0 60px 60px rgba(254,106,106,0)}}@keyframes burst{0%{box-shadow:0 0 0 0 rgba(254,106,106,0)}50%{box-shadow:0 0 30px 30px rgba(254,255,106,.9)}to{box-shadow:0 0 60px 60px rgba(254,106,106,0)}}@media screen and (min-width:1000px){.Awards__Block{margin:80px 60px 60px;display:grid;grid-template-columns:1fr 1fr;-webkit-column-gap:160px;column-gap:160px;row-gap:60px}}.Award{text-align:center;display:flex;flex-direction:column;align-items:center}@media screen and (max-width:999px){.Award{margin-bottom:60px}}.Award__Heading{margin-bottom:5px;font-size:1.5rem}.Award__Description{margin-bottom:20px;font-size:.9rem;color:#8c8c8c}.Award__Element__Container{position:relative;height:150px;width:150px;-webkit-perspective:800px;perspective:800px;margin-bottom:20px}.Award__Element{cursor:pointer;margin-bottom:20px;position:absolute;height:100%;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s cubic-bezier(.175,.885,.32,1.275);transition:transform .8s cubic-bezier(.175,.885,.32,1.275);transition:transform .8s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .8s cubic-bezier(.175,.885,.32,1.275);-webkit-transform:rotateY(0deg) scale(.75);transform:rotateY(0deg) scale(.75)}.Award__Element svg{display:block}.Award--hide .Award__Element{-webkit-animation-name:glow-soft;animation-name:glow-soft;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.Award--hide .Award__Element:hover{-webkit-animation-name:glow;animation-name:glow;-webkit-animation-duration:1.2s;animation-duration:1.2s}.Award--show .Award__Element{-webkit-animation-name:burst;animation-name:burst;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.Award--show .Award__Element,.capture .Award__Element{cursor:default;-webkit-transform:rotateY(540deg) scale(1);transform:rotateY(540deg) scale(1)}.Award__Element__Face{position:absolute;height:100%;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.Award__Element__Face--back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.Award__Element__Face--front .PeriodicTableElement_Symbol{fill:#e1e1e1}.Award__Comment{transition:opacity .5s ease-in .5s;display:flex;flex-direction:column;align-items:center}.Award__Comment p{margin-bottom:10px}.Award--hide .Award__Comment{opacity:0}.Award--show .Award__Comment,.capture .Award__Comment{opacity:1}.Award__Share{margin-bottom:20px}.Awards__RunnerUps__Heading{transition:opacity .5s ease-in 1s;opacity:0;margin-bottom:0}.Award--show .Awards__RunnerUps__Heading,.capture .Awards__RunnerUps__Heading{opacity:1}.Awards__RunnerUps__Item{opacity:0;font-size:.9rem}.Award--show .Awards__RunnerUps__Item,.capture .Awards__RunnerUps__Item{opacity:1}.Awards__RunnerUps__Item--0{transition:opacity .3s ease-in 1.5s}.Awards__RunnerUps__Item--1{transition:opacity .3s ease-in 1.8s}.pagetitle .LanguageSwitcher{border-right:1px solid #4d4f4f}@media screen and (max-width:999px){.pagetitle .LanguageSwitcher{display:none}}@media screen and (min-width:1000px){.nav .LanguageSwitcher{display:none}}.Home__Wrapper .LanguageSwitcher{padding:10px 20px}.LanguageSwitcher__Inner{position:relative}.LanguageSwitcher__Toggle{display:flex;justify-content:center;align-items:center;font-size:1rem;cursor:pointer}.LanguageSwitcher__Toggle span{display:block;margin-right:5px}.LanguageSwitcher__Toggle svg{display:block;width:12px;position:relative}.LanguageSwitcher__Toggle svg polygon{fill:#e1e1e1}.pagetitle .LanguageSwitcher--open .LanguageSwitcher__Toggle{background:hsla(0,0%,100%,.1)}.pagetitle .LanguageSwitcher__Toggle{padding:20px}.nav .LanguageSwitcher__Toggle{margin-bottom:10px}.LanguageSwitcher__Options{position:absolute;width:100%;max-width:300px;border:1px solid #788080;background:#212424;padding:20px}@media screen and (min-width:1000px){.LanguageSwitcher__Options{width:300px;left:50%;margin-left:-150px}}.LanguageSwitcher__Options:after,.LanguageSwitcher__Options:before{left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.LanguageSwitcher__Options:after{border-color:rgba(136,183,213,0);border-width:10px;margin-left:-10px}.LanguageSwitcher__Options:before{border-color:rgba(194,225,245,0);border-width:11px;margin-left:-11px}.LanguageSwitcher--bottom .LanguageSwitcher__Options{top:130%}.LanguageSwitcher--bottom .LanguageSwitcher__Options:after,.LanguageSwitcher--bottom .LanguageSwitcher__Options:before{bottom:100%}.LanguageSwitcher--bottom .LanguageSwitcher__Options:after{border-bottom-color:#212424}.LanguageSwitcher--bottom .LanguageSwitcher__Options:before{border-bottom-color:#788080}.LanguageSwitcher--top .LanguageSwitcher__Options{bottom:160%}.LanguageSwitcher--top .LanguageSwitcher__Options:after,.LanguageSwitcher--top .LanguageSwitcher__Options:before{top:100%}.LanguageSwitcher--top .LanguageSwitcher__Options:after{border-top-color:#212424}.LanguageSwitcher--top .LanguageSwitcher__Options:before{border-top-color:#788080}.Locales{display:grid;grid-template-columns:auto auto;grid-column-gap:20px;grid-row-gap:20px}.Locales__Item{text-align:center;font-weight:300}@media screen and (max-width:999px){.Locales__Item{font-size:.8rem}}@media screen and (min-width:1000px){.Locales__Item{font-size:1rem}}.Locales__Item--current{font-weight:600}.chart-wrapper{font-size:1rem}.chart-wrapper g.xsmall{font-size:.6rem}.chart-wrapper g.small{font-size:.7rem}.chart-wrapper g.medium{font-size:.8rem}.chart--bar,.chart-wrapper g.large,.chart-wrapper g.xlarge{font-size:1rem}@media screen and (max-width:399px){.block__contents{overflow-x:scroll;background:hsla(0,0%,100%,.5)}}@media screen and (max-width:399px){.block__contents__inner{padding:0 20px 20px;min-width:800px}}.PieRow{display:flex;align-items:center;margin-bottom:10px}.PieRow svg{margin-right:15px}.Help{font-size:13px;color:#6f8183;margin-bottom:20px;padding-left:15px}.Help svg{color:#9688e4;display:inline-block;vertical-align:text-bottom}.user-facts-placeholder{display:flex;justify-content:center;align-items:center;border:1px dotted #788080;min-height:400px}.user-facts-placeholder h3{margin:0}.results-chart-wrapper{padding:0 60px}.results-chart-wrapper text{font-size:.8rem}.block--numberoflibs img{display:block;width:100%}@media screen and (max-width:399px){.block--othersbubble .chart-wrapper{height:300px}}@media screen and (min-width:400px){.block--othersbubble .chart-wrapper{height:600px}}.block--connections .chart-wrapper{margin-top:20px}@media screen and (min-width:1000px){.OverTime__Chart,.Overview__Chart{display:grid;grid-template-columns:auto 210px;-webkit-column-gap:30px;column-gap:30px}}.OverTime__Chart__SwitchContainer{height:40px}@media screen and (max-width:999px){.OverTime__Chart__SwitchContainer{margin-top:20px;height:auto}}.Overview__Chart__SwitchContainer{height:60px;display:flex;align-items:center}@media screen and (max-width:999px){.Overview__Chart__SwitchContainer{margin-top:20px;height:auto}}.Chart__Container__Outer{position:relative}@media screen and (max-width:999px){.Chart__Container{overflow-x:scroll}}.Chart__Container svg{display:block}@media screen and (max-width:999px){.Chart__Container__Inner{min-width:600px;padding-bottom:20px}}@media screen and (max-width:999px){.Chart__Container__Indicator{position:absolute;display:flex;justify-content:center;align-items:center;top:0;bottom:0;width:20px;z-index:100}.Chart__Container__Indicator svg{display:block;stroke:#e1e1e1;opacity:.2;overflow:visible}.Chart__Container__Indicator--left{left:10px}.Chart__Container__Indicator--right{right:10px}}@media screen and (min-width:1000px){.Chart__Container__Indicator{display:none}}@media screen and (max-width:999px){.Overview__Chart .Legends{margin-top:20px}}@media screen and (min-width:1000px){.Overview__Chart .Legends{margin-top:40px}}.OpinionSelector{-webkit-appearance:none;-moz-appearance:none;background:transparent;color:#41c7c7;border:none;border-bottom:1px dashed #41c7c7;border-radius:0}.OpinionSelector:focus{outline:transparent;border-bottom-style:solid}.SalaryPerCountry__Chart,.ToolsUsageByCountry__Chart{height:500px}.Bar__Chart>div>div>svg{overflow:visible;box-sizing:content-box;border-bottom:180px solid transparent;position:relative;z-index:1}#text_editors .Bar__Chart>div>div>svg{border-bottom:none}.Bar__Tick{z-index:1000}.Bar__Tooltip__Wrapper{overflow:visible;display:none;z-index:1000}.Bar__Tick:hover .Bar__Tooltip__Wrapper{display:block}.Bar__Tick__Label{fill:#e1e1e1;font-size:.8rem;cursor:default}.Bar__Tick__Label--hoverable{cursor:pointer;font-weight:600;fill:#41c7c7}.Tooltip{z-index:1000}.ToolPairing__HeatMapChart{display:grid;align-items:center;font-size:1rem}.ToolPairing__HeatMapChart__Section{grid-column-start:1;font-weight:600}@media screen and (min-width:1000px){.Reasons__Chart__Unit--mobile{display:none}}@media screen and (max-width:999px){.Reasons__Chart__Unit--desktop{display:none}}.tool-over-time-no-data{font-style:italic;border:1px solid #4d4f4f;color:#8c8c8c}@media screen and (max-width:399px){.tool-over-time-no-data{padding:20px}}@media screen and (min-width:400px){.tool-over-time-no-data{padding:30px}}.ToolsSubAggsHeatMapChart{display:grid;align-items:center}.ToolPairing__HeatMapChart__Section,.ToolsSubAggsHeatMapChart__Heading{font-size:14px;height:100%;display:flex;align-items:center;border-top:1px dashed #4d4f4f}.ToolPairing__HeatMapChart__Section:last-of-type{border-bottom:1px dashed #4d4f4f}.ToolsSubAggsHeatMapChart__AverageHeading{font-size:14px;font-weight:600;height:100%;display:flex;align-items:center;border-top:1px dashed #4d4f4f}.ToolsSubAggsHeatMapChart__AverageCell{height:100%;position:relative;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border-right:1px solid #788080;border-bottom:1px solid #788080;color:#41c7c7}.ToolsSubAggsHeatMapChart__AverageCell--first{border-left:1px solid #788080}.ToolsSubAggsHeatMapChart__AverageCell--lowest:before{bottom:10px;border-top:5px solid #41c7c7}.ToolsSubAggsHeatMapChart__AverageCell--highest:before,.ToolsSubAggsHeatMapChart__AverageCell--lowest:before{content:"";position:absolute;left:calc(50% - 5px);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}.ToolsSubAggsHeatMapChart__AverageCell--highest:before{top:11px;border-bottom:5px solid #41c7c7}.ToolsSubAggsHeatMapChart__Cell{height:100%;display:flex;align-items:center;justify-content:flex-end;font-size:12px;color:#212424;border-left:1px solid #212424;padding:0 10px}.ToolsSubAggsHeatMapChart__Cell--first{border-left:0}.Filters{display:inline-flex;border:1px solid #777;height:32px;border-radius:1px;overflow:hidden;font-size:14px;margin-bottom:20px;line-height:1em}.Filters__item{white-space:pre;line-height:30px;flex:1 1;text-align:center;cursor:pointer;border-left:1px solid #777;padding:0 15px}.Filters__item:first-child{border-left-width:0}.Filters__item--active{background:#f9fbf9;color:#1f2d2e}.Filters--experience .Filters__item--active:nth-child(2){background:#feffdb}.Filters--experience .Filters__item--active:nth-child(3){background:#e3e3ff}.Legends{font-size:12px;display:grid;grid-gap:20px}@media screen and (max-width:999px){.Legends{grid-template-columns:1fr 1fr}}@media screen and (min-width:1000px){.Legends{grid-template-columns:1fr 1fr 1fr}}.Legends--horizontal{display:grid;grid-column-gap:20px;margin:20px 0}.Legends--vertical{display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width:399px){.Legends--vertical{margin-top:20px;border:1px solid #4d4f4f;padding:20px}}.Legends--withFrame{border:1px dashed #cecece;border-radius:3px;padding:20px}.Legends--horizontal.Legends--withFrame{padding:20px 30px}.Legends--vertical.Legends--withFrame{padding:20px}.Legends__Item{display:flex;align-items:center;cursor:pointer;flex:1 1}.Legends__Item:hover{background:hsla(0,0%,100%,.15)}.Legends__Item__Chip{display:block;margin-right:12px;flex-shrink:0}@media screen and (min-width:400px){.Quadrants__Block__Content{display:flex}}@media screen and (min-width:400px){.Quadrants__Block__Chart{flex:0 0 55%}}.Quadrants__Chart svg{display:block;margin-top:-20px}.Quadrants__Chart__QuadrantLabel{font-size:1.1rem;letter-spacing:4px;font-weight:300;text-transform:uppercase}.Quadrants__Chart__TickLabel{font-size:.7rem}.Quadrants__Chart__Legend{padding:40px 0 0}.Quadrants__Chart__Legend__Title{text-align:center;display:none}.Quadrants__Chart__Legend__Items{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:0;border-top:1px solid #4d4f4f;border-left:1px solid #4d4f4f;height:83%}.Quadrants__Chart__Legend__Item{border-bottom:1px solid #4d4f4f;border-right:1px solid #4d4f4f}@media screen and (max-width:399px){.Quadrants__Chart__Legend__Item{padding:10px;font-size:.7rem}}@media screen and (min-width:400px){.Quadrants__Chart__Legend__Item{padding:20px;font-size:.8rem}}.Quadrants__Chart__Legend__Item strong{text-transform:uppercase}.Quadrants__Chart__Value{letter-spacing:.2em}.Quadrants__Chart__Label{font-size:.8rem;font-weight:300}.Quadrants__Chart .PeriodicTableElement{overflow:visible!important}.Quadrants__Chart .PeriodicTableElement_Frame{stroke:#fff;fill:#2e2e2e}.Quadrants__Chart__PeriodicTableElement--collision .PeriodicTableElement_Container{transition:all .3s cubic-bezier(.87,-.41,.19,1.44)}.Quadrants__Chart__PeriodicTableElement--collision:hover .PeriodicTableElement_Container{-webkit-transform:translateX(var(--dx)) translateY(var(--dy));transform:translateX(var(--dx)) translateY(var(--dy))}.happiness__wrapper{position:relative}@media screen and (max-width:399px){.happiness__wrapper{padding:60px 20px}}@media screen and (min-width:400px){.happiness__wrapper{padding:60px}}.happiness{position:relative;font-size:1rem}.happiness__levels{display:flex;justify-content:center;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid #788080}.happiness__item{position:relative}.happiness__item:after{position:absolute;display:block;content:" ";border-left:1px solid #788080;height:50px;width:1px;top:-25px}@media screen and (max-width:399px){.happiness__item .happiness__item__label{display:none}.happiness__item:first-child .happiness__item__label{left:-20px;display:block;text-align:left}.happiness__item:last-child .happiness__item__label{right:-20px;display:block;text-align:right}}.happiness__item__index{position:absolute;top:30px;width:100px;left:-50px;text-align:center;font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif;font-weight:600}.happiness__item__label{position:absolute;top:-60px;white-space:nowrap;width:100px;right:-50px;text-align:center}.happiness__meter{position:absolute;background:#fe6a6a;height:10px;top:-5px;left:0}.happiness__target{position:absolute;top:-25px;right:-30px;border:7px solid #fe6a6a;height:60px;width:60px;background:#212424;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600}.happiness__target h4{margin:0}.capture .pagelayout__inner{display:block}.capture .Sidebar{display:none!important}.capture .Overview__Chart__SwitchContainer{display:none}.capture .Awards__Block{display:block}.capture .Award{width:1000px;height:500px;justify-content:center}.capture .Quadrants__Block .Block__Description{margin-bottom:0}.capture .Quadrants__Chart__Legend{padding-top:60px}.capture .Quadrants__Chart__Legend__Item{font-size:1rem}.capture #connections{width:1000px;height:500px}.capture #participation-by-country{width:1128px}.capture #salaries{width:648px}.capture #salary-per-country{width:1128px}.capture #gender-breakdown{width:892px}.capture #overview{width:988px}.capture #results-over-time{width:728px}.capture #dislikes,.capture #likes{width:1168px}.capture #quadrants{width:1458px}.capture #tool-pairing{width:880px}.capture #tool-usage-by-country{width:1428}.capture #tools-salary-range{width:1140px}.capture #tools-company-size{width:1216px}.capture #tools-years-of-experience{width:1124px}.capture #happiness{width:808px}.capture #other_languages{width:1408px}.capture #browser_apis{width:928px}.capture #build_tools{width:1088px}.capture #utility_libraries{width:768px}.capture #text_editors{width:1164px}.capture #opinion-building_js_apps_overly_complex,.capture #opinion-enjoy_building_js_apps,.capture #opinion-js_ecosystem_changing_to_fast,.capture #opinion-js_moving_in_right_direction,.capture #opinion-js_over_used_online,.capture #opinion-survey_too_long,.capture #opinion-would_like_js_to_be_main_lang{width:728px}.capture.PageLayout--javascript-flavors #other-tools{width:1068px}.capture.PageLayout--front-end-frameworks #other-tools{width:1054px;height:1054px}.capture.PageLayout--data-layer #other-tools{width:1068px}.capture.PageLayout--back-end-frameworks #other-tools{width:1054px;height:1054px}.capture.PageLayout--testing #other-tools{width:1308px}.capture.PageLayout--mobile-and-desktop #other-tools{width:908px}.mosaic{display:grid;grid-template-columns:repeat(15,1fr)}.mosaic__image{height:50px;overflow:hidden}.mosaic__image img{display:block;width:100%}</style><meta name="generator" content="Gatsby 2.0.18"/><title data-react-helmet="true">The State of JavaScript 2018: [en-US] page.home</title><link data-react-helmet="true" rel="shortcut icon" href="/images/favicon.png"/><link data-react-helmet="true" rel="preconnect" href="https://fonts.gstatic.com/"/><link data-react-helmet="true" href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:300,300i,600" rel="stylesheet"/><meta data-react-helmet="true" charSet="utf-8"/><meta data-react-helmet="true" name="description" content="Discover the most popular JavaScript technologies of the year."/><meta data-react-helmet="true" name="viewport" content="width=device-width, initial-scale=1"/><meta data-react-helmet="true" name="google-site-verification" content="hrTRsz9fkGmQlVbLBWA4wmhn0qsI6_M3NKemTGCkpps"/><meta data-react-helmet="true" property="og:type" content="article"/><meta data-react-helmet="true" property="og:url" content="https://2018.stateofjs.com/"/><meta data-react-helmet="true" property="og:image" content="https://2018.stateofjs.com/images/stateofjs2018-social.png"/><meta data-react-helmet="true" property="og:title" content="The State of JavaScript 2018: [en-US] page.home"/><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"/><meta data-react-helmet="true" name="twitter:image:src" content="https://2018.stateofjs.com/images/stateofjs2018-social.png"/><meta data-react-helmet="true" name="twitter:title" content="The State of JavaScript 2018: [en-US] page.home"/><link as="script" rel="preload" href="/component---src-pages-index-js-ac2d0e4f3d11c5068e0f.js"/><link as="script" rel="preload" href="/app-3757f1a259253f0c668c.js"/><link as="script" rel="preload" href="/5-5481349e641cfcb2e17e.js"/><link as="script" rel="preload" href="/3-72a678a8fd619ef6548f.js"/><link as="script" rel="preload" href="/0-d75a6cf9398626564d1a.js"/><link as="script" rel="preload" href="/webpack-runtime-33a377dff07aa247431a.js"/><link rel="preload" href="/static/d/542/path---index-6a9-PLLbbYD1zFrrSvnDmFUXGDbOY.json" as="fetch" crossOrigin="use-credentials"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" role="group"><div class="Home__Wrapper"><div class="LogoAnimation__Wrapper LogoAnimation__Wrapper--full" id="LogoAnimation__Wrapper"></div><div class="LanguageSwitcher LanguageSwitcher--top LanguageSwitcher--closed"><div class="LanguageSwitcher__Inner"><div class="LanguageSwitcher__Toggle"><span>English</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 50"><polygon stroke="#000" points="0,50 100,50 50,0"></polygon></svg></div></div></div></div></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.page={"componentChunkName":"component---src-pages-index-js","jsonName":"index","path":"/"};window.dataPath="542/path---index-6a9-PLLbbYD1zFrrSvnDmFUXGDbOY";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"app":["/app-3757f1a259253f0c668c.js"],"component---src-core-share-share-block-template-js":["/component---src-core-share-share-block-template-js-ea3599cccf0603a4ee56.js"],"component---src-modules-sections-section-introduction-template-js":["/component---src-modules-sections-section-introduction-template-js.3b49a56472896feeb933.css","/component---src-modules-sections-section-introduction-template-js-ef7322cf3e8d72d08cab.js"],"component---src-modules-tools-tool-template-js":["/component---src-modules-tools-tool-template-js.3b49a56472896feeb933.css","/component---src-modules-tools-tool-template-js-908a89b0d169bdb0d1a4.js"],"component---src-modules-sections-section-other-tools-template-js":["/component---src-modules-sections-section-other-tools-template-js.3b49a56472896feeb933.css","/component---src-modules-sections-section-other-tools-template-js-0aedb8fa939fca490604.js"],"component---src-modules-sections-section-conclusion-template-js":["/component---src-modules-sections-section-conclusion-template-js.3b49a56472896feeb933.css","/component---src-modules-sections-section-conclusion-template-js-eeed9695867131502cd5.js"],"component---src-pages-404-js":["/component---src-pages-404-js-5c4af05e6fd2364d0693.js"],"component---src-pages-awards-js":["/component---src-pages-awards-js-9a728675a772107a9f59.js"],"component---src-pages-conclusion-js":["/component---src-pages-conclusion-js-99b9021dbf440f96cf66.js"],"component---src-pages-connections-js":["/component---src-pages-connections-js.3b49a56472896feeb933.css","/component---src-pages-connections-js-467c4a7b946906b916b1.js"],"component---src-pages-demographics-js":["/component---src-pages-demographics-js.3b49a56472896feeb933.css","/component---src-pages-demographics-js-f08f2b8f32d31e3d0f0e.js"],"component---src-pages-index-js":["/component---src-pages-index-js-ac2d0e4f3d11c5068e0f.js"],"component---src-pages-introduction-js":["/component---src-pages-introduction-js-c2d49fbceb2172b941b5.js"],"component---src-pages-mosaic-js":["/component---src-pages-mosaic-js-8bc36bcf2a6d72e8c726.js"],"component---src-pages-opinions-js":["/component---src-pages-opinions-js.3b49a56472896feeb933.css","/component---src-pages-opinions-js-1c5066c107d10a14953a.js"],"component---src-pages-other-tools-js":["/component---src-pages-other-tools-js.3b49a56472896feeb933.css","/component---src-pages-other-tools-js-f74317984c8b20b202bf.js"],"component---src-pages-support-js":["/component---src-pages-support-js-bf5bde34b764f89fa5f1.js"]};/*]]>*/</script><script src="/webpack-runtime-33a377dff07aa247431a.js" async=""></script><script src="/0-d75a6cf9398626564d1a.js" async=""></script><script src="/3-72a678a8fd619ef6548f.js" async=""></script><script src="/5-5481349e641cfcb2e17e.js" async=""></script><script src="/app-3757f1a259253f0c668c.js" async=""></script><script src="/component---src-pages-index-js-ac2d0e4f3d11c5068e0f.js" async=""></script></body></html>