Window.event

"window.event is a proprietary Microsoft Internet Explorer property which is only available while a DOM event handler is being called. Its value is the Event object currently being handled."

read »

Mobile Safari sometimes does not trigger the click event

"This is a dynamic JavaScript application I am working on. I have many anchor elements that have a class. When that class is clicked, something should happen. This works fine in Firefox, Chrome, IE, but in some cases the click event is not triggered on mobile Safari (iPad and iPhone)."

read »

Use SSL with MAMP PRO 4

"Since I've updated to chrome 63, my sites in localhost are redirected to https, so I decided to use SSL with MAMP PRO but I can't make it work, chrome says Your connection is not private. As you've already highlighted, this issue started with a Chrome update which is forcing SSL on localhost *."

read »

Content Security Policy - An Introduction

"Content Security Policy is delivered via a HTTP response header, much like HSTS, and defines approved sources of content that the browser may load. It can be an effective countermeasure to Cross Site Scripting (XSS) attacks and is also widely supported and usually easily deployed."

read »

A new security header: Referrer Policy

"Regular readers will know how fond I am of the existing security headers so it's great to hear that we're getting another! Referrer Policy will allow a site to control the value of the referer header in links away from their pages."

read »

avn

"Now when you cd into a directory with a .node-version file, avn will automatically detect the change and use your installed version manager to switch to that version of node. What goes in your .node-version file? A semver version number corresponding to the version of Node.js that your project uses."

read »

cdnvm

"Append ?t=30 to start the playback at 30s, ?t=3:20 to start the playback at 3m 20s. Use snippets below to display a screenshot linking to this recording. Useful in places where scripts are not allowed (e.g. in a project's README file)."

read »

Autoplay Policy Changes

"Chrome's autoplay policies are about to change in 2018 and I'm here to tell you why and how this is going to affect video playback with sound. Spoiler alert: Users are going to love it!"

read »

URL Bar Resizing

"The resizing behavior of the URL bar is changing in Chrome on Android starting in version 56. Here's what you should know: Lengths defined in viewport units (i.e. vh) will not resize in response to the URL bar being shown or hidden."

read »

How to Install iOS Simulator and Android Emulator on Mac for testing and debugging your websites and webapps

"Mobile first! It became true in the end of 2016 when a mobile web-browsing eventually overtook a desktop one. This brings new challenges for web designers and engineers."

read »