Category Archives: Web

What makes a good portfolio website?

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?

Include a processing file (.pde) in a webpage

To show your processing creation in a webpage (or WordPress post or page*) you can use this example code: &ltscript src=”https://home.et.utwente.nl/slootenvanf/div/processing.min.js”&gt&lt/script&gt &ltcanvas data-processing-sources=”/slootenvanf/div/processing-example.pde”&gt&lt/canvas&gt * in WordPress, simply switch to text-mode to enter HTML-code in a post or page. Please take note of the following: If in Processing you have multiple files, you must combine them … Continue reading Include a processing file (.pde) in a webpage

Design a portfolio site…?

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…?

Learn technical info from a site/page

Some things you could say about the technics of a page: Choose View > Source in your browser (or press CTRL+U) and try to figure out what tool is used to create the page (eg. WordPress, Dreamweaver, Muse) eg. this will tell it is made with WordPress: <meta name=”generator” content=”WordPress 4.3.1″ /> If WordPress is … Continue reading Learn technical info from a site/page

Famous paintings of dutch landscapes

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://unpkg.com/isotope-layout@3.0/dist/isotope.pkgd.min.js”></script> <!– … Continue reading Famous paintings of dutch landscapes

Turn standard WordPress Gallery into an isotope Gallery

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 creating a standard WordPress Gallery: when editing a Page (or Post), press the Add Media icon, choose ‘Create Gallery’, pick your images, press … Continue reading Turn standard WordPress Gallery into an isotope Gallery

Learn HTML in 15 minutes: a post with an embedded YouTube video

Learn HTML in 15 minutes: a post with an embedded YouTube video:

When we “Add New Post” in WordPress, we copy the Embed-code from YouTube to insert the video into the Post:

First: get the Embed code:
PostVid
Then, insert it into the Post:
PostVid_insert_code

Solution for failed FTP connection in WordPress

This page has a solution: http://www.hongkiat.com/blog/update-wordpress-without-ftp/ You have to edit the wp-config.php file, and add this line to it: define(‘FS_METHOD’,’direct’); Also, do not forget to make the folders for themes and plugins writable with FileZilla (as you can learn also from the WorPress install guide). It is still possible that you get the FTP-login problem … Continue reading Solution for failed FTP connection in WordPress

WordPress: Use a webfont in a theme

You can use an online font, for example from Google Webfonts in your theme. The easiest way to add an online font to your theme is to edit the style.css file (eg. via Appearance > Editor in the Dashboard) and paste the fonts import-code that you got in the @import tab at Google Webfonts, like … Continue reading WordPress: Use a webfont in a theme