add note 4 post

_posts/2015-03-22-galaxy-note-4.md

@@ -0,0 +1,62 @@
+---
+layout: post
+title: "Samsung Galaxy Note 4 review"
+created: Feb 2, 2015
+excerpt_separator: <!--more-->
+categories:
+- review
+tags: Samsung Android
+---
+<link rel="stylesheet" href="/sites/2015/03/note-4/twentytwenty.css" type="text/css" media="screen" />
+I initially had no intention of writing about this at all since I knew I wouldn't enough time to justify how it really was. However things had changed after few days tinkering with it drastically. I had Galaxy Note 4 for a bit over a week in total.
+
+[![top](/sites/2015/03/note-4/top-sm.jpg)](/sites/2015/03/note-4/top.jpg) [![bottom](/sites/2015/03/note-4/bottom-sm.jpg)](/sites/2015/03/note-4/bottom.jpg)
+<!--more-->
+[![left](/sites/2015/03/note-4/left-sm.jpg)](/sites/2015/03/note-4/left.jpg) [![right](/sites/2015/03/note-4/right-sm.jpg)](/sites/2015/03/note-4/right.jpg)
+
+## Impression
+
+<div id="container1"><img src="/sites/2015/03/note-4/four-dim.jpg" /><img src="/sites/2015/03/note-4/four-max.jpg" /></div>
+
+I used to love inking with my Windows tablet (pre-iPad era) but since iPad set a new trend for portability. No other manufacturer seemed to get Wacom (or N-Trig if mattered) pen working in a small package. Samsung, the only one, tried numbers of times with Note series. I was excited when it first launched, yet disappointed with the inking experience. I hadn't paid my attention to inking with Galaxy Note since then. Nonetheless, with unexpected arrival of Note 4, I had a chance to try one more time, this time around, Samsung apparently proved how far they came.
+
+> Writing was fun again.
+
+![Inking 1](/sites/2015/03/note-4/inking1.jpg)
+
+No inking lag with Note 4; although there was a little of pressure sensitivity, it didn't matter. The whole experience was awesome. I bet Samsung found their mojo. Screen size, pen, and performance were at optimal. Not a single complain. S Note turned into vector based which made things much easier to erase and scale. Lasso was there too. Although it didn't fly as high as OneNote. With this progress, I bet it was only the matter of time.
+
+
+![Inking 2](/sites/2015/03/note-4/inking2.jpg)
+
+For the rest of thing with Note 4, I didn't think anyone would argue that it belonged in one of the best phones out there.
+
+[![Front Camera](/sites/2015/03/note-4/front-cam-sm.jpg)](/sites/2015/03/note-4/front-cam.jpg) [![Back Camera](/sites/2015/03/note-4/cam-sm.jpg)](/sites/2015/03/note-4/cam.jpg)
+
+Things that Note 4 excelled besides its famous pen
+
+* pop-up app
+* 2-pane app
+* heart rate sensor & walking sensor thing -- S health looked like a well made app; looked much better and more informative than (Apple) Health or LG Health.
+* infrared sensor -- using as TV remote + Smart remote app which has current TV programs to pick. I would say they had done a good job, but app's UI could definitely be better. I imagined if I were in the US, this app should have had much more informative. Here in Thailand, this sorta information was limited.
+* camera -- this thing was quick; it felt much faster than my iPhone 6+ and got the same or better result
+* S Voice (Siri-like) was quite good eventually it kept listening to voice command even when screen was off without draining battery enough for me to notice the difference. It integrated with Google Search well.
+* Air Wakeup - aka Moto X Air gesture - basically you waved your hand over the phone. Then it showed you its lock screen which surely contained some notifications. It worked as advertised also. If both S Voice and Air Wakeup enabled, I didn't notice any significant difference as far as battery was concerned.
+
+## Drawback
+
+What if I could change anything I would do as following:
+
+[![Fingerprint sensor](/sites/2015/03/note-4/finger-sm.jpg)](/sites/2015/03/note-4/finger.jpg)
+
+* fingerprint sensor - the sensor was actually quite accurate but the placement wasn't comfortable to do a full finger swipe, instead of just holding for Apple Touch ID, in order to verify your identity.
+* usability; IMHO if this was at the back where heart rate sensor was, this fingerprint sensor could actually be a Touch ID alternative. So far it wasn't.
+* It was the time to ditch the physical touch buttons altogether. Never did I hate physical buttons, but with so narrow bottom edge/bezel made things complicated. Samsung needed to either ditch buttons or make bottom edge wider. Ditching button was a preferred path because it also solved accidental touch those buttons while playing games or holding in landscape mode as well since app developers could hide all buttons if needed. I reminded me of how I liked to use Nexus 7 in hand. Enough bezel to hold in any orientation.
+
+Indeed there were crappy design decisions. For instance, S Finder shortcut in notification pane while they should embedded this feature in the launcher. Flipboard embedded in the lancher with no option to disable or few useless Samsung apps. All goodies packed in Note4 did outweight its weakness by far.
+
+## Verdict
+
+Note 4 was at the same bar as iPhone 6 plus' for me. These two couldn't be compared directly since they both were like the king of their own land. You would not regret getting either one of them. It all came down to your own OS preference literally.
+
+<script src="/sites/libs/2020/jquery-2.1.3.min.js"></script><script src="/sites/libs/2020/jquery.event.move.js"></script><script src="/sites/libs/2020/jquery.twentytwenty.js"></script><script> $(window).load(function(){ $("#container1").twentytwenty();}); </script>

