Optimize CSS for http://davidlundmark.se/css/style.min.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Duplicated Properties1

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    blockquote:after, blockquote, q:after, q {content: none} 
  • Duplicated Selectors1
    body {} /* (2 times) */
  • Multi Classes Selectors3

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .close-button.project-open {}.project.selected {}.project.selected {}
  • Old Property Prefixes65

    Properties with a no longer needed vendor prefix

    These have since been integrated or removed from mentioned browsers and can safely be removed from CSS

    .no-touch a { -moz-transition: background-color .2s } // was required by Firefox 15 and earlier .close-button { -moz-transition: background .2s,opacity .3s,scale .2s } // was required by Firefox 15 and earlier .close-button { -moz-transform: scaleY(0) } // was required by Firefox 15 and earlier .close-button { -ms-transform: scaleY(0) } // was required by IE 9 and earlier .close-button { -o-transform: scaleY(0) } // prefix is no longer supported .close-button .cd-icon, .close-button .cd-icon::after, .close-button .cd-icon: { -moz-transform: translateZ(0) } // was required by Firefox 15 and earlier .close-button .cd-icon, .close-button .cd-icon::after, .close-button .cd-icon: { -ms-transform: translateZ(0) } // was required by IE 9 and earlier .close-button .cd-icon, .close-button .cd-icon::after, .close-button .cd-icon: { -o-transform: translateZ(0) } // prefix is no longer supported .close-button .cd-icon { -moz-transform: translateX(-50%) translateY(-50%) } // was required by Firefox 15 and earlier .close-button .cd-icon { -ms-transform: translateX(-50%) translateY(-50%) } // was required by IE 9 and earlier .close-button .cd-icon { -o-transform: translateX(-50%) translateY(-50%) } // prefix is no longer supported .close-button .cd-icon::after, .close-button .cd-icon: { -moz-transition: opacity .3s } // was required by Firefox 15 and earlier .close-button .cd-icon: { -moz-transform: rotate(45deg) } // was required by Firefox 15 and earlier .close-button .cd-icon: { -ms-transform: rotate(45deg) } // was required by IE 9 and earlier .close-button .cd-icon: { -o-transform: rotate(45deg) } // prefix is no longer supported .close-button .cd-icon::after { -moz-transform: rotate(-45deg) } // was required by Firefox 15 and earlier .close-button .cd-icon::after { -ms-transform: rotate(-45deg) } // was required by IE 9 and earlier .close-button .cd-icon::after { -o-transform: rotate(-45deg) } // prefix is no longer supported .close-button.project-open { -moz-transform: scaleY(1) } // was required by Firefox 15 and earlier .close-button.project-open { -ms-transform: scaleY(1) } // was required by IE 9 and earlier .close-button.project-open { -o-transform: scaleY(1) } // prefix is no longer supported .container .project { -moz-transition: -moz-transform .4s } // was required by Firefox 15 and earlier .container .project { -moz-transform: translateZ(0) } // was required by Firefox 15 and earlier .container .project { -ms-transform: translateZ(0) } // was required by IE 9 and earlier .container .project { -o-transform: translateZ(0) } // prefix is no longer supported .container .project:nth-of-type(2) { -moz-transform: translateY(16.66667%) } // was required by Firefox 15 and earlier .container .project:nth-of-type(2) { -ms-transform: translateY(16.66667%) } // was required by IE 9 and earlier .container .project:nth-of-type(2) { -o-transform: translateY(16.66667%) } // prefix is no longer supported .container .project:nth-of-type(3) { -moz-transform: translateY(33.33333%) } // was required by Firefox 15 and earlier .container .project:nth-of-type(3) { -ms-transform: translateY(33.33333%) } // was required by IE 9 and earlier .container .project:nth-of-type(3) { -o-transform: translateY(33.33333%) } // prefix is no longer supported .container .project:nth-of-type(4) { -moz-transform: translateY(50%) } // was required by Firefox 15 and earlier .container .project:nth-of-type(4) { -ms-transform: translateY(50%) } // was required by IE 9 and earlier .container .project:nth-of-type(4) { -o-transform: translateY(50%) } // prefix is no longer supported .container .project:nth-of-type(5) { -moz-transform: translateY(66.66667%) } // was required by Firefox 15 and earlier .container .project:nth-of-type(5) { -ms-transform: translateY(66.66667%) } // was required by IE 9 and earlier .container .project:nth-of-type(5) { -o-transform: translateY(66.66667%) } // prefix is no longer supported .container .project:nth-of-type(6) { -moz-transform: translateY(83.33333%) } // was required by Firefox 15 and earlier .container .project:nth-of-type(6) { -ms-transform: translateY(83.33333%) } // was required by IE 9 and earlier .container .project:nth-of-type(6) { -o-transform: translateY(83.33333%) } // prefix is no longer supported .container .project.selected { -moz-transform: translateY(0) } // was required by Firefox 15 and earlier .container .project.selected { -ms-transform: translateY(0) } // was required by IE 9 and earlier .container .project.selected { -o-transform: translateY(0) } // prefix is no longer supported .container .project.selected~li { -moz-transform: translateY(100%) } // was required by Firefox 15 and earlier .container .project.selected~li { -ms-transform: translateY(100%) } // was required by IE 9 and earlier .container .project.selected~li { -o-transform: translateY(100%) } // prefix is no longer supported .project-text: { -moz-transition: height .3s } // was required by Firefox 15 and earlier .project-text .h2 { -moz-transition: -moz-transform .4s } // was required by Firefox 15 and earlier .project-text .h2 { -moz-transform: translateZ(0) } // was required by Firefox 15 and earlier .project-text .h2 { -ms-transform: translateZ(0) } // was required by IE 9 and earlier .project-text .h2 { -o-transform: translateZ(0) } // prefix is no longer supported .project-text .h2:after { -moz-transition: -moz-opacity .3s,-moz-transform .3s } // was required by Firefox 15 and earlier .selected .project-text .h2 { -moz-transform: translateY(125%) } // was required by Firefox 15 and earlier .selected .project-text .h2 { -ms-transform: translateY(125%) } // was required by IE 9 and earlier .selected .project-text .h2 { -o-transform: translateY(125%) } // prefix is no longer supported .selected .project-text .h2::after { -moz-transform: scaleY(0) } // was required by Firefox 15 and earlier .selected .project-text .h2::after { -ms-transform: scaleY(0) } // was required by IE 9 and earlier .selected .project-text .h2::after { -o-transform: scaleY(0) } // prefix is no longer supported .project-text .project-info { -moz-transition: -moz-opacity .3s,-moz-transform .3s } // was required by Firefox 15 and earlier .project-text .project-info { -moz-transform: translateZ(0) } // was required by Firefox 15 and earlier .project-text .project-info { -ms-transform: translateZ(0) } // was required by IE 9 and earlier .project-text .project-info { -o-transform: translateZ(0) } // prefix is no longer supported .selected .project-text .project-info { -moz-transform: scaleY(1) } // was required by Firefox 15 and earlier .selected .project-text .project-info { -ms-transform: scaleY(1) } // was required by IE 9 and earlier .selected .project-text .project-info { -o-transform: scaleY(1) } // prefix is no longer supported 
  • Universal Selectors3

    The universal selector matches any element type

    Universal selectors can be implied (and therefore omitted) if it isn’t the only component of the simple selector, avoid whenever possible

    * {}::after {}: {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Redundant Child Nodes Selectors0
Colors12
Comments0
Comments Length0
Complex Selectors0
Complex Selectors By Attribute0
Empty Rules0
Expressions0
Old IE Fixes0
Imports0
Importants0
Media Queries2
Not Minified0
Parsing Errors0
Property Resets0
Qualified Selectors0
Specificity Id Avg0
Specificity Id Total0
Specificity Class Avg0.82
Specificity Class Total146
Specificity Tag Avg0.88
Specificity Tag Total158
Selectors179
Selector Length Avg1.324022346368715
Selectors By Attribute0
Selectors By Class111
Selectors By Id0
Selectors By Pseudo67
Selectors By Tag123
Length10255
Rules73
Declarations310