Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS 2021 figures #2444

Merged
merged 23 commits into from
Nov 10, 2021
Merged

CSS 2021 figures #2444

merged 23 commits into from
Nov 10, 2021

Conversation

rviscomi
Copy link
Member

@rviscomi rviscomi commented Nov 7, 2021

Progress on #2140

Adding figures to the empty markdown file and saving the corresponding screenshots

cc @meyerweb

@rviscomi rviscomi added the writing Related to wording and content label Nov 7, 2021
@rviscomi rviscomi added this to the 2021 Content Writing milestone Nov 7, 2021
@github-actions
Copy link
Contributor

github-actions bot commented Nov 7, 2021

Images automagically compressed by Calibre's image-actions

Compression reduced images by 44.9%, saving 34.46 KB.

Filename Before After Improvement Visual comparison
src/static/images/2021/css/stylesheet-transfer-size.png 76.82 KB 42.36 KB -44.9% View diff

1015 images did not require optimisation.

@github-actions
Copy link
Contributor

github-actions bot commented Nov 7, 2021

Images automagically compressed by Calibre's image-actions

Compression reduced images by 45.7%, saving 346.69 KB.

Filename Before After Improvement Visual comparison
src/static/images/2021/css/most-popular-attribute-selectors.png 94.25 KB 52.96 KB -43.8% View diff
src/static/images/2021/css/most-popular-class-names.png 187.40 KB 99.99 KB -46.6% View diff
src/static/images/2021/css/most-popular-id-names.png 123.54 KB 65.99 KB -46.6% View diff
src/static/images/2021/css/most-popular-pseudo-classes.png 89.60 KB 50.78 KB -43.3% View diff
src/static/images/2021/css/most-popular-unprefixed-pseudo-elements.png 111.88 KB 59.60 KB -46.7% View diff
src/static/images/2021/css/rules-per-page.png 80.70 KB 44.26 KB -45.2% View diff
src/static/images/2021/css/stylesheets-per-page.png 71.77 KB 38.86 KB -45.9% View diff

1016 images did not require optimisation.

@github-actions
Copy link
Contributor

github-actions bot commented Nov 7, 2021

Images automagically compressed by Calibre's image-actions

Compression reduced images by 44.6%, saving 568.65 KB.

Filename Before After Improvement Visual comparison
src/static/images/2021/css/css-initiated-image-formats.png 83.02 KB 48.33 KB -41.8% View diff
src/static/images/2021/css/global-keyword-adoption.png 86.24 KB 46.83 KB -45.7% View diff
src/static/images/2021/css/important-properties-per-page.png 86.66 KB 48.26 KB -44.3% View diff
src/static/images/2021/css/most-popular-color-formats.png 103.31 KB 59.27 KB -42.6% View diff
src/static/images/2021/css/most-popular-font-relative-units-of-length.png 69.75 KB 39.25 KB -43.7% View diff
src/static/images/2021/css/most-popular-length-units.png 80.86 KB 44.25 KB -45.3% View diff
src/static/images/2021/css/most-popular-operators-using-calc.png 83.34 KB 45.77 KB -45.1% View diff
src/static/images/2021/css/most-popular-properties-using-calc.png 106.12 KB 60.60 KB -42.9% View diff
src/static/images/2021/css/most-popular-units-using-calc.png 74.65 KB 39.99 KB -46.4% View diff
src/static/images/2021/css/most-popular-unprefixed-gradient-functions.png 111.24 KB 61.34 KB -44.9% View diff
src/static/images/2021/css/number-of-images-loaded.png 66.33 KB 35.13 KB -47.0% View diff
src/static/images/2021/css/top-important-properties.png 101.49 KB 56.13 KB -44.7% View diff
src/static/images/2021/css/total-image-weight.png 70.80 KB 38.07 KB -46.2% View diff
src/static/images/2021/css/units-per-calc-occurence.png 82.35 KB 44.41 KB -46.1% View diff
src/static/images/2021/css/zero-lengths-by-unit.png 68.34 KB 38.24 KB -44.0% View diff

1023 images did not require optimisation.

@rviscomi rviscomi self-assigned this Nov 7, 2021
@github-actions
Copy link
Contributor

github-actions bot commented Nov 9, 2021

Images automagically compressed by Calibre's image-actions

Compression reduced images by 45%, saving 946.59 KB.

