http://tech.saigonist.com/taxonomy/term/137/all en http://tech.saigonist.com/b/code/web-viewports-mobile-responsive-websites <span class="submitted-by">May 16, 2016</span><div class="field_tags"><span class="label label-info"><a href="/tags/mobile">mobile</a></span> <span class="label label-info"><a href="/tags/web">web</a></span> <span class="label label-info"><a href="/tags/responsive">responsive</a></span> <span class="label label-info"><a href="/tags/css">css</a></span> </div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>What is a viewport? You may have seen the meta-tag named "viewport" on newer mobile-friendly websites. The mobile (iOS) version of Safari introduced the "viewport meta tag" and "scale" on the viewport for mobile (scale optionally being one of the special values <code>minimum-scale</code>, <code>maximum-scale</code>, and <code>user-scalable</code>).</p> <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /&gt; </code></pre> <p>A viewport is like a logical window. You are on one side of the window looking through to the...</p></div></div></div> Mon, 16 May 2016 00:39:00 +0000 tomo 90 at http://tech.saigonist.com http://tech.saigonist.com/b/code/embed-youtube-video-player-and-control-it-javascript <span class="submitted-by">May 14, 2016</span><div class="field_tags"><span class="label label-info"><a href="/tags/youtube">youtube</a></span> <span class="label label-info"><a href="/tags/javascript">javascript</a></span> <span class="label label-info"><a href="/tags/mobile">mobile</a></span> <span class="label label-info"><a href="/tags/safari">safari</a></span> </div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>YouTube has long made it easy to share and embed videos into websites by giving you the HTML code to just copy and paste wherever you like. Over the years, different technologies have been used to play videos on the web, from Flash <code>object</code> elements to pure HTML5. YouTube's newest API for adding videos to web pages takes care of the technology, automatically choosing the best delivery method on a user by user basis.</p> <p>YT did have something called the "YouTube JavaScript Player API" but this is out of date so don't use it. Instead use the new...</p></div></div></div> Fri, 13 May 2016 21:32:09 +0000 tomo 89 at http://tech.saigonist.com http://tech.saigonist.com/b/code/how-detect-swipe-touch-event-mobile-browsers-javascript <span class="submitted-by">May 14, 2016</span><div class="field_tags"><span class="label label-info"><a href="/tags/javascript">javascript</a></span> <span class="label label-info"><a href="/tags/mobile">mobile</a></span> <span class="label label-info"><a href="/tags/swipe">swipe</a></span> </div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>Browsers have supported various mouse-based events like clicks, down to the detection of when the mouse button is down and when it's released. You can know the coordinates of the mouse cursor, all in JavaScript. Mobile interfaces have brought some new gestures beyond what desktops provided. One big set of such UI events is from the smartphone's screen allowing touch and even multi-touch. Multitouch allows more types of UI events.</p> <p>Many mobile apps support swiping, not just as a way to move a visible object around thescreen but applied for the whole screen. Tinder uses left swipe and...</p></div></div></div> Fri, 13 May 2016 17:19:00 +0000 tomo 88 at http://tech.saigonist.com