Skip to content

Commit bc8de01

Browse files
balloobbotballoobbot
committed
Site updated at 2016-08-19 11:40:19 UTC
1 parent 8196996 commit bc8de01

File tree

134 files changed

+1392
-1022
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

134 files changed

+1392
-1022
lines changed

‎atom.xml

Lines changed: 16 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Home Assistant]]></title>
55
<link href="https://home-assistant.io/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2016-08-19T06:00:14+00:00</updated>
7+
<updated>2016-08-19T11:39:29+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>
@@ -13,6 +13,21 @@
1313
<generator uri="http://octopress.org/">Octopress</generator>
1414

1515

16+
<entry>
17+
<title type="html"><![CDATA[Github-style calendar heatmap of device data]]></title>
18+
<link href="https://home-assistant.io/blog/2016/08/19/github-style-calendar-heatmap-of-device-data/"/>
19+
<updated>2016-08-19T06:00:00+00:00</updated>
20+
<id>https://home-assistant.io/blog/2016/08/19/github-style-calendar-heatmap-of-device-data</id>
21+
<content type="html"><![CDATA[<p>Thanks to <a href="https://github.com/kireyeu">Anton Kireyeu</a> we are able to present another awesome <a href="https://jupyter.org/">Jupyter notebook</a>. I guess that you all know the graph which Github is using to visualize your commits per day over a time-line. It’s a so-called <a href="https://en.wikipedia.org/wiki/Heat_map">heatmap</a>. If there are more commits, it’s getting hotter. The latest <a href="http://nbviewer.jupyter.org/github/home-assistant/home-assistant-notebooks/blob/master/DataExploration-2/DataExploration-2.ipynb">notebook</a> is capable to do the same thing for your devices. To be more precise, for the hours your devices are home.</p>
22+
23+
<p class="img">
24+
<img src="https://home-assistant.io/images/blog/2016-08-data-exploration/heatmap.png" />
25+
Heatmap
26+
</p>
27+
28+
]]></content>
29+
</entry>
30+
1631
<entry>
1732
<title type="html"><![CDATA[We Have Apps Now]]></title>
1833
<link href="https://home-assistant.io/blog/2016/08/16/we-have-apps-now/"/>
@@ -1713,36 +1728,6 @@ target_dir /tmp
17131728
</div>
17141729
</div>
17151730

