Monthly Archives: October 2018

How To Read Files With JavaScript And FileReader

Analysing files in PHP is easy. But what if you want to access the content of a file without the overhead of sending it to a server first (e.g. for displaying a thumbnail before uploading an image)? JavaScript provides a neat little API to achieve just that. It's called FileReader. Let's find out what

By |2018-10-29T20:09:37+01:00October 29th, 2018|0 Comments

How To Build A Live Chat With WebSockets

WebSockets are a fascinating technology, a TCP-based network protocol that allows for asynchronous bi-directional communication. The client starts a connection, sends a request and gets a response - just like HTTP. But much unlike HTTP this connection is kept alive! This has many advantages, like Faster responses (no re-establishing connections) Less trafic (no overhead

By |2018-10-17T08:02:32+02:00October 17th, 2018|0 Comments

How To Take A Screenshot With JavaScript

Wouldn't it be great if you could allow users to create screenshots of your website?! Apart from being a fun exercise this feature could come in handy when you're providing some kind of visual editor. After users customized their individual product, you could show them an image of what they created on checkout.

By |2018-10-09T09:05:10+02:00October 9th, 2018|0 Comments

Hello Progressive Web App | Debugging

This is the last post of the series "Hello Progressive Web App". Table of Contents Introduction Manifest Service Worker Caching Strategies Debugging Last but not least I want to share with you some tricks and places you need to know when debugging your Progressive Web App. First and foremost I recommend using the

By |2018-10-08T09:48:26+02:00October 5th, 2018|0 Comments

Hello Progressive Web App | Caching Strategies

This is the last part of the series "Hello Progressive Web App". Table of Contents Introduction Manifest Service Worker Caching Strategies Debugging There are a bunch of caching strategies out there. Here are two of them that I found particularly useful: Cache Then Network Then Cache What this does is it

By |2018-10-08T09:50:16+02:00October 5th, 2018|0 Comments

Hello Progressive Web App | The Service Worker

This is part 3 of the series "Hello Progressive Web App". Table of Contents Introduction Manifest Service Worker Caching Strategies Debugging A service worker is a type of web worker. Its job is to intercept network requests, cache files, retrieve those files from cache and deliver push messages. A great introduction to this

By |2018-10-08T09:49:59+02:00October 5th, 2018|0 Comments

Hello Progressive Web App | The Manifest

This is part 2 of the series "Hello Progressive Web App". Table of Contents Introduction Manifest Service Worker Caching Strategies Debugging The manifest of a web app is a JSON file which provides information about that app. Here's an example of a basic manifest.json: Most of the attributes are self explanatory. The

By |2018-10-08T09:49:35+02:00October 5th, 2018|0 Comments

Hello Progressive Web App | Introduction

In this series I want to introduce you to a technology called "Progressive Web App". I will give you a general overview of what Progressive Web Apps are as well as detailed instructions on how to implement this. Table of Contents Introduction Manifest Service Worker Caching Strategies Debugging Introduction to PWAs

By |2018-10-08T09:48:58+02:00October 5th, 2018|0 Comments
Go to Top