David's public fiddles
-
Reducing CSS length by streamlining attribute selectors:
A demonstration about how to design attribute selectors to minimize CSS length. For use with CSSBurner Blog.
-
Comparison of Bytes Saved: Longhand VS Shorthand Markup
A comparison of the length of 2 declaration blocks, clearly showing how much less markup is required when using shorthand properties. For use with CSSBurner Blog.
-
Long common color names can sometimes be expressed in more succinct hex notation
No-Library (pure JS), HTML, CSS, JavaScript
-
Default shape and position of "ellipse" and "center" do not need to be specified for radial-gradient()
No-Library (pure JS), HTML, CSS, JavaScript
-
The direction "to bottom" is the default for linear-gradient() and does not need to be specified
No-Library (pure JS), HTML, CSS, JavaScript
-
Adding/subtracting a "0" in nth-* selectors is superfluous
No-Library (pure JS), HTML, CSS, JavaScript
-
Font-weight 'normal' and 'bold' can be written as 400 and 700 respectively can be rewritten
No-Library (pure JS), HTML, CSS, JavaScript
-
A plus sign in front of positive coefficient for nth-* selectors are valid but unnecessary
No-Library (pure JS), HTML, CSS, JavaScript
-
The universal namespace does not need to be declared - all namespaces will be assumed if it is absent
No-Library (pure JS), HTML, CSS, JavaScript
-
A whitespace separator for an attribute selector is not required if the case-insensitive flag can still be identified as separate from the attribute value
No-Library (pure JS), HTML, CSS, JavaScript
-
Whitespace separators are not required for CSS functions if arguments can still be parsed correctly
No-Library (pure JS), HTML, CSS, JavaScript
-
Spaces are not required for shorthand properties when the separate tokens can be identified
No-Library (pure JS), HTML, CSS, JavaScript
-
Whitespace separators for the content property are not required
No-Library (pure JS), HTML, CSS, JavaScript
-
Hex colors can sometimes be written in shortened form
No-Library (pure JS), HTML, CSS, JavaScript
-
Padding whitespace before the first @supports condition is optional
No-Library (pure JS), HTML, CSS, JavaScript
-
White space after @media and preceding the media feature is not necessary
No-Library (pure JS), HTML, CSS, JavaScript
-
The !important annotation does not require a preceding whitespace
No-Library (pure JS), HTML, CSS, JavaScript
-
Attribute selectors usually do not require quotes if the value is alphanumeric
No-Library (pure JS), HTML, CSS, JavaScript
-
Quotes are not required for the url () function
No-Library (pure JS), HTML, CSS, JavaScript
-
Quotes are recommended but not required for font-family names
No-Library (pure JS), HTML, CSS, JavaScript