1716-
]]></content>
1717-
</entry>
1718-
1719-
<entry>
1720-
<title type="html"><![CDATA[Why we use web components and Polymer]]></title>
1721-
<link href="https://home-assistant.io/blog/2016/05/18/why-we-use-polymer/"/>
1722-
<updated>2016-05-18T00:09:00+00:00</updated>
1723-
<id>https://home-assistant.io/blog/2016/05/18/why-we-use-polymer</id>
1724-
<content type="html"><![CDATA[<p>I’ve been planning to write this post for a while now as we get questions like this a lot: <em>“Why does Home Assistant use Polymer? Why not React, Redux and what not?”</em></p>
1725-
1726-
<p>It’s understandable, Polymer is quite the underdog in the world of web frameworks. A corporate backer does not guarantee popularity or an active community and this shows in the number of projects using Polymer.</p>
1727-
1728-
<p>Still, <a href="https://home-assistant.io/demo">we use Polymer and it’s awesome</a>. To explain why, I’ll be referencing the React workflow quite a bit, as they do a lot of things right, and show how it is done in Polymer.</p>
1729-
1730-
<p>Polymer gives us components for the web, just like React, but based on web standards: <a href="https://www.w3.org/standards/techs/components#w3c_all">web components</a>, <a href="https://www.w3.org/TR/css-variables/">CSS variables</a>. These standards don’t have wide browser support yet but it’s being implemented by every major browser: It’s the future. For now they are being polyfilled and that works just fine but in the future the Home Assistant web app will be able to run native in the browsers == fast.</p>
1731-
1732-
<!--more-->
1733-
1734-
<p>Polymer does not have the nice developer experience that one can have with React and the <a href="https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en">React Dev Tools</a> but that’s a matter of time. The developer tools in every browser have seen a lot of improvements recently and each improvement helps support for web components.</p>
1735-
1736-
<p>Another major benefit of Polymer for Home Assistant is that we get <a href="https://elements.polymer-project.org/browse?package=paper-elements">material design for free</a>. The material design components that come with Polymer have a very high quality. Google is using these components themselves and make sure that performance and accessibility using screen readers/keyboards are great. As an open source project, the more we can outsource, the better - so our contributors can focus on the core product: home automation.</p>
1737-
1738-
<p>What about Flux, data management and interaction between components? It’s actually pretty similar to React or any other component based framework. Flux-like architectures work with Polymer just like with React: whenever data changes it will update the attributes of a component which will propagate to the children. For Home Assistant we use <a href="https://optimizely.github.io/nuclear-js/">NuclearJS</a> with our <a href="http://paulusschoutsen.nl/blog/2015/07/using-polymer-with-flux-and-a-global-app-state/">own Polymer bindings</a>. For data moving from child to parent the Polymer pattern is using DOM events instead of callbacks but the end result is the same. It is so similar in fact, that it took me only two hours to make a <a href="https://github.com/balloob/home-assistant-react-native-ios">React Native frontend for on top of our core</a>.</p>
1739-
1740-
<p>So what about Babel and ES2015? Also this is covered. Each web component exists of a HTML template and a JavaScript class to back it. Think of the HTML template as the render method in React. In Home Assistant we have the HTML templates import one another and have a separate chain for the JavaScript classes backing each component. This allows us to use Babel and NPM modules for the JavaScript part (<a href="https://github.com/home-assistant/home-assistant-polymer#building-the-app">more info here</a>). This does however come with the downside of other JS based frameworks: the browser blocks any painting while the JavaScript is being parsed instead of upgrading the website incrementally. This, however, is something we take for granted right now and hope that module bundlers will be able to solve this for us eventually. Tree shaking is a very promising improvement in this space.</p>
1741-
1742-
<p>Most of this blog post has been comparing Polymer to React. In many ways Polymer is similar to React but it is not as far evolved yet. I like React but I do not see it as a technology that will be around forever. Given the trend of previous popular JS frameworks, React will probably get replaced by another framework that works even better. Web components however will be here forever as they are part of the HTML standard. And this gives us peace of mind at the virtual Home Assistant headquarters: we do not have to be afraid of having to rewrite our frontend just to stay relevant or because people don’t want to include another dependency just to run this legacy piece.</p>
1743-
1744-
<p>So there it is, the reason why we use Polymer.</p>
1745-
17461731
]]></content>
17471732
</entry>
17481733

‎blog/2014/12/18/website-launched/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -170,31 +170,31 @@ <h1 class="title delta">Recent Posts</h1>
170170

171171

172172
<li class="post">
173-
<a href="/blog/2016/08/16/we-have-apps-now/">We Have Apps Now</a>
173+
<a href="/blog/2016/08/19/github-style-calendar-heatmap-of-device-data/">Github-style calendar heatmap of device data</a>
174174
</li>
175175

176176

177177

178178
<li class="post">
179-
<a href="/blog/2016/08/13/foursquare-fast-com-ffmpeg-gpsd/">0.26: Foursquare, Fast.com, FFMPEG and GPSD</a>
179+
<a href="/blog/2016/08/16/we-have-apps-now/">We Have Apps Now</a>
180180
</li>
181181

182182

183183

184184
<li class="post">
185-
<a href="/blog/2016/08/07/optimizing-the-home-assistant-mobile-web-app/">Optimizing the Home Assistant mobile web app</a>
185+
<a href="/blog/2016/08/13/foursquare-fast-com-ffmpeg-gpsd/">0.26: Foursquare, Fast.com, FFMPEG and GPSD</a>
186186
</li>
187187

188188

189189

190190
<li class="post">
191-
<a href="/blog/2016/08/03/laundry-automation-update/">Laundry Sensors with NodeMCU and Home Assistant</a>
191+
<a href="/blog/2016/08/07/optimizing-the-home-assistant-mobile-web-app/">Optimizing the Home Assistant mobile web app</a>
192192
</li>
193193

194194

195195

196196
<li class="post">
197-
<a href="/blog/2016/07/30/custom-frontend-panels-jupyter-notebooks-directv/">0.25: Custom frontend panels, Jupyter notebooks, DirecTV.</a>
197+
<a href="/blog/2016/08/03/laundry-automation-update/">Laundry Sensors with NodeMCU and Home Assistant</a>
198198
</li>
199199

200200

‎blog/2014/12/26/home-control-home-automation-and-the-smart-home/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -225,31 +225,31 @@ <h1 class="title delta">Recent Posts</h1>
225225

226226

