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
A standard gallery in WordPress does not have a lightbox. It just adds a set of thumbnail images to the page. Learn to create a gallery with a lightbox which allows you to click the image and view it in an overlay. It also adds navigation (a next and previous arrow to quickly go through … Continue reading Create a gallery with a 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
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
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…?
Just because it is beautiful. Based on a standard WordPress gallery inside a regular Blog-post, in which we inserted the Isotope gallery together with the Strip-lightbox. Checkout this page if you want to learn how to do this. The complete piece of code included in this post is: <!– load isotope: –> <script src=”https://email@example.com/dist/isotope.pkgd.min.js”></script> <!– … Continue reading Famous paintings of dutch landscapes
Update: 30/09/2019 Isotope is a nice jQuery plugin to build galleries with. With just a little coding you can turn a standard WordPress gallery into a nice responsive isotope-gallery. No WordPress-plugins needed. Start by adding a Gallery: when editing a Page (or Post), add a Gallery block, pick your images, press the button ‘Create a … Continue reading Turn a standard WordPress Gallery into an isotope Gallery