Filename Before After Improvement Visual comparison
src/static/images/2021/css/animation-name-categories.png 97.60 KB 54.09 KB -44.6% View diff
src/static/images/2021/css/border-box-declarations-per-page.png 68.71 KB 37.00 KB -46.1% View diff
src/static/images/2021/css/css-in-js-libraries.png 92.52 KB 54.75 KB -40.8% View diff
src/static/images/2021/css/custom-property-depth.png 80.79 KB 44.09 KB -45.4% View diff
src/static/images/2021/css/custom-property-names.png 92.97 KB 52.09 KB -44.0% View diff
src/static/images/2021/css/custom-property-properties.png 102.38 KB 57.31 KB -44.0% View diff
src/static/images/2021/css/custom-property-usage.png 87.96 KB 48.28 KB -45.1% View diff
src/static/images/2021/css/custom-property-value-types.png 81.72 KB 46.61 KB -43.0% View diff
src/static/images/2021/css/distribution-of-transition-delays.png 73.01 KB 39.22 KB -46.3% View diff
src/static/images/2021/css/distribution-of-transition-durations.png 79.26 KB 43.14 KB -45.6% View diff
src/static/images/2021/css/flexbox-grid-adoption.png 72.74 KB 38.51 KB -47.1% View diff
src/static/images/2021/css/logical-property-and-value-usage.png 94.35 KB 56.33 KB -40.3% View diff
src/static/images/2021/css/media-query-features.png 208.40 KB 113.05 KB -45.8% View diff
src/static/images/2021/css/most-color-stops.png 134.91 KB 56.25 KB -58.3% View diff
src/static/images/2021/css/most-popular-breakpoints.png 121.20 KB 69.17 KB -42.9% View diff
src/static/images/2021/css/most-popular-features-queried.png 106.44 KB 61.25 KB -42.5% View diff
src/static/images/2021/css/most-popular-properties-used-in-media-queries.png 105.31 KB 59.43 KB -43.6% View diff
src/static/images/2021/css/most-popular-transition-properties.png 116.34 KB 66.54 KB -42.8% View diff
src/static/images/2021/css/timing-functions.png 88.40 KB 52.11 KB -41.1% View diff
src/static/images/2021/css/top-layout-methods.png 197.87 KB 107.06 KB -45.9% View diff

1038 images did not require optimisation.

@rviscomi rviscomi marked this pull request as ready for review November 9, 2021 04:21
@rviscomi rviscomi requested a review from meyerweb November 9, 2021 04:21
@rviscomi rviscomi assigned meyerweb and unassigned rviscomi Nov 9, 2021
@rviscomi
Copy link
Member Author

rviscomi commented Nov 9, 2021

Assigning to @meyerweb to add figure descriptions

@github-actions
Copy link
Contributor

github-actions bot commented Nov 9, 2021

Images automagically compressed by Calibre's image-actions

Compression reduced images by 44.3%, saving 691.17 KB.

Filename Before After Improvement Visual comparison
src/static/images/2021/css/custom-property-names.png 89.62 KB 50.00 KB -44.2% View diff
src/static/images/2021/css/declaration-repetition.png 83.74 KB 46.58 KB -44.4% View diff
src/static/images/2021/css/most-common-shorthands-after-longhands.png 101.34 KB 56.88 KB -43.9% View diff
src/static/images/2021/css/most-popular-longhand-properties-after-shorthands.png 134.35 KB 74.47 KB -44.6% View diff
src/static/images/2021/css/most-popular-sass-function-calls.png 141.60 KB 76.50 KB -46.0% View diff
src/static/images/2021/css/most-popular-unknown-properties.png 123.39 KB 71.35 KB -42.2% View diff
src/static/images/2021/css/usage-of-background-shorthand-vs-longhands.png 137.02 KB 75.78 KB -44.7% View diff
src/static/images/2021/css/usage-of-control-flow-statements-in-scss.png 97.27 KB 53.93 KB -44.6% View diff
src/static/images/2021/css/usage-of-explicit-nesting-in-scss.png 122.55 KB 67.89 KB -44.6% View diff
src/static/images/2021/css/usage-of-flex-shorthands-vs-longhands.png 95.51 KB 52.12 KB -45.4% View diff
src/static/images/2021/css/usage-of-font-shorthand-vs-longhands.png 106.68 KB 59.42 KB -44.3% View diff
src/static/images/2021/css/usage-of-grid-properties.png 206.48 KB 115.94 KB -43.8% View diff
src/static/images/2021/css/usage-of-margin-padding-shorthands-vs-longhands.png 122.07 KB 69.61 KB -43.0% View diff

1057 images did not require optimisation.

Copy link
Member Author

@rviscomi rviscomi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@meyerweb added the big number metadata in code review to avoid causing a merge conflict for you

src/content/en/2021/css.md Outdated Show resolved Hide resolved
src/static/css/page.css Outdated Show resolved Hide resolved
Co-authored-by: Barry Pollard <barry_pollard@hotmail.com>
@rviscomi
Copy link
Member Author

@meyerweb is it ok with you if we merge this? You can open a new PR with the content integrations and any edits to the figure descriptions. Let me know if there are any changes I can help with on the figures themselves.

@meyerweb
Copy link
Member

@rviscomi Thumbs up from me!

@rviscomi rviscomi merged commit 0ae3d74 into main Nov 10, 2021
@rviscomi rviscomi deleted the css-2021-screenshots branch November 10, 2021 18:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
writing Related to wording and content
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants