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 editing and data viz #441

Merged
merged 3 commits into from
Nov 11, 2019
Merged

CSS editing and data viz #441

merged 3 commits into from
Nov 11, 2019

Conversation

rviscomi
Copy link
Member

@rviscomi rviscomi added development Building the Almanac tech stack writing Related to wording and content labels Nov 11, 2019
@rviscomi rviscomi added this to the SHIP IT! milestone Nov 11, 2019
@github-actions
Copy link
Contributor

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 36.1%, saving 1.01 MB

Filename Before After Improvement
src/static/images/2019/02_CSS/fig1.png 111.03 KB 68.92 KB -37.9%
src/static/images/2019/02_CSS/fig10.png 99.05 KB 61.19 KB -38.2%
src/static/images/2019/02_CSS/fig12.png 66.69 KB 37.24 KB -44.2%
src/static/images/2019/02_CSS/fig14.png 82.41 KB 51.77 KB -37.2%
src/static/images/2019/02_CSS/fig15.png 79.24 KB 49.65 KB -37.3%
src/static/images/2019/02_CSS/fig16.png 127.14 KB 87.91 KB -30.9%
src/static/images/2019/02_CSS/fig17.png 100.11 KB 65.03 KB -35.0%
src/static/images/2019/02_CSS/fig18.png 102.48 KB 66.99 KB -34.6%
src/static/images/2019/02_CSS/fig2.png 134.73 KB 98.57 KB -26.8%
src/static/images/2019/02_CSS/fig20.png 96.97 KB 62.99 KB -35.0%
src/static/images/2019/02_CSS/fig21.png 175.29 KB 117.33 KB -33.1%
src/static/images/2019/02_CSS/fig25.png 90.76 KB 58.65 KB -35.4%
src/static/images/2019/02_CSS/fig26.png 88.90 KB 56.61 KB -36.3%
src/static/images/2019/02_CSS/fig27.png 77.78 KB 44.69 KB -42.5%
src/static/images/2019/02_CSS/fig28.png 91.68 KB 60.90 KB -33.6%
src/static/images/2019/02_CSS/fig29.png 90.61 KB 57.18 KB -36.9%
src/static/images/2019/02_CSS/fig3.png 91.36 KB 58.39 KB -36.1%
src/static/images/2019/02_CSS/fig30.png 90.30 KB 56.40 KB -37.5%
src/static/images/2019/02_CSS/fig31.png 104.08 KB 64.43 KB -38.1%
src/static/images/2019/02_CSS/fig32.png 103.45 KB 66.59 KB -35.6%
src/static/images/2019/02_CSS/fig33.png 92.86 KB 59.13 KB -36.3%
src/static/images/2019/02_CSS/fig35.png 101.73 KB 66.12 KB -35.0%
src/static/images/2019/02_CSS/fig37.png 95.33 KB 62.18 KB -34.8%
src/static/images/2019/02_CSS/fig38.png 90.07 KB 54.12 KB -39.9%
src/static/images/2019/02_CSS/fig4.png 95.16 KB 61.56 KB -35.3%
src/static/images/2019/02_CSS/fig5.png 84.03 KB 53.58 KB -36.2%
src/static/images/2019/02_CSS/fig7.png 97.84 KB 58.31 KB -40.4%
src/static/images/2019/02_CSS/fig8.png 90.00 KB 53.75 KB -40.3%
src/static/images/2019/02_CSS/fig9.png 101.13 KB 62.81 KB -37.9%
Some images were already optimised
  • src/static/images/2019/01_JavaScript/fig1.png
  • src/static/images/2019/01_JavaScript/fig10.png
  • src/static/images/2019/01_JavaScript/fig12.png
  • src/static/images/2019/01_JavaScript/fig13.png
  • src/static/images/2019/01_JavaScript/fig14.png
  • src/static/images/2019/01_JavaScript/fig15.png
  • src/static/images/2019/01_JavaScript/fig16.png
  • src/static/images/2019/01_JavaScript/fig17.png
  • src/static/images/2019/01_JavaScript/fig18.png
  • src/static/images/2019/01_JavaScript/fig2.png
  • src/static/images/2019/01_JavaScript/fig3.png
  • src/static/images/2019/01_JavaScript/fig5.png
  • src/static/images/2019/01_JavaScript/fig6.png
  • src/static/images/2019/01_JavaScript/fig7.png
  • src/static/images/2019/01_JavaScript/fig8.png
  • src/static/images/2019/01_JavaScript/fig9.png
  • src/static/images/2019/01_JavaScript/hero_lg.jpg
  • src/static/images/2019/01_JavaScript/hero_sm.jpg
  • src/static/images/2019/01_JavaScript/hero_xl.jpg
  • src/static/images/2019/01_JavaScript/js-processing-reddit.png
  • src/static/images/2019/02_CSS/hero_lg.jpg
  • src/static/images/2019/02_CSS/hero_sm.jpg
  • src/static/images/2019/02_CSS/hero_xl.jpg
  • src/static/images/2019/03_Markup/element_categories.png
  • src/static/images/2019/03_Markup/hero_lg.jpg
  • src/static/images/2019/03_Markup/hero_sm.jpg
  • src/static/images/2019/03_Markup/hero_xl.jpg
  • src/static/images/2019/03_Markup/hixie_element_types_per_page.png
  • src/static/images/2019/03_Markup/hixie_elements_per_page.png
  • src/static/images/2019/04_Media/hero_lg.jpg
  • src/static/images/2019/04_Media/hero_sm.jpg
  • src/static/images/2019/04_Media/hero_xl.jpg
  • src/static/images/2019/05_Third_Parties/hero_lg.jpg
  • src/static/images/2019/05_Third_Parties/hero_sm.jpg
  • src/static/images/2019/05_Third_Parties/hero_xl.jpg
  • src/static/images/2019/06_Fonts/hero_lg.jpg
  • src/static/images/2019/06_Fonts/hero_sm.jpg
  • src/static/images/2019/06_Fonts/hero_xl.jpg
  • src/static/images/2019/07_Performance/fig1.png
  • src/static/images/2019/07_Performance/fig10.png
  • src/static/images/2019/07_Performance/fig11.png
  • src/static/images/2019/07_Performance/fig12.png
  • src/static/images/2019/07_Performance/fig13.png
  • src/static/images/2019/07_Performance/fig14.png
  • src/static/images/2019/07_Performance/fig15.png
  • src/static/images/2019/07_Performance/fig16.png
  • src/static/images/2019/07_Performance/fig17.png
  • src/static/images/2019/07_Performance/fig18.png
  • src/static/images/2019/07_Performance/fig2.png
  • src/static/images/2019/07_Performance/fig3.png
  • src/static/images/2019/07_Performance/fig4.png
  • src/static/images/2019/07_Performance/fig5.png
  • src/static/images/2019/07_Performance/fig6.png
  • src/static/images/2019/07_Performance/fig7.png
  • src/static/images/2019/07_Performance/fig8.png
  • src/static/images/2019/07_Performance/fig9.png
  • src/static/images/2019/07_Performance/hero_lg.jpg
  • src/static/images/2019/07_Performance/hero_sm.jpg
  • src/static/images/2019/07_Performance/hero_xl.jpg
  • src/static/images/2019/07_Performance/nav-timing.png
  • src/static/images/2019/08_Security/hero_lg.jpg
  • src/static/images/2019/08_Security/hero_sm.jpg
  • src/static/images/2019/08_Security/hero_xl.jpg
  • src/static/images/2019/09_Accessibility/example-of-a-skip-link-on-google.com.png
  • src/static/images/2019/09_Accessibility/example-of-good-and-bad-color-contrast-lookzook.png
  • src/static/images/2019/09_Accessibility/hero_lg.jpg
  • src/static/images/2019/09_Accessibility/hero_sm.jpg
  • src/static/images/2019/09_Accessibility/hero_xl.jpg
  • src/static/images/2019/10_SEO/hero_lg.jpg
  • src/static/images/2019/10_SEO/hero_sm.jpg
  • src/static/images/2019/10_SEO/hero_xl.jpg
  • src/static/images/2019/11_PWA/hero_lg.jpg
  • src/static/images/2019/11_PWA/hero_sm.jpg
  • src/static/images/2019/11_PWA/hero_xl.jpg
  • src/static/images/2019/12_Mobile_Web/america-online-1000-hours-free.jpg
  • src/static/images/2019/12_Mobile_Web/example-of-easy-to-hit-tap-targets-lookzook.png
  • src/static/images/2019/12_Mobile_Web/example-of-good-and-bad-color-contrast-lookzook.png
  • src/static/images/2019/12_Mobile_Web/hero_lg.jpg
  • src/static/images/2019/12_Mobile_Web/hero_sm.jpg
  • src/static/images/2019/12_Mobile_Web/hero_xl.jpg
  • src/static/images/2019/13_Ecommerce/fig11.png
  • src/static/images/2019/13_Ecommerce/fig12.png
  • src/static/images/2019/13_Ecommerce/fig13.png
  • src/static/images/2019/13_Ecommerce/fig15.png
  • src/static/images/2019/13_Ecommerce/fig17.png
  • src/static/images/2019/13_Ecommerce/fig18.png
  • src/static/images/2019/13_Ecommerce/fig19.png
  • src/static/images/2019/13_Ecommerce/fig20.png
  • src/static/images/2019/13_Ecommerce/fig21.png
  • src/static/images/2019/13_Ecommerce/fig22.png
  • src/static/images/2019/13_Ecommerce/fig4.png
  • src/static/images/2019/13_Ecommerce/fig5.png
  • src/static/images/2019/13_Ecommerce/fig6.png
  • src/static/images/2019/13_Ecommerce/fig7.png
  • src/static/images/2019/13_Ecommerce/fig8.png
  • src/static/images/2019/13_Ecommerce/hero_lg.jpg
  • src/static/images/2019/13_Ecommerce/hero_sm.jpg
  • src/static/images/2019/13_Ecommerce/hero_xl.jpg
  • src/static/images/2019/14_CMS/cms-logos.png
  • src/static/images/2019/14_CMS/fig10.png
  • src/static/images/2019/14_CMS/fig11.png
  • src/static/images/2019/14_CMS/fig12.png
  • src/static/images/2019/14_CMS/fig14.png
  • src/static/images/2019/14_CMS/fig16.png
  • src/static/images/2019/14_CMS/fig18.png
  • src/static/images/2019/14_CMS/fig20.png
  • src/static/images/2019/14_CMS/fig21.png
  • src/static/images/2019/14_CMS/fig22.png
  • src/static/images/2019/14_CMS/fig23.png
  • src/static/images/2019/14_CMS/fig4.png
  • src/static/images/2019/14_CMS/fig5.png
  • src/static/images/2019/14_CMS/fig6.png
  • src/static/images/2019/14_CMS/fig7.png
  • src/static/images/2019/14_CMS/hero_lg.jpg
  • src/static/images/2019/14_CMS/hero_sm.jpg
  • src/static/images/2019/14_CMS/hero_xl.jpg
  • src/static/images/2019/14_CMS/perf-perception.png
  • src/static/images/2019/14_CMS/web-evolution.png
  • src/static/images/2019/15_Compression/ch15_fig10_lighthouse_compression_byte_savings.jpg
  • src/static/images/2019/15_Compression/ch15_fig2_compressed_content_types.jpg
  • src/static/images/2019/15_Compression/ch15_fig3_compressed_content_types_filtered.jpg
  • src/static/images/2019/15_Compression/ch15_fig4_compression_by_content_type_desktop.jpg
  • src/static/images/2019/15_Compression/ch15_fig5_compression_by_content_type_mobile.jpg
  • src/static/images/2019/15_Compression/ch15_fig6_compression_by_content_type_pct_desktop.jpg
  • src/static/images/2019/15_Compression/ch15_fig7_compression_by_content_type_pct_mobile.jpg
  • src/static/images/2019/15_Compression/ch15_fig8_lighthouse.jpg
  • src/static/images/2019/15_Compression/ch15_fig9_lighthouse_compression_scores.jpg
  • src/static/images/2019/15_Compression/fig11.png
  • src/static/images/2019/15_Compression/fig12.png
  • src/static/images/2019/15_Compression/fig2.png
  • src/static/images/2019/15_Compression/fig3.png
  • src/static/images/2019/15_Compression/fig4.png
  • src/static/images/2019/15_Compression/fig5.png
  • src/static/images/2019/15_Compression/fig6.png
  • src/static/images/2019/15_Compression/fig7.png
  • src/static/images/2019/15_Compression/fig8.png
  • src/static/images/2019/15_Compression/hero_lg.jpg
  • src/static/images/2019/15_Compression/hero_sm.jpg
  • src/static/images/2019/15_Compression/hero_xl.jpg
  • src/static/images/2019/16_Caching/ch16_fig1_redbot_example.jpg
  • src/static/images/2019/16_Caching/ch16_fig12_header_example_with_cookie.jpg
  • src/static/images/2019/16_Caching/ch16_fig13_cookies_on_cacheable_responses.jpg
  • src/static/images/2019/16_Caching/ch16_fig14_service_worker_adoption.jpg
  • src/static/images/2019/16_Caching/ch16_fig15_lighthouse_example.jpg
  • src/static/images/2019/16_Caching/ch16_fig16_cacheable_responses_set_cookie.jpg
  • src/static/images/2019/16_Caching/ch16_fig8_resource_age.jpg
  • src/static/images/2019/16_Caching/fig12.png
  • src/static/images/2019/16_Caching/fig13.png
  • src/static/images/2019/16_Caching/fig14.png
  • src/static/images/2019/16_Caching/fig2.png
  • src/static/images/2019/16_Caching/fig21.png
  • src/static/images/2019/16_Caching/fig22.png
  • src/static/images/2019/16_Caching/fig3.png
  • src/static/images/2019/16_Caching/fig5.png
  • src/static/images/2019/16_Caching/fig6.png
  • src/static/images/2019/16_Caching/fig7.png
  • src/static/images/2019/16_Caching/fig9.png
  • src/static/images/2019/16_Caching/hero_lg.jpg
  • src/static/images/2019/16_Caching/hero_sm.jpg
  • src/static/images/2019/16_Caching/hero_xl.jpg
  • src/static/images/2019/17_CDN/fig1.png
  • src/static/images/2019/17_CDN/fig11.png
  • src/static/images/2019/17_CDN/fig13.png
  • src/static/images/2019/17_CDN/fig15.png
  • src/static/images/2019/17_CDN/fig16.png
  • src/static/images/2019/17_CDN/fig17.png
  • src/static/images/2019/17_CDN/fig18.png
  • src/static/images/2019/17_CDN/fig19.png
  • src/static/images/2019/17_CDN/fig20.png
  • src/static/images/2019/17_CDN/fig22.png
  • src/static/images/2019/17_CDN/fig26.png
  • src/static/images/2019/17_CDN/fig27.png
  • src/static/images/2019/17_CDN/hero_lg.jpg
  • src/static/images/2019/17_CDN/hero_sm.jpg
  • src/static/images/2019/17_CDN/hero_xl.jpg
  • src/static/images/2019/17_CDN/html_cdn_usage.png
  • src/static/images/2019/17_CDN/html_tls_negotiation_time.png
  • src/static/images/2019/17_CDN/resource_tls_negotiation_time.png
  • src/static/images/2019/17_CDN/subdomain_resource_cdn_usage.png
  • src/static/images/2019/17_CDN/thirdparty_resource_cdn_usage.png
  • src/static/images/2019/17_CDN/use_of_vary_on_cdn.png
  • src/static/images/2019/17_CDN/use_of_vary.png
  • src/static/images/2019/18_Page_Weight/ch18_fig1_conversion_difference.png
  • src/static/images/2019/18_Page_Weight/ch18_fig2_conversion_graph.png
  • src/static/images/2019/18_Page_Weight/ch18_fig3_gif_cdf.png
  • src/static/images/2019/18_Page_Weight/hero_lg.jpg
  • src/static/images/2019/18_Page_Weight/hero_sm.jpg
  • src/static/images/2019/18_Page_Weight/hero_xl.jpg
  • src/static/images/2019/19_Resource_Hints/hero_lg.jpg
  • src/static/images/2019/19_Resource_Hints/hero_sm.jpg
  • src/static/images/2019/19_Resource_Hints/hero_xl.jpg
  • src/static/images/2019/20_HTTP_2/ch20_fig10_total_requests_per_page_trend_over_years.png
  • src/static/images/2019/20_HTTP_2/ch20_fig13_what_push_is_used_for.png
  • src/static/images/2019/20_HTTP_2/ch20_fig2_http2_usage_by_request.png
  • src/static/images/2019/20_HTTP_2/ch20_fig9_num_tcp_connections_trend_over_years.png
  • src/static/images/2019/20_HTTP_2/hero_lg.jpg
  • src/static/images/2019/20_HTTP_2/hero_sm.jpg
  • src/static/images/2019/20_HTTP_2/hero_xl.jpg
  • src/static/images/avatars/0.jpg
  • src/static/images/avatars/1.jpg
  • src/static/images/avatars/10.jpg
  • src/static/images/avatars/11.jpg
  • src/static/images/avatars/12.jpg
  • src/static/images/avatars/13.jpg
  • src/static/images/avatars/14.jpg
  • src/static/images/avatars/2.jpg
  • src/static/images/avatars/3.jpg
  • src/static/images/avatars/4.jpg
  • src/static/images/avatars/5.jpg
  • src/static/images/avatars/6.jpg
  • src/static/images/avatars/7.jpg
  • src/static/images/avatars/8.jpg
  • src/static/images/avatars/9.jpg
  • src/static/images/blog.png
  • src/static/images/character-file.png
  • src/static/images/character-hat.png
  • src/static/images/character-markup.png
  • src/static/images/character-measure.png
  • src/static/images/character-painter.png
  • src/static/images/character-star.png
  • src/static/images/close.png
  • src/static/images/discuss.png
  • src/static/images/dropdown-arrow.png
  • src/static/images/English.png
  • src/static/images/es.png
  • src/static/images/github.png
  • src/static/images/ha-home.png
  • src/static/images/ha.png
  • src/static/images/home-hero-2019-bg.png
  • src/static/images/home-hero-2019.png
  • src/static/images/home-hero-bg.png
  • src/static/images/home-hero.png
  • src/static/images/intro-background-fit.png
  • src/static/images/intro-background.png
  • src/static/images/logo.png
  • src/static/images/logo@2x.png
  • src/static/images/menu.png
  • src/static/images/methodology-banner.png
  • src/static/images/methodology-characters-bg.png
  • src/static/images/methodology-characters.png
  • src/static/images/rectangles.png
  • src/static/images/twitter.png

@rviscomi rviscomi merged commit cd4884d into master Nov 11, 2019
@rviscomi rviscomi deleted the css branch November 11, 2019 01:59
@tunetheweb tunetheweb mentioned this pull request Nov 11, 2020
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
development Building the Almanac tech stack writing Related to wording and content
Projects
None yet
Milestone
SHIP IT!
Development

Successfully merging this pull request may close these issues.
1 participant
@rviscomi