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.

Sign up for GitHub

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

Jump to bottom

CSS 2020 chapter outline and figures #1666

Merged
merged 37 commits into from
Dec 8, 2020
Merged

CSS 2020 chapter outline and figures #1666

merged 37 commits into from
Dec 8, 2020

Conversation

rviscomi
Copy link
Member

@rviscomi rviscomi commented Dec 8, 2020

Progress on #898

This PR converts only the outline of the CSS chapter into markdown, which I'll use to insert figures in order. The draft itself is still being reviewed and will be converted to markdown tomorrow, so this enables me to get a head start on figure conversion. If this PR isn't merged by the time the chapter is ready to be converted, we can add it to this branch/PR.

@rviscomi rviscomi added the writing Related to wording and content label Dec 8, 2020
@rviscomi rviscomi added this to the 2020 Content Writing milestone Dec 8, 2020
@rviscomi rviscomi requested a review from LeaVerou December 8, 2020 01:40
@rviscomi rviscomi marked this pull request as draft December 8, 2020 01:44
@github-actions
Copy link
Contributor

github-actions bot commented Dec 8, 2020

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 37.8%, saving 35.64 KB.

Filename Before After Improvement Visual comparison
src/static/images/2020/css/stylesheet-size.png 94.16 KB 58.52 KB -37.8% View diff

500 images did not require optimisation.

Update required: Update image-actions configuration to the latest version before 1/1/21. See README for instructions.

@github-actions
Copy link
Contributor

github-actions bot commented Dec 8, 2020

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 39.2%, saving 311.23 KB.

Filename Before After Improvement Visual comparison
src/static/images/2020/css/attribute-selectors.png 108.20 KB 66.58 KB -38.5% View diff
src/static/images/2020/css/important-properties.png 97.97 KB 59.89 KB -38.9% View diff
src/static/images/2020/css/important-top-properties.png 102.65 KB 61.62 KB -40.0% View diff
src/static/images/2020/css/popular-class-names.png 100.30 KB 61.46 KB -38.7% View diff
src/static/images/2020/css/popular-ids.png 90.50 KB 53.97 KB -40.4% View diff
src/static/images/2020/css/rules.png 95.49 KB 58.44 KB -38.8% View diff
src/static/images/2020/css/selector-pseudo-classes.png 113.16 KB 68.72 KB -39.3% View diff
src/static/images/2020/css/stylesheet-count.png 86.13 KB 52.52 KB -39.0% View diff

501 images did not require optimisation.

Update required: Update image-actions configuration to the latest version before 1/1/21. See README for instructions.

@github-actions
Copy link
Contributor

github-actions bot commented Dec 8, 2020

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 38.6%, saving 206.59 KB.

Filename Before After Improvement Visual comparison
src/static/images/2020/css/font-units.png 94.30 KB 58.18 KB -38.3% View diff
src/static/images/2020/css/length-units.png 93.55 KB 57.83 KB -38.2% View diff
src/static/images/2020/css/popular-selector-pseudo-classes.png 103.68 KB 63.62 KB -38.6% View diff
src/static/images/2020/css/popular-selector-pseudo-elements.png 165.97 KB 100.02 KB -39.7% View diff
src/static/images/2020/css/zero-lengths.png 77.32 KB 48.59 KB -37.2% View diff

509 images did not require optimisation.

Update required: Update image-actions configuration to the latest version before 1/1/21. See README for instructions.

@rviscomi rviscomi marked this pull request as ready for review December 8, 2020 04:55
@rviscomi rviscomi marked this pull request as draft December 8, 2020 04:55
@github-actions
Copy link
Contributor

github-actions bot commented Dec 8, 2020

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 38.5%, saving 230.75 KB.

Filename Before After Improvement Visual comparison
src/static/images/2020/css/calc-complexity-units.png 89.71 KB 54.17 KB -39.6% View diff
src/static/images/2020/css/calc-operators.png 90.06 KB 55.09 KB -38.8% View diff
src/static/images/2020/css/calc-properties.png 123.21 KB 78.28 KB -36.5% View diff
src/static/images/2020/css/calc-units.png 86.99 KB 52.63 KB -39.5% View diff
src/static/images/2020/css/keyword-totals.png 93.75 KB 56.56 KB -39.7% View diff
src/static/images/2020/css/popular-color-formats.png 115.85 KB 72.08 KB -37.8% View diff

514 images did not require optimisation.

Update required: Update image-actions configuration to the latest version before 1/1/21. See README for instructions.

@github-actions
Copy link
Contributor

github-actions bot commented Dec 8, 2020

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 42.7%, saving 197.21 KB.

Filename Before After Improvement Visual comparison
src/static/images/2020/css/gradient-functions-unprefixed.png 137.09 KB 84.75 KB -38.2% View diff
src/static/images/2020/css/gradient-functions.png 160.52 KB 100.69 KB -37.3% View diff
src/static/images/2020/css/gradient-most-stops.png 164.35 KB 79.32 KB -51.7% View diff

520 images did not require optimisation.

Update required: Update image-actions configuration to the latest version before 1/1/21. See README for instructions.