227227
<li class="post">
228-
<a href="/blog/2016/08/16/we-have-apps-now/">We Have Apps Now</a>
228+
<a href="/blog/2016/08/19/github-style-calendar-heatmap-of-device-data/">Github-style calendar heatmap of device data</a>
229229
</li>
230230

231231

232232

233233
<li class="post">
234-
<a href="/blog/2016/08/13/foursquare-fast-com-ffmpeg-gpsd/">0.26: Foursquare, Fast.com, FFMPEG and GPSD</a>
234+
<a href="/blog/2016/08/16/we-have-apps-now/">We Have Apps Now</a>
235235
</li>
236236

237237

238238

239239
<li class="post">
240-
<a href="/blog/2016/08/07/optimizing-the-home-assistant-mobile-web-app/">Optimizing the Home Assistant mobile web app</a>
240+
<a href="/blog/2016/08/13/foursquare-fast-com-ffmpeg-gpsd/">0.26: Foursquare, Fast.com, FFMPEG and GPSD</a>
241241
</li>
242242

243243

244244

245245
<li class="post">
246-
<a href="/blog/2016/08/03/laundry-automation-update/">Laundry Sensors with NodeMCU and Home Assistant</a>
246+
<a href="/blog/2016/08/07/optimizing-the-home-assistant-mobile-web-app/">Optimizing the Home Assistant mobile web app</a>
247247
</li>
248248

249249

250250

251251
<li class="post">
252-
<a href="/blog/2016/07/30/custom-frontend-panels-jupyter-notebooks-directv/">0.25: Custom frontend panels, Jupyter notebooks, DirecTV.</a>
252+
<a href="/blog/2016/08/03/laundry-automation-update/">Laundry Sensors with NodeMCU and Home Assistant</a>
253253
</li>
254254

255255

‎blog/2015/01/04/hey-pushbullet-nice-talking-to-you/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -209,31 +209,31 @@ <h1 class="title delta">Recent Posts</h1>
209209

210210

211211
<li class="post">
212-
<a href="/blog/2016/08/16/we-have-apps-now/">We Have Apps Now</a>
212+
<a href="/blog/2016/08/19/github-style-calendar-heatmap-of-device-data/">Github-style calendar heatmap of device data</a>
213213
</li>
214214

215215

216216

217217
<li class="post">
218-
<a href="/blog/2016/08/13/foursquare-fast-com-ffmpeg-gpsd/">0.26: Foursquare, Fast.com, FFMPEG and GPSD</a>
218+
<a href="/blog/2016/08/16/we-have-apps-now/">We Have Apps Now</a>
219219
</li>
220220

221221

222222

223223
<li class="post">
224-
<a href="/blog/2016/08/07/optimizing-the-home-assistant-mobile-web-app/">Optimizing the Home Assistant mobile web app</a>
224+
<a href="/blog/2016/08/13/foursquare-fast-com-ffmpeg-gpsd/">0.26: Foursquare, Fast.com, FFMPEG and GPSD</a>
225225
</li>
226226

227227

228228

229229
<li class="post">
230-
<a href="/blog/2016/08/03/laundry-automation-update/">Laundry Sensors with NodeMCU and Home Assistant</a>
230+
<a href="/blog/2016/08/07/optimizing-the-home-assistant-mobile-web-app/">Optimizing the Home Assistant mobile web app</a>
231231
</li>
232232

233233

234234

235235
<li class="post">
236-
<a href="/blog/2016/07/30/custom-frontend-panels-jupyter-notebooks-directv/">0.25: Custom frontend panels, Jupyter notebooks, DirecTV.</a>
236+
<a href="/blog/2016/08/03/laundry-automation-update/">Laundry Sensors with NodeMCU and Home Assistant</a>
237237
</li>
238238

239239

‎blog/2015/01/11/bootstrapping-your-setup-with-discovery/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -184,31 +184,31 @@ <h1 class="title delta">Recent Posts</h1>
184184

185185

186186
<li class="post">
187-
<a href="/blog/2016/08/16/we-have-apps-now/">We Have Apps Now</a>
187+
<a href="/blog/2016/08/19/github-style-calendar-heatmap-of-device-data/">Github-style calendar heatmap of device data</a>
188188
</li>
189189

190190

191191

192192
<li class="post">
193-
<a href="/blog/2016/08/13/foursquare-fast-com-ffmpeg-gpsd/">0.26: Foursquare, Fast.com, FFMPEG and GPSD</a>
193+
<a href="/blog/2016/08/16/we-have-apps-now/">We Have Apps Now</a>
194194
</li>
195195

196196

197197

