Responding to Force Touch Events? It’s easy!

With the release of the brand new MacBook and the updated version of MacBook Pro Retina (2015) Apple introduced the all new Force Touch trackpad. Essentially it extends the way in which you interact with your MacBook by allowing the system to respond differently to a touch event. This depends on the pressure being allied to the trackpad. So, is it possible to implement that behaviour within your web page or a web app? Turns out it is, but there are certain limits.

Read more

Changing the browser tab title – reminder

In this article I’ll show you how to grab your user’s attention by changing the title text in the browser tab.
Since typical titles are a dime-a-dozen, this useful little trick will make your tab stand out from the crowd.

Read more

Meet Gulp: A Streaming JavaScript Task Runner

In this post I’ll talk about Gulp in context of frontend website development. I’ll explain what Gulp is, how to install it and finally give a real world usage example.

Gulp is used from the terminal and here I am using it from Cygwin terminal on Windows but you should be able to follow this tutorial on your machine by using standard console in Windows, Linux or Mac or anywhere else where Node.js is available.

The right way to change element style on an event

In this blog post we’ll demonstrate how to correctly change elements style with JavaScript depending on which event we’re listening. As an example we can take the effect of moving the background image inversely in relation to the mouse position, i.e. we’ll listen the mousemove event and by using CSS3 transform we’ll change the element position.