Upgrade to Pro — share decks privately, control downloads, hide ads and more …

cssMaker

Matthew Reidsma
July 23, 2014
Programming
1
150

 cssMaker

A quick presentation I gave at Code4Lib MIdwest 2014 about cssMaker, a simple script for updating and concatenating CSS files that don't belong to you (and those that do).

Matthew Reidsma

July 23, 2014
Tweet

More Decks by Matthew Reidsma

See All by Matthew Reidsma
More Than Usable
matthewreidsma
0
390
Everyone is a Distance Learner
matthewreidsma
1
390
The UX of Scholarship
matthewreidsma
0
260
Good for Whom? Harvard University Libraries
matthewreidsma
0
330
More than Usable: Library Services for Humans
matthewreidsma
2
60k
Data to Action: A UX Libs Workshop
matthewreidsma
0
70
Customizing Vendor Tools for Better Customer Service
matthewreidsma
1
140
TLN: Responsive Web Design for Libraries
matthewreidsma
1
210
What Makes a Great Library Website?
matthewreidsma
0
210

Other Decks in Programming

See All in Programming
ヤプリ新卒SREの オンボーディング
masaki12
0
130
Duckdb-Wasmでローカルダッシュボードを作ってみた
nkforwork
0
120
ふかぼれ！CSSセレクターモジュール / Fukabore! CSS Selectors Module
petamoriken
0
150
Make Impossible States Impossibleを 意識してReactのPropsを設計しよう
ikumatadokoro
0
170
Amazon Bedrock Agentsを用いてアプリ開発してみた！
har1101
0
330
ペアーズにおけるAmazon Bedrockを⽤いた障害対応⽀援 ⽣成AIツールの導⼊事例 @ 20241115配信AWSウェビナー登壇
fukubaka0825
6
1.9k
「今のプロジェクトいろいろ大変なんですよ、app/services とかもあって……」/After Kaigi on Rails 2024 LT Night
junk0612
5
2.1k
EventSourcingの理想と現実
wenas
6
2.3k
Laravel や Symfony で手っ取り早く
OpenAPI のドキュメントを作成する
azuki
2
120
Kaigi on Rails 2024 〜運営の裏側〜
krpk1900
1
200
どうして僕の作ったクラスが手続き型と言われなきゃいけないんですか
akikogoto
1
120
エンジニアとして関わる要件と仕様(公開用)
murabayashi
0
280

Featured

See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
Designing the Hi-DPI Web
ddemaree
280
34k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
720
Bash Introduction
62gerente
608
210k
Building Adaptive Systems
keathley
38
2.3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
410
Six Lessons from altMBA
skipperchong
27
3.5k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.8k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.8k

Transcript

  1. OR, WHEN DUMB IDEAS YOU GET AT LUNCH WORK OUT

    CSSMAKER: MATTHEW REIDSMA GRAND VALLEY STATE UNIVERSITY

  2. WEBPAGE SIZE http://httparchive.org/interesting.php 312K 2008

  3. WEBPAGE SIZE http://httparchive.org/interesting.php 2011 29K 2012 1269K 1700K 2013 1850K

    2014

  4. WEBPAGE REQUESTS http://www.websiteoptimization.com/speed/tweak/average-web-page/ http://httparchive.org/trends.php?s=All&minlabel=Nov+15+2010&maxlabel=Apr+1+2013#bytesTotal&reqTotal 50 2008

  5. WEBPAGE REQUESTS http://www.websiteoptimization.com/speed/tweak/average-web-page/ http://httparchive.org/trends.php?s=All&minlabel=Nov+15+2010&maxlabel=Apr+1+2013#bytesTotal&reqTotal 50 2008 2011 86 2010 74

    2012 88 2014 96

  6. GOOGLE .9 30 RESULTS 10 RESULTS PAGE LOAD TIME IN

    SECONDS .4 2006 http://glinden.blogspot.com/2006/11/marissa-mayer-at-web-20.html

  7. Half a second delay caused a 20% drop in traffic.

    Half a second delay killed user satisfaction. http://glinden.blogspot.com/2006/11/marissa-mayer-at-web-20.html “ Marissa Mayer

  8. <link rel=”stylesheet” href=”one.css” />

  9. <link rel=”stylesheet” href=”one.css” /> <link rel=”stylesheet” href=”two.css” /> <link rel=”stylesheet”

    href=”three.css” /> <link rel=”stylesheet” href=”four.css” /> <link rel=”stylesheet” href=”five.css” /> <link rel=”stylesheet” href=”six.css” />

  10. one.css two.css http://phette.net/prez/speed-feature-performance-mobile-web/files/index.html#/7

  11. one.css two.css both.css http://phette.net/prez/speed-feature-performance-mobile-web/files/index.html#/7

  12. <link rel=”stylesheet” href=”all.css” /> <head> </head>

  13. PRODUCTION SERVER

  14. PRODUCTION SERVER DEV SERVER

  15. PRODUCTION SERVER SIERRA DEV SERVER

  16. PRODUCTION SERVER ILLIAD SIERRA DEV SERVER

  17. PRODUCTION SERVER ILLIAD SIERRA DEV SERVER ARES

  18. GVSU.EDU PRODUCTION SERVER ILLIAD SIERRA DEV SERVER ARES

  19. GVSU.EDU PRODUCTION SERVER ILLIAD SIERRA DEV SERVER VENDOR ARES

  20. GVSU.EDU PRODUCTION SERVER ILLIAD SIERRA DEV SERVER VENDOR VENDOR VENDOR

    VENDOR ARES
  21. None
  22. None

  23. CSS FILES CAN LIVE ON ANY SERVER 1

  24. CSS FILES CAN LIVE ON ANY SERVER 1 NO RUNTIME

    BUILDS; MANUAL OR CRON 2

  25. CSS FILES CAN LIVE ON ANY SERVER 1 UPDATE THROUGH

    HTTP REQUEST 3 NO RUNTIME BUILDS; MANUAL OR CRON 2

  26. CSSMAKER

  27. CSSMAKER CSS.JSON PROJECT PATH

  28. CSSMAKER CSS.JSON PROJECT PATH STYLES.CSS

  29. None

  30. github.com/gvsulib/cssMaker

  31. THANKYOU