~sivers/sive.rs

ref: 89db8a0db3b15ad1a131b443ccfe2a0d5f08170a sive.rs/site/polut -rw-r--r-- 3.9 KiB
89db8a0d — Derek Sivers formatting 4 months ago
                                                                                
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Digital pollution | Derek Sivers</title>
<meta name="description" content="You couldn’t just roll down the street leaving huge piles of garbage everywhere you go, making life slower for everyone as they climb over your mountains of junk, just to get on with their life. You’d feel bad about it, right?">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="/style.css">
<link rel="alternate" type="application/atom+xml" title="Derek Sivers" href="/en.atom">
<link rel="alternate" type="application/rss+xml" title="Derek Sivers podcast" href="/podcast.rss">
<link rel="prev" href="https://sive.rs/d22">
<link rel="next" href="https://sive.rs/wtg">
</head>
<body id="article">
<section id="masthead">
<h1><a href="/" title="Derek Sivers">Derek Sivers</a></h1>
</section>
<div id="content">

<article>
<header>
<div class="blogparent"><a href="/blog">Articles</a>:</div>
<h1>Digital pollution</h1>
<small>2019-10-15</small>
  <audio src="https://m.sive.rs/sive.rs.polut.mp3" preload="none" controls="controls"></audio>
</header>

<p>
You couldn’t just roll down the street leaving huge piles of garbage everywhere you go, making life slower for everyone as they climb over your mountains of junk, just to get on with their life.
You’d feel bad about it, right?
</p><p>
That’s how I feel about the digital things we put out into the world: websites, apps, and files.
</p><p>
I prefer coding everything by hand, because I don’t like the huge piles of garbage that the automated generators create.
These programs that generate a website, app, or file for you spit out thousands of lines of unnecessary junk when really only 10 lines are needed.
Then people wonder why their site is so slow, and they think it’s their phone or connection’s fault.
</p><p>
Yesterday I needed to make a little vector logo.
Two lines and two triangles.
I tried to use a couple different vector drawing programs but they saved it as hundreds of lines.
I knew it could be simpler, so I read up on SVG and made exactly what I wanted:
</p>
<pre><code>
&lt;svg height=&quot;54&quot; width=&quot;54&quot;&gt;
&lt;defs&gt;&lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[line,polygon{stroke:black;stroke-width:4} polygon{fill:black}]]&gt;&lt;/style&gt;&lt;/defs&gt;
&lt;line x1=&quot;2&quot; y1=&quot;2&quot; x2=&quot;2&quot; y2=&quot;52&quot; /&gt;
&lt;line x1=&quot;52&quot; y1=&quot;2&quot; x2=&quot;52&quot; y2=&quot;52&quot; /&gt;
&lt;polygon points=&quot;2,2 27,27 2,27&quot; /&gt;
&lt;polygon points=&quot;52,2 27,27 52,27&quot; /&gt;
&lt;/svg&gt; 
</code></pre>
<img src="/images/HitMediaLogo-54.svg" alt="Hit Media logo">
<p>
Much better!
95% smaller file size, and the joy of making something by hand instead of having it done for me.
But I think my biggest joy is <strong>eliminating the digital pollution</strong> that the auto-generated one created.
It makes everything faster, easier, and cleaner for anyone involved.
95% less junk over the wires.
</p><p>
Same thing with the EPUB file for my new book.
Today I spent the day creating the EPUB’s XML and XHTML by hand, instead of using a generator.
I love the manual control and again - 90% smaller file size.
</p><p>
This makes me unreasonably happy.
It feels like cleaning up the neighborhood.
Or at least my yard.
</p><p>
(And I love it when people notice how fast my site loads.)
</p>
<img src="/images/HitMediaLogo-54.png" alt="Hit Media logo">

<footer>
© 2019 <a href="https://sive.rs/">Derek Sivers</a>.
(
  « <a href="/d22" accesskey="p" rel="prev">previous</a>
    ||
  <a href="/wtg" accesskey="n" rel="next">next</a> »
)
<h1>
  Copy &amp; share:
  <span class="url"><a href="https://sive.rs/polut">sive.rs/polut</a></span>
</h1>
</footer>
</article>
<div id="comments"></div>
<script type="text/javascript" src="/js/comments.js"></script>

</div>
</body>
</html>