198198
<li class="post">
199-
<a href="/blog/2016/08/07/optimizing-the-home-assistant-mobile-web-app/">Optimizing the Home Assistant mobile web app</a>
199+
<a href="/blog/2016/08/13/foursquare-fast-com-ffmpeg-gpsd/">0.26: Foursquare, Fast.com, FFMPEG and GPSD</a>
200200
</li>
201201

202202

203203

204204
<li class="post">
205-
<a href="/blog/2016/08/03/laundry-automation-update/">Laundry Sensors with NodeMCU and Home Assistant</a>
205+
<a href="/blog/2016/08/07/optimizing-the-home-assistant-mobile-web-app/">Optimizing the Home Assistant mobile web app</a>
206206
</li>
207207

208208

209209

210210
<li class="post">
211-
<a href="/blog/2016/07/30/custom-frontend-panels-jupyter-notebooks-directv/">0.25: Custom frontend panels, Jupyter notebooks, DirecTV.</a>
211+
<a href="/blog/2016/08/03/laundry-automation-update/">Laundry Sensors with NodeMCU and Home Assistant</a>
212212
</li>
213213

214214

‎blog/2015/01/13/nest-in-da-house/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -187,31 +187,31 @@ <h1 class="title delta">Recent Posts</h1>
187187

188188

189189
<li class="post">
190-
<a href="/blog/2016/08/16/we-have-apps-now/">We Have Apps Now</a>
190+
<a href="/blog/2016/08/19/github-style-calendar-heatmap-of-device-data/">Github-style calendar heatmap of device data</a>
191191
</li>
192192

193193

194194

195195
<li class="post">
196-
<a href="/blog/2016/08/13/foursquare-fast-com-ffmpeg-gpsd/">0.26: Foursquare, Fast.com, FFMPEG and GPSD</a>
196+
<a href="/blog/2016/08/16/we-have-apps-now/">We Have Apps Now</a>
197197
</li>
198198

199199

200200

201201
<li class="post">
202-
<a href="/blog/2016/08/07/optimizing-the-home-assistant-mobile-web-app/">Optimizing the Home Assistant mobile web app</a>
202+
<a href="/blog/2016/08/13/foursquare-fast-com-ffmpeg-gpsd/">0.26: Foursquare, Fast.com, FFMPEG and GPSD</a>
203203
</li>
204204

205205

206206

207207
<li class="post">
208-
<a href="/blog/2016/08/03/laundry-automation-update/">Laundry Sensors with NodeMCU and Home Assistant</a>
208+
<a href="/blog/2016/08/07/optimizing-the-home-assistant-mobile-web-app/">Optimizing the Home Assistant mobile web app</a>
209209
</li>
210210

211211

212212

213213
<li class="post">
214-
<a href="/blog/2016/07/30/custom-frontend-panels-jupyter-notebooks-directv/">0.25: Custom frontend panels, Jupyter notebooks, DirecTV.</a>
214+
<a href="/blog/2016/08/03/laundry-automation-update/">Laundry Sensors with NodeMCU and Home Assistant</a>
215215
</li>
216216

217217

‎blog/2015/01/24/release-notes/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -193,31 +193,31 @@ <h1 class="title delta">Recent Posts</h1>
193193

194194

195195
<li class="post">
196-
<a href="/blog/2016/08/16/we-have-apps-now/">We Have Apps Now</a>
196+
<a href="/blog/2016/08/19/github-style-calendar-heatmap-of-device-data/">Github-style calendar heatmap of device data</a>
197197
</li>
198198

199199

200200

201201
<li class="post">
202-
<a href="/blog/2016/08/13/foursquare-fast-com-ffmpeg-gpsd/">0.26: Foursquare, Fast.com, FFMPEG and GPSD</a>
202+
<a href="/blog/2016/08/16/we-have-apps-now/">We Have Apps Now</a>
203203
</li>
204204

205205

206206

207207
<li class="post">
208-
<a href="/blog/2016/08/07/optimizing-the-home-assistant-mobile-web-app/">Optimizing the Home Assistant mobile web app</a>
208+
<a href="/blog/2016/08/13/foursquare-fast-com-ffmpeg-gpsd/">0.26: Foursquare, Fast.com, FFMPEG and GPSD</a>
209209
</li>
210210

211211

212212

213213
<li class="post">
214-
<a href="/blog/2016/08/03/laundry-automation-update/">Laundry Sensors with NodeMCU and Home Assistant</a>
214+
<a href="/blog/2016/08/07/optimizing-the-home-assistant-mobile-web-app/">Optimizing the Home Assistant mobile web app</a>
215215
</li>
216216