css/main.scss

@@ -98,6 +98,10 @@ li > a, li > a:hover, li > a:visited {
     line-height: 1.35;
 }
 
+.clearfix {
+    display: block;
+    min-height: 0.7em;
+}
 
 .pull-right {
     float: right;

index.html

@@ -10,8 +10,8 @@ layout: default
     <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }} • <small>{{ post.categories | array_to_sentence_string }} • <a href="{% if post.disqus_url %}{{ post.disqus_url | prepend: site.baseurl }}{% else %}{{ post.url | prepend: site.baseurl }}{% endif %}#disqus_thread">comments</a></small></span>
     <h2><a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h2>
     {{ post.excerpt }}
-    <div class="pull-right">
-      <a href="{{ post.url | prepend: site.baseurl }}">Continue reading ⟶</a>
+    <div class="clearfix">
+      <a href="{{ post.url | prepend: site.baseurl }}" class="pull-right">Continue reading ⟶</a>
     </div>
   </li>
   {% endfor %}

sites/2015/03/note-4/twentytwenty.css

@@ -0,0 +1,205 @@
+.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
+  content: " ";
+  display: block;
+  background: white;
+  position: absolute;
+  z-index: 30;
+  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
+  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
+  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }
+
+.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
+  width: 3px;
+  height: 9999px;
+  left: 50%;
+  margin-left: -1.5px; }
+
+.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
+  width: 9999px;
+  height: 3px;
+  top: 50%;
+  margin-top: -1.5px; }
+
+.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%; }
+
+.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
+  -webkit-transition-duration: 0.5s;
+  -moz-transition-duration: 0.5s;
+  transition-duration: 0.5s; }
+
+.twentytwenty-before-label, .twentytwenty-after-label {
+  -webkit-transition-property: opacity;
+  -moz-transition-property: opacity;
+  transition-property: opacity; }
+
+.twentytwenty-before-label:before, .twentytwenty-after-label:before {
+  color: white;
+  font-size: 13px;
+  letter-spacing: 0.1em; }
+
+.twentytwenty-before-label:before, .twentytwenty-after-label:before {
+  position: absolute;
+  background: rgba(255, 255, 255, 0.2);
+  line-height: 38px;
+  padding: 0 20px;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px; }
+
+.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
+  top: 50%;
+  margin-top: -19px; }
+
+.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
+  left: 50%;
+  margin-left: -45px;
+  text-align: center;
+  width: 90px; }
+
+.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
+  width: 0;
+  height: 0;
+  border: 6px inset transparent;
+  position: absolute; }
+
+.twentytwenty-left-arrow, .twentytwenty-right-arrow {
+  top: 50%;
+  margin-top: -6px; }
+
+.twentytwenty-up-arrow, .twentytwenty-down-arrow {
+  left: 50%;
+  margin-left: -6px; }
+
+.twentytwenty-container {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  z-index: 0;
+  overflow: hidden;
+  position: relative;
+  -webkit-user-select: none;
+  -moz-user-select: none; }
+  .twentytwenty-container img {
+    max-width: 100%;
+    position: absolute;
+    top: 0;
+    display: block; }
+  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
+    background: rgba(0, 0, 0, 0); }
+    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
+    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
+    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
+      opacity: 0; }
+  .twentytwenty-container * {
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box; }
+
+.twentytwenty-before-label {
+  opacity: 0; }
+  .twentytwenty-before-label:before {
+    content: "Dimmest Screen"; }
+
+.twentytwenty-after-label {
+  opacity: 0; }
+  .twentytwenty-after-label:before {
+    content: "Brightest Screen"; }
+
+.twentytwenty-horizontal .twentytwenty-before-label:before {
+  left: 10px; }
+
+.twentytwenty-horizontal .twentytwenty-after-label:before {
+  right: 10px; }
+
+.twentytwenty-vertical .twentytwenty-before-label:before {
+  top: 10px; }
+
+.twentytwenty-vertical .twentytwenty-after-label:before {
+  bottom: 10px; }
+
+.twentytwenty-overlay {
+  -webkit-transition-property: background;
+  -moz-transition-property: background;
+  transition-property: background;
+  background: rgba(0, 0, 0, 0);
+  z-index: 25; }
+  .twentytwenty-overlay:hover {
+    background: rgba(0, 0, 0, 0.5); }
+    .twentytwenty-overlay:hover .twentytwenty-after-label {
+      opacity: 1; }
+    .twentytwenty-overlay:hover .twentytwenty-before-label {
+      opacity: 1; }
+
+.twentytwenty-before {
+  z-index: 20; }
+
+.twentytwenty-after {
+  z-index: 10; }
+
+.twentytwenty-handle {
+  height: 38px;
+  width: 38px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin-left: -22px;
+  margin-top: -22px;
+  border: 3px solid white;
+  -webkit-border-radius: 1000px;
+  -moz-border-radius: 1000px;
+  border-radius: 1000px;
+  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
+  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
+  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
+  z-index: 40;
+  cursor: pointer; }
+
+.twentytwenty-horizontal .twentytwenty-handle:before {
+  bottom: 50%;
+  margin-bottom: 22px;
+  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
+  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
+  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
+.twentytwenty-horizontal .twentytwenty-handle:after {
+  top: 50%;
+  margin-top: 22px;
+  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
+  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
+  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
+
+.twentytwenty-vertical .twentytwenty-handle:before {
+  left: 50%;
+  margin-left: 22px;
+  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
+  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
+  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
+.twentytwenty-vertical .twentytwenty-handle:after {
+  right: 50%;
+  margin-right: 22px;
+  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
+  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
+  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
+
+.twentytwenty-left-arrow {
+  border-right: 6px solid white;
+  left: 50%;
+  margin-left: -17px; }
+
+.twentytwenty-right-arrow {
+  border-left: 6px solid white;
+  right: 50%;
+  margin-right: -17px; }
+
+.twentytwenty-up-arrow {
+  border-bottom: 6px solid white;
+  top: 50%;
+  margin-top: -17px; }
+
+.twentytwenty-down-arrow {
+  border-top: 6px solid white;
+  bottom: 50%;
+  margin-bottom: -17px; }