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
testcontainers のススメ
sgash708
1
120
nekko cloudにおけるProxmox VE利用事例
irumaru
3
420
htmxって知っていますか？次世代のHTML
hiro_ghap1
0
330
急成長期の品質とスピードを両立するフロントエンド技術基盤
soarteclab
0
930
From Translations to Multi Dimension Entities
alexanderschranz
2
130
競技プログラミングへのお誘い@阪大BOOSTセミナー
kotamanegi
0
360
ゆるやかにgolangci-lintのルールを強くする / Kyoto.go #56
utgwkk
1
370
快速入門可觀測性
blueswen
0
340
Go の GC の不得意な 部分を克服したい
taiyow
2
770
命名をリントする
chiroruxx
1
390
ブラウザ単体でmp4書き出すまで - muddy-web - 2024-12
yue4u
2
460
数十万行のプロジェクトを Scala 2から3に完全移行した
xuwei_k
0
270

Featured

See All Featured
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Docker and Python
trallard
42
3.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.4k
Faster Mobile Websites
deanohume
305
30k
Building Better People: How to give real-time feedback that sticks.
wjessup
365
19k
How to Think Like a Performance Engineer
csswizardry
22
1.2k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
5
440
Adopting Sorbet at Scale
ufuk
73
9.1k
YesSQL, Process and Tooling at Scale
rocio
169
14k
Documentation Writing (for coders)
carmenintech
66
4.5k

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