Category Archives: Web

Termination of portfolio website service

Latest update: 05-06-2024 The portfolio website service will be terminated per July 1 2024. This impacts these sites: Student sites hosted there are associated with the study programmes Industrial Design Engineering, Creative Technology and ATLAS. If you have an active website you might want to take steps to transfer it to a different hosting provider. … Continue reading Termination of portfolio website service

Uploaded website on Github pages

Deploying a website to Github pages

This tutorial will explain how to deploy a basic, html-based site (consisting of static pages) to Github pages. This tutorial assumes you already have some basic knowledge of how to create webpages and coding in HTML, CSS. If not, do this tutorial first. For this tutorial this template based on the W3.CSS framework from w3schools … Continue reading Deploying a website to Github pages

How to create an App mockup with Figma – a tutorial

A new tutorial is available which introduces steps to create an App mockup using Figma. Figma is an online prototyping tool which can be used to design Apps and websites. This tutorial introduces the basics of prototyping an app with Figma. It quickly ‘touches’ all necessary steps without going into too much detail.  You can … Continue reading How to create an App mockup with Figma – a tutorial

Create a gallery with a custom lightbox

Since the addition of the blocks editor in WordPress, you can add a Lightbox to a gallery. However, the information in this article is still relevant if you would like to add you own Lightbox. Learn to create a gallery with a lightbox which allows you to click the image and view it in an … Continue reading Create a gallery with a custom lightbox

Restyle any website – the Twitter case

Update: there is an easier solution: use a browser extension. Twitter recently changed the interface of its website completely. I did not like it really and decided to do something about it. I installed the Chrome extension “User-CSS” which can ‘inject’ any CSS code for a site. I changed the columns widths to make more … Continue reading Restyle any website – the Twitter case

Show location of photo in Google maps

Today I created a coding example which demonstrates how to read Exif data from an uploaded photo and extract the GPS location from that and show the location of where the photo was taken using Google Maps. To accomplish this, I combined two pens from CodePen into this example: “Google Maps Latitude & Longitude by … Continue reading Show location of photo in Google maps

Uploaded website on Github pages

Design guidelines for Web Development

This is a a collection of links and thoughts about web design which tries to give some guidelines. It is in no way meant to be complete. First, consider web page layout Which part of the web page is visible? (scroll?) What viewport size(s)? Try aiming at least: Small (under 600px), Medium (600px – 900px) … Continue reading Design guidelines for Web Development