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
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
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
Last update: 03-07-2025 This is a discussion and collection of links about web design which tries to give some guidelines. It is in no way meant to be complete. A responsive layout in website design means that the website automatically adjusts its layout, images, and content based on the screen size and device being used … Continue reading Design guidelines for Web Development
Blynk is an app with which you can control any piece of electronics you have build, eg. a circuit build with an Arduino. To get started with Blynk, you can follow the getting started guide: www.blynk.cc/getting-started then continue at step 5 of docs.blynk.cc (under getting started) to add a first Widget. The first example (BlynkBlink) builds … Continue reading Getting started with Blynk
On Tuesday December 19th I will give a workshop on Mobile App Development. The slides of my presentation can be found below. The workshop introduces basic concepts of app development, highlights required (programming) skills and introduces common ways apps are build: through hybrid frameworks or native. It also briefly mentions other ways a prototype (of an … Continue reading Mobile App Development, an introduction
A checklist to find out if your portfolio website meets minimum requirements. This is a summary of recommendations given in the lessons of Web Technology. 1. The entire site should have a clear identity which is visible on all pages. A clear identity can be a name or an alias and/or a logo. 2. The … Continue reading What makes a good portfolio website?
To show your processing creation in a webpage (or WordPress post or page*) you can use the example code below. * in WordPress, add a Custom HTML block (or switch to HTML-mode) to enter HTML-code in a post or page. Please take note of the following: Including scripts like this only works online (hosted on … Continue reading Include a processing file (.pde) in a webpage
As part of assignment #2 of Web Technology, students have to give an update on their progress regarding the design activities for the site, including a first design-sketch. Constrains The main purpose of the site is a showcase portfolio The site has to contain a Blog (section) The site should provide some basic information about … Continue reading Design a portfolio site…?
The calendar signup site ‘datumprikker’ (= dutch for pick-a-date) can be used to create sign-up lists for groups also. Start by entering a title for your list and press Create event: Next, enter a description, add your name and e-mail address (if you intend to use this site more often, it might be a good … Continue reading Group sign-up lists with ‘datumprikker’