-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
259 lines (209 loc) · 13.7 KB
/
index.html
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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<!DOCTYPE html>
<!--
_____ _ _____ _ _
| _ |___| |_ ___ ___| __|_|___| |_ ___ ___ ___ ___ _____
| | | _| . | | __| |_ -| | -_| _|_| _| . | |
|__|__|_|_|_| |___|_|_|__| |_|___|_|_|___|_| |_|___|___|_|_|_|
Anton Fisher <[email protected]>
-->
<html lang="en">
<head>
<meta charset="utf-8">
<title lang="en">Anton Fisher</title>
<meta name="description" content="javascript, extjs, nodejs, bash">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="author" content="Anton Fisher">
<link href="/feed.xml" type="application/atom+xml" rel="alternate" title="ATOM Feed">
<link href="/css/all.min.css" rel="stylesheet">
<link href="/favicon.ico" rel="icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Mono&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<header>
<div class="title-container" itemprop="author" itemscope itemtype="http://schema.org/Person">
<div class="title">
<a href="/" class="name" itemprop="name" title="Home">
Anton Fisher
</a>
<p class="about">
software engineer
</p>
</div>
<img src="/images/anton-fisher-v3.jpg" class="photo" itemprop="image" title="Anton Fisher photo"
alt="Anton Fisher photo">
</div>
<div class="links-container">
<a href="//github.com/antonfisher" target="_blank" rel="noreferrer" title="my code on github">
<span class="icon icon-github"></span> <span class="link-title">github</span>
</a>
<a href="//instagram.com/afschr" target="_blank" rel="noreferrer" title="my art on instagram">
<span class="icon icon-instagram"></span> <span class="link-title">instagram</span>
</a>
<a href="//twitter.com/afschr" target="_blank" rel="noreferrer" title="my random thoughts on twitter">
<span class="icon icon-twitter"></span> <span class="link-title">twitter</span>
</a>
<a href="//linkedin.com/in/afschr/en" target="_blank" rel="noreferrer" title="my job list on linkedin">
<span class="icon icon-linkedin"></span> <span class="link-title">linkedin</span>
</a>
<a href="/feed.xml" title="RSS feed link">
<span class="icon icon-rss2"></span> <span class="link-title">rss</span>
</a>
<a href="mailto:[email protected]" target="_blank" rel="noreferrer">
<span class="icon icon-mail"></span> <span class="link-title">[email protected]</span>
</a>
</div>
</header>
<div class="content">
<div class="post-item">
<a href="/posts/2021/10/03/meeting-device-hardware/" title="Meeting device: hardware"><h2>Meeting device: hardware</h2></a>
<time datetime="2021-10-03">2021-10-03</time>
<p>
<img src="/images/posts/2021-10-03-23-44-00-project-meeting-device-hardware/sketch-meeting-device-front-on-500-ir.png">
<p>This post goes through the hardware part of my “meeting device.”
The device is similar to the “ON AIR” light panels at radio studios, and the idea is to light it up when the computer has a camera or microphone active.… <a href="/posts/2021/10/03/meeting-device-hardware/">Read more</a></p>
</p>
<div class="clear"></div>
</div>
<div class="post-item">
<a href="/posts/2020/12/27/how-to-animate-native-electron-window/" title="How to animate native Electron window"><h2>How to animate native Electron window</h2></a>
<time datetime="2020-12-27">2020-12-27</time>
<p>
<img src="/images/posts/2020-12-27-15-00-00-how-to-animate-native-electron-window/rotate-native-window-logo-500.png">
<p>This post demonstrates how to animate Electron’s native application window using native macOS API.… <a href="/posts/2020/12/27/how-to-animate-native-electron-window/">Read more</a></p>
</p>
<div class="clear"></div>
</div>
<div class="post-item">
<a href="/posts/2018/12/14/drive-distributed-storage-on-raspberry-pi/" title="Drive distributed storage on Raspberry Pi"><h2>Drive distributed storage on Raspberry Pi</h2></a>
<time datetime="2018-12-14">2018-12-14</time>
<p>
<img src="/images/posts/10-raspberry-pi-storage/sloth-storage-logo-500.png">
<p>The idea was to build a storage device with an easy way to increase its capacity and with data replication.
The device was built on top of Raspberry Pi with analog gauges, switches, and a display to indicate
and control storage state.… <a href="/posts/2018/12/14/drive-distributed-storage-on-raspberry-pi/">Read more</a></p>
</p>
<div class="clear"></div>
</div>
<div class="post-item">
<a href="/posts/2018/03/19/reducing-docker-image-size-of-a-node-js-application/" title="Reducing Docker image size of a Node.js application"><h2>Reducing Docker image size of a Node.js application</h2></a>
<time datetime="2018-03-19">2018-03-19</time>
<p>
<img src="/images/posts/9-reducing-docker-image-size-of-a-node-js-application/docker-image-sizes-logo-500.png">
<p>Working on a <em>Node.js</em> application I noticed that deploying its image sometimes takes more time then I want it to.
I started digging into the problem and here are two steps to drop <em>Docker</em> image size down from <strong>948MB</strong> to <strong>79MB</strong>!… <a href="/posts/2018/03/19/reducing-docker-image-size-of-a-node-js-application/">Read more</a></p>
</p>
<div class="clear"></div>
</div>
<div class="post-item">
<a href="/posts/2017/01/16/run-jenkins-in-docker-container-with-persistent-configuration/" title="Run Jenkins in Docker container with persistent configuration"><h2>Run Jenkins in Docker container with persistent configuration</h2></a>
<time datetime="2017-01-16">2017-01-16</time>
<p>
<img src="/images/posts/8-run-jenkins-in-docker-container-with-persistent-configuration/run-jenkins-in-docker-container-with-persistent-configuration-logo-500.png">
<p>One day you realised that you lost both disks in the <em>RAID</em> mirror and your <em>Jenkins</em> has gone forever.
And it is a good chance to build new robust <em>Jenkins</em> architecture!</p>
<p>This post is about <em>Jenkins</em>, <em>Docker</em> and storing <em>Jenkins</em> configuration on the <em>GitHub</em>.… <a href="/posts/2017/01/16/run-jenkins-in-docker-container-with-persistent-configuration/">Read more</a></p>
</p>
<div class="clear"></div>
</div>
<div class="post-item">
<a href="/posts/2016/06/06/using-svg-icons-in-extjs/" title="Using SVG icons in ExtJs"><h2>Using SVG icons in ExtJs</h2></a>
<time datetime="2016-06-06">2016-06-06</time>
<p>
<img src="/images/posts/7-using-svg-icons-in-extjs/using-svg-icons-in-extjs-logo-500.png">
<p>In this issue we will figure out how to use any <em>SVG</em> icons in <em>ExtJs</em> buttons.
All icons will be combined to a single sprite that injected to <code>index.html</code>.
Example uses <em>Google Icons</em> set.… <a href="/posts/2016/06/06/using-svg-icons-in-extjs/">Read more</a></p>
</p>
<div class="clear"></div>
</div>
<div class="post-item">
<a href="/posts/2016/05/02/testing-extjs-with-mocha-js/" title="Testing ExtJs with Mocha.js"><h2>Testing ExtJs with Mocha.js</h2></a>
<time datetime="2016-05-02">2016-05-02</time>
<p>
<img src="/images/posts/5-testing-extjs-with-mocha-js/mocha-extjs-logo-500.png">
<p>At least two enterprise solutions exists for testing <em>ExtJs</em> applications.
They have rich user interface and functionality:
<em><a href="http://www.bryntum.com/products/siesta/">Siesta</a></em> (<em>Bryntum</em>)
and new <em><a href="https://www.sencha.com/products/test/">Sencha Test</a></em>.
In contrast to them, here I present small library that allows testing <em>ExtJs</em> application.
It uses great open-source <em>Mocha.js</em> framework and <em>PhantomJs</em> for nightly builds.… <a href="/posts/2016/05/02/testing-extjs-with-mocha-js/">Read more</a></p>
</p>
<div class="clear"></div>
</div>
<div class="post-item">
<a href="/posts/2016/03/25/build-distribution-tool-for-senchacmd/" title="Build distribution tool for SenchaCMD"><h2>Build distribution tool for SenchaCMD</h2></a>
<time datetime="2016-03-25">2016-03-25</time>
<p>
<img src="/images/posts/6-sencha-cdm-distrubured-build/dscmd-logo-500.png">
<p>Building <em>ExtJS</em> application with <em>SenchaCMD</em> takes about one minute on my 4-cores laptop.
In current project we have about 20 <em>ExtJS</em> applications that are included into one main application
(an architectural requirement).
So, when I am building whole app, I should take 20-minutes coffee break.
Sounds not so bad? Not after third cup :)… <a href="/posts/2016/03/25/build-distribution-tool-for-senchacmd/">Read more</a></p>
</p>
<div class="clear"></div>
</div>
<div class="post-item">
<a href="/posts/2016/02/05/extjs-5-disable-app-json-caching/" title="ExtJS 5: disable app.json caching"><h2>ExtJS 5: disable app.json caching</h2></a>
<time datetime="2016-02-05">2016-02-05</time>
<p>
<img src="/images/posts/4-extjs-5-disable-app-json-caching/extjs-logo-500.png">
<p>By default <em>ExtJS 5</em> enabled cache for <code>app.json</code> (or I am wrong?).
In some cases you get old version from browser cache, even after new build.… <a href="/posts/2016/02/05/extjs-5-disable-app-json-caching/">Read more</a></p>
</p>
<div class="clear"></div>
</div>
<div class="post-item">
<a href="/posts/2016/01/05/make-raspberry-pi-jenkins-traffic-light/" title="Make Raspberry Pi Jenkins traffic light"><h2>Make Raspberry Pi Jenkins traffic light</h2></a>
<time datetime="2016-01-05">2016-01-05</time>
<p>
<img src="/images/posts/3-make-raspberry-pi-jenkins-traffic-light/light-before-close-500.png">
<p>It is the simple instruction for javascript developers how to make physical Jenkins traffic light.
This device can be good first experience with the Raspberry Pi and it is useful for controlling your build’s health!… <a href="/posts/2016/01/05/make-raspberry-pi-jenkins-traffic-light/">Read more</a></p>
</p>
<div class="clear"></div>
</div>
<div class="post-item">
<a href="/posts/2015/12/23/bash-function-converts-relative-file-path-to-absolute/" title="Bash: function converts relative file path to absolute"><h2>Bash: function converts relative file path to absolute</h2></a>
<time datetime="2015-12-23">2015-12-23</time>
<p>
<img src="/images/posts/2-bash-function-converts-relative-file-path-to-absolute/bash-terminal-500.png">
<p>For converting relative path to absolute full path in scripts I use this simple function.
Also it works with path which contain '~’.… <a href="/posts/2015/12/23/bash-function-converts-relative-file-path-to-absolute/">Read more</a></p>
</p>
<div class="clear"></div>
</div>
<div class="post-item">
<a href="/posts/2015/12/04/how-to-find-raspberry-pi-ip-address-dhcp/" title="How to find Raspberry Pi IP address (DHCP)"><h2>How to find Raspberry Pi IP address (DHCP)</h2></a>
<time datetime="2015-12-04">2015-12-04</time>
<p>
<img src="/images/posts/1-how-to-find-raspberry-pi-ip-address/raspberry-pi-500.png">
<p>I got my first Raspberry Pi.</p>
<p>I do not have a display and a keyboard that make OS installation process simple.
After some search, I found
<a href="http://raspberrypi.stackexchange.com/questions/15192/installing-raspbian-from-noobs-without-display">solution</a>
which uses preconfigured SD card using a laptop. Used <em>NOOBS v1.5.0</em> with changed <em>recovery.cmdline</em> file.… <a href="/posts/2015/12/04/how-to-find-raspberry-pi-ip-address-dhcp/">Read more</a></p>
</p>
<div class="clear"></div>
</div>
</div>
<footer>
<nav>
<a href="/">home</a>
<span class="divider"> </span>
<a href="/feed.xml">rss</a>
</nav>
<div>
<span class="big-copy">©</span>
Anton Fisher
<time>
<script>document.write(new Date().getFullYear())</script></time>
</div>
</footer>
</div>
</body>
<script data-goatcounter="https://antonfisher.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
</html>