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
3 Effective Rules for Using Signals in Angular
manfredsteyer
PRO
0
100
cmp.Or に感動した
otakakot
2
140
Webの技術スタックで マルチプラットフォームアプリ開発を可能にするElixirDesktopの紹介
thehaigo
2
1k
OnlineTestConf: Test Automation Friend or Foe
maaretp
0
110
シールドクラスをはじめよう / Getting Started with Sealed Classes
mackey0225
4
640
RubyLSPのマルチバイト文字対応
notfounds
0
120
macOS でできる リアルタイム動画像処理
biacco42
9
2.4k
聞き手から登壇者へ： RubyKaigi2024 LTでの初挑戦が 教えてくれた、可能性の星
mikik0
1
130
OSSで起業してもうすぐ10年 / Open Source Conference 2024 Shimane
furukawayasuto
0
100
レガシーシステムにどう立ち向かうか　複雑さと理想と現実/vs-legacy
suzukihoge
14
2.2k
Snowflake x dbtで作るセキュアでアジャイルなデータ基盤
tsoshiro
2
520
Click-free releases & the making of a CLI app
oheyadam
2
110

Featured

See All Featured
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Navigating Team Friction
lara
183
14k
Practical Orchestrator
shlominoach
186
10k
How GitHub (no longer) Works
holman
310
140k
Facilitating Awesome Meetings
lara
50
6.1k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
How to Think Like a Performance Engineer
csswizardry
20
1.1k
GraphQLとの向き合い方2022年版
quramy
43
13k
Making Projects Easy
brettharned
115
5.9k
Code Reviewing Like a Champion
maltzj
520
39k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
Art, The Web, and Tiny UX
lynnandtonic
297
20k

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