From b9a98675185f5d437ba50934bc13883e26ed4cc4 Mon Sep 17 00:00:00 2001 From: Barry Date: Sun, 27 Dec 2020 09:06:05 +0000 Subject: [PATCH 01/21] Spelling and grammar check --- src/content/en/2020/css.md | 55 +++++++++++++++++++------------------- 1 file changed, 27 insertions(+), 28 deletions(-) diff --git a/src/content/en/2020/css.md b/src/content/en/2020/css.md index 200ca3ee5b9..0b56f4913c4 100644 --- a/src/content/en/2020/css.md +++ b/src/content/en/2020/css.md @@ -1,5 +1,4 @@ --- -#See https://github.com/HTTPArchive/almanac.httparchive.org/wiki/Authors'-Guide#metadata-to-add-at-the-top-of-your-chapters part_number: I chapter_number: 1 title: CSS @@ -7,15 +6,15 @@ description: CSS chapter of the 2020 Web Almanac covering color, units, selector authors: [LeaVerou, svgeesus, rachelandrew] reviewers: [estelle, fantasai, j9t, mirisuzanne, catalinred, hankchizljaw] analysts: [rviscomi, LeaVerou, dooman87] -editors: [] +editors: [bazzadp] translators: [] -LeaVerou_bio: Lea teaches HCI & web programming and researches how to make web programming easier at MIT. She is a bestselling technical author and experienced speaker. She is passionate about open web standards, and is a longtime CSS Working Group member. Lea has started several popular open source projects and web applications, such as Prism, and Awesomplete. She tweets @leaverou and blogs at lea.verou.me. +LeaVerou_bio: Lea teaches HCI & web programming and researches how to make web programming easier at MIT. She is a bestselling technical author and experienced speaker. She is passionate about open web standards and is a longtime CSS Working Group member. Lea has started several popular open source projects and web applications, such as Prism, and Awesomplete. She tweets @leaverou and blogs at lea.verou.me. svgeesus_bio: Chris Lilley is a Technical Director at the World Wide Web Consortium (W3C). Considered “the father of SVG”, he also co-authored PNG, was co-editor of CSS2, chaired the group that developed @font-face, and co-developed WOFF. Ex Technical Architecture Group. Chris is still trying to get Color Management on the Web, sigh. Currently working on CSS levels 3/4/5 (no, really), Web Audio, and WOFF2.. rachelandrew_bio: I’m a web developer, writer, public speaker. Co-founder of Perch CMS and Notist. Member of the CSS Working Group. Editor in Chief of Smashing Magazine. discuss: 2037 results: https://docs.google.com/spreadsheets/d/1sMWXWjMujqfAREYxNbG_t1fOJKYCA6ASLwtz4pBQVTw/ queries: 01_CSS -featured_quote: The Web is not a teenager any more. It is now 30 years old, and acts like it. It tends to favor stability over new bling, and readability over complexity, occasional guilty pleasures aside. +featured_quote: The Web is not a teenager anymore. It is now 30 years old and acts like it. It tends to favor stability over new bling, and readability over complexity, occasional guilty pleasures aside. featured_stat_1: 72.58% featured_stat_label_1: Percentage of <length> values that use the px unit. featured_stat_2: 91.05% @@ -35,7 +34,7 @@ Overall, what we observed was a Web in two different gears when it comes to CSS Similarly, in our conference talks, we often tend to focus on complicated, elaborate use cases that make heads explode and twitter feeds fill with "CSS can do *that*?!". However, as it turns out, most CSS usage in the wild is fairly simple. [CSS Variables are mostly used as constants](#complexity) and rarely refer to other variables, `calc()` is [mostly used with two terms](#calculations), gradients [mostly have two stops](#gradients) and so on. -The Web is not a teenager any more. It is now 30 years old, and acts like it. It tends to favor stability over new bling, and readability over complexity, occasional guilty pleasures aside. +The Web is not a teenager anymore. It is now 30 years old and acts like it. It tends to favor stability over new bling, and readability over complexity, occasional guilty pleasures aside. ## Methodology @@ -66,7 +65,7 @@ While JavaScript far surpasses CSS in its share of page weight, CSS has certainl sql_file="stylesheet_kbytes.sql" ) }} -It would be reasonable to assume that a lot of this CSS is generated via preprocessors or other build tools, however **only about 15%** included sourcemaps. It is unclear whether this says more about sourcemap adoption, or build tool usage. Of those, the overwhelming majority (45%) came from other CSS files, indicating usage of build processes that operate on CSS files, such as minification, [autoprefixer](https://autoprefixer.github.io/), and/or [PostCSS](https://postcss.org/). [Sass](https://sass-lang.com/) was far more popular than [Less](https://lesscss.org/) (34% of stylesheets with sourcemaps vs 21%), with SCSS being the more popular dialect (33% for .scss vs 1% for .sass). +It would be reasonable to assume that a lot of this CSS is generated via preprocessors or other build tools, however **only about 15%** included sourcemaps. It is unclear whether this says more about sourcemap adoption or build tool usage. Of those, the overwhelming majority (45%) came from other CSS files, indicating usage of build processes that operate on CSS files, such as minification, [autoprefixer](https://autoprefixer.github.io/), and/or [PostCSS](https://postcss.org/). [Sass](https://sass-lang.com/) was far more popular than [Less](https://lesscss.org/) (34% of stylesheets with sourcemaps vs 21%), with SCSS being the more popular dialect (33% for .scss vs 1% for .sass). All these kilobytes of code are typically distributed across multiple files and `