Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
ideas:mistakes [2019/12/05 05:28]
chrisl CNS
ideas:mistakes [2020/03/10 18:47] (current)
fantasai
Line 12: Line 12:
   * ''​background-size''​ with one value should duplicate its value, not default the second one to ''​auto''​. Ditto ''​translate()''​.   * ''​background-size''​ with one value should duplicate its value, not default the second one to ''​auto''​. Ditto ''​translate()''​.
   * ''​background-position''​ and ''​border-spacing''​ (all 2-axis properties) should take *vertical* first, to match with the 4-direction properties like ''​margin''​.   * ''​background-position''​ and ''​border-spacing''​ (all 2-axis properties) should take *vertical* first, to match with the 4-direction properties like ''​margin''​.
 +  * Not quite a mistake, because it was a reasonable default for the 90s, but it would be more helpful since then if `background-repeat` defaulted to `no-repeat`.
   * The 4-value shorthands like ''​margin''​ should go counter-clockwise (so that the inline-start value is before the block-start value).   * The 4-value shorthands like ''​margin''​ should go counter-clockwise (so that the inline-start value is before the block-start value).
   * ''​z-index''​ should be called ''​z-order''​ or ''​depth''​ and should Just Work on all elements (like it does on flex items).   * ''​z-index''​ should be called ''​z-order''​ or ''​depth''​ and should Just Work on all elements (like it does on flex items).
Line 48: Line 49:
   * The alignment properties in Flexbox should have been writing-mode relative, not flex-flow relative, and thus could have reasonably understandable names like align-inline-* and align-block-*.   * The alignment properties in Flexbox should have been writing-mode relative, not flex-flow relative, and thus could have reasonably understandable names like align-inline-* and align-block-*.
   * shape-outside should have had wrap- in the name somehow, as people assume the shape should also clip the content as in clip-path.   * shape-outside should have had wrap- in the name somehow, as people assume the shape should also clip the content as in clip-path.
 +  * It shouldn'​t be `!important` — that reads to engineers as "not important"​. We should have picked another way to write this.
 
ideas/mistakes.1575552482.txt.gz · Last modified: 2019/12/05 05:28 by chrisl
Recent changes RSS feed Valid XHTML 1.0 Valid CSS Driven by DokuWiki