@github-actions
Copy link
Contributor

github-actions bot commented Dec 8, 2020

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 38.7%, saving 226.62 KB.

Filename Before After Improvement Visual comparison
src/static/images/2020/css/box-sizing.png 91.19 KB 55.24 KB -39.4% View diff
src/static/images/2020/css/flexbox-grid-desktop.png 90.01 KB 53.45 KB -40.6% View diff
src/static/images/2020/css/flexbox-grid-mobile.png 86.70 KB 51.21 KB -40.9% View diff
src/static/images/2020/css/layout-methods.png 178.78 KB 108.84 KB -39.1% View diff
src/static/images/2020/css/transition-properties.png 138.51 KB 89.84 KB -35.1% View diff

523 images did not require optimisation.

Update required: Update image-actions configuration to the latest version before 1/1/21. See README for instructions.

@github-actions
Copy link
Contributor

github-actions bot commented Dec 8, 2020

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 38.1%, saving 318.65 KB.

Filename Before After Improvement Visual comparison
src/static/images/2020/css/breakpoints.png 135.49 KB 86.33 KB -36.3% View diff
src/static/images/2020/css/color-formats-alpha.png 106.44 KB 64.45 KB -39.5% View diff
src/static/images/2020/css/mask-properties.png 146.26 KB 80.15 KB -45.2% View diff
src/static/images/2020/css/media-query-properties.png 120.44 KB 75.61 KB -37.2% View diff
src/static/images/2020/css/transition-animation-names.png 117.98 KB 75.00 KB -36.4% View diff
src/static/images/2020/css/transition-durations.png 102.55 KB 63.49 KB -38.1% View diff
src/static/images/2020/css/transition-timing-functions.png 107.59 KB 73.06 KB -32.1% View diff

528 images did not require optimisation.

Update required: Update image-actions configuration to the latest version before 1/1/21. See README for instructions.

@github-actions
Copy link
Contributor

github-actions bot commented Dec 8, 2020

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 43.6%, saving 576.29 KB.

Filename Before After Improvement Visual comparison
src/static/images/2020/css/css-in-js.png 95.78 KB 57.26 KB -40.2% View diff
src/static/images/2020/css/custom-property-depth.png 78.78 KB 42.85 KB -45.6% View diff
src/static/images/2020/css/custom-property-functions.png 152.71 KB 84.90 KB -44.4% View diff
src/static/images/2020/css/custom-property-names.png 92.05 KB 54.59 KB -40.7% View diff
src/static/images/2020/css/custom-property-properties.png 110.56 KB 63.49 KB -42.6% View diff
src/static/images/2020/css/top-pseudo-element-prefixes.png 76.25 KB 44.30 KB -41.9% View diff
src/static/images/2020/css/top-vendor-prefixes.png 85.46 KB 46.64 KB -45.4% View diff
src/static/images/2020/css/vendor-prefix-features.png 94.15 KB 52.09 KB -44.7% View diff
src/static/images/2020/css/vendor-prefix-properties.png 189.32 KB 104.96 KB -44.6% View diff
src/static/images/2020/css/vendor-prefix-pseudo-classes.png 181.06 KB 101.13 KB -44.1% View diff
src/static/images/2020/css/vendor-prefix-pseudo-elements.png 167.03 KB 94.64 KB -43.3% View diff

535 images did not require optimisation.

Update required: Update image-actions configuration to the latest version before 1/1/21. See README for instructions.

@github-actions
Copy link
Contributor

github-actions bot commented Dec 8, 2020

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 42.9%, saving 79.87 KB.

Filename Before After Improvement Visual comparison
src/static/images/2020/css/supports-criteria.png 109.15 KB 62.66 KB -42.6% View diff
src/static/images/2020/css/vendor-prefixed-media.png 76.92 KB 43.54 KB -43.4% View diff

546 images did not require optimisation.

Update required: Update image-actions configuration to the latest version before 1/1/21. See README for instructions.

@rviscomi
Copy link
Member Author

rviscomi commented Dec 8, 2020

56 figures in 7 hours. 12 more to go. Here's how it looks: https://20201208t033422-dot-webalmanac.uk.r.appspot.com/en/2020/css

@github-actions
Copy link
Contributor

github-actions bot commented Dec 8, 2020

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 45.7%, saving 41.06 KB.

Filename Before After Improvement Visual comparison
src/static/images/2020/css/usage-of-control-flow-statements-scss.png 89.92 KB 48.86 KB -45.7% View diff

557 images did not require optimisation.

Update required: Update image-actions configuration to the latest version before 1/1/21. See README for instructions.

@rviscomi rviscomi marked this pull request as ready for review December 8, 2020 17:21
@rviscomi rviscomi merged commit 7c17f16 into main Dec 8, 2020
@rviscomi rviscomi deleted the css-2020 branch December 8, 2020 17:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@LeaVerou LeaVerou Awaiting requested review from LeaVerou

Assignees
No one assigned
Labels
writing Related to wording and content
Projects
None yet
Milestone
2020 Content Writing
Development

Successfully merging this pull request may close these issues.
2 participants
@rviscomi @tunetheweb