217217

218218

219219
<li class="post">
220-
<a href="/blog/2016/07/30/custom-frontend-panels-jupyter-notebooks-directv/">0.25: Custom frontend panels, Jupyter notebooks, DirecTV.</a>
220+
<a href="/blog/2016/08/03/laundry-automation-update/">Laundry Sensors with NodeMCU and Home Assistant</a>
221221
</li>
222222

223223

‎blog/2015/02/08/looking-at-the-past/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -201,31 +201,31 @@ <h1 class="title delta">Recent Posts</h1>
201201

202202

203203
<li class="post">
204-
<a href="/blog/2016/08/16/we-have-apps-now/">We Have Apps Now</a>
204+
<a href="/blog/2016/08/19/github-style-calendar-heatmap-of-device-data/">Github-style calendar heatmap of device data</a>
205205
</li>
206206

207207

208208

209209
<li class="post">
210-
<a href="/blog/2016/08/13/foursquare-fast-com-ffmpeg-gpsd/">0.26: Foursquare, Fast.com, FFMPEG and GPSD</a>
210+
<a href="/blog/2016/08/16/we-have-apps-now/">We Have Apps Now</a>
211211
</li>
212212

213213

214214

215215
<li class="post">
216-
<a href="/blog/2016/08/07/optimizing-the-home-assistant-mobile-web-app/">Optimizing the Home Assistant mobile web app</a>
216+
<a href="/blog/2016/08/13/foursquare-fast-com-ffmpeg-gpsd/">0.26: Foursquare, Fast.com, FFMPEG and GPSD</a>
217217
</li>
218218

219219

220220

221221
<li class="post">
222-
<a href="/blog/2016/08/03/laundry-automation-update/">Laundry Sensors with NodeMCU and Home Assistant</a>
222+
<a href="/blog/2016/08/07/optimizing-the-home-assistant-mobile-web-app/">Optimizing the Home Assistant mobile web app</a>
223223
</li>
224224

225225

226226

227227
<li class="post">
228-
<a href="/blog/2016/07/30/custom-frontend-panels-jupyter-notebooks-directv/">0.25: Custom frontend panels, Jupyter notebooks, DirecTV.</a>
228+
<a href="/blog/2016/08/03/laundry-automation-update/">Laundry Sensors with NodeMCU and Home Assistant</a>
229229
</li>
230230

231231

‎blog/2015/02/24/streaming-updates/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -186,31 +186,31 @@ <h1 class="title delta">Recent Posts</h1>
186186

187187

188188
<li class="post">
189-
<a href="/blog/2016/08/16/we-have-apps-now/">We Have Apps Now</a>
189+
<a href="/blog/2016/08/19/github-style-calendar-heatmap-of-device-data/">Github-style calendar heatmap of device data</a>
190190
</li>
191191

192192

193193

194194
<li class="post">
195-
<a href="/blog/2016/08/13/foursquare-fast-com-ffmpeg-gpsd/">0.26: Foursquare, Fast.com, FFMPEG and GPSD</a>
195+
<a href="/blog/2016/08/16/we-have-apps-now/">We Have Apps Now</a>
196196
</li>
197197

198198

199199

200200
<li class="post">
201-
<a href="/blog/2016/08/07/optimizing-the-home-assistant-mobile-web-app/">Optimizing the Home Assistant mobile web app</a>
201+
<a href="/blog/2016/08/13/foursquare-fast-com-ffmpeg-gpsd/">0.26: Foursquare, Fast.com, FFMPEG and GPSD</a>
202202
</li>
203203

204204

205205

206206
<li class="post">
207-
<a href="/blog/2016/08/03/laundry-automation-update/">Laundry Sensors with NodeMCU and Home Assistant</a>
207+
<a href="/blog/2016/08/07/optimizing-the-home-assistant-mobile-web-app/">Optimizing the Home Assistant mobile web app</a>
208208
</li>
209209

210210

211211

212212
<li class="post">
213-
<a href="/blog/2016/07/30/custom-frontend-panels-jupyter-notebooks-directv/">0.25: Custom frontend panels, Jupyter notebooks, DirecTV.</a>
213+
<a href="/blog/2016/08/03/laundry-automation-update/">Laundry Sensors with NodeMCU and Home Assistant</a>
214214
</li>
215215

216216

0 commit comments

Comments
 (0)