What is the best method of re-rendering a web page on orientation change?

Assuming your CSS is already happily rendering on your various size mobile device screens, you need to define the viewport in the <head> of your template. Example, this sets the page width to be the device’s screen width and an initial zoom of 100%. Initial zoom is applied at page load, but not when the … Read more

Is fastclick js still needed?

This article explains in detail why and when you need fastclick.js: https://developers.google.com/web/updates/2013/12/300ms-tap-delay-gone-away TL;DR As of Chrome 32 (back in 2014) this delay is gone for mobile-optimised sites, without removing pinch-zooming! Firefox and IE/Edge did the same shortly afterwards, and in March 2016 a similar fix landed in iOS 9.3. As long as your <head> includes: … Read more

window.innerWidth in Chrome’s device mode

window.innerWidth and innerHeight return the dimensions of the visual viewport. In desktop browsers, this is generally the browser’s window dimensions. On mobile the situation is a bit more complicated because of pinch zoom. When you load a page without a <meta name=”viewport”> tag, a default layout width is used (e.g. Chrome uses 980px). When the … Read more

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)