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 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
development Building the Almanac tech stack writing Related to wording and content
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant