Video tutorials for webdesigners and developers

Modal pop-up tutorial

Learn how to create modal windows for read-more-links, UI messages or any HTML content. In this tutorial you can learn how to use native HTML5, JavaScript and CSS to create your own fully responsive and flexible modals

Duration: 20 min.
instructor: Niels Harbo
Published: Feb-19-2017
Language: English
Demo & source file download

CSS image slider tutorial

Make a responsive slideshow with just plain HTML/CSS (no JavaScript / jQuery required). In this tutorial you will learn how to use CSS keyframe animations to create your own simple and responsive image slider on your web page.

Duration: 20 min.
Instructor: Niels Harbo
Publish date: Feb-11-2016
Language: English
Demo & source file download

Learn to create responsive websites

Video tutorial in two parts

In these videos you will learn to make your own responsive layouts without using any frameworks. If you follow this aproach you will be surprised how easy you can develop fluid responsive layouts perfect for viewing on all devices from mobiles to desktop PCs.

Part 1 - The main block elements, clear-fix, the viewport meta tag and media queries
Duration: 20 min.
Instructor: Niels Harbo
Publish date: May-02-2015
Language: English
Part 2 - Toggle menu button, relative EM (rem) and more.
Duration: 13 min.
Instructor: Niels Harbo
Publish date: May-08-2015
Language: English
Demo & source file download

Admin page with WYSIWYG

Video tutorial in two parts

Learn to code an administrator back-end, or CMS control panel for a website, with just a few lines of PHP code, and how to embed a JavaScript WYSYWIG, with image upload. In this video I will teach you how to use the PHP function file_put_contents to store the data from the WYSIWYG in a file on your server.

Part 1 - PHP file_put_contents, and TinyMCE install
Duration: 20 min.
Instructor: Niels Harbo
Publish date: May-02-2016
Language: English
Also available in Danish
Part 2 - Image upload with jbimages
Duration: 13 min.
Instructor: Niels Harbo
Publish date: May-08-2015
Language: English
Also available in Danish
Demo & source file download

A word from my sponsors

All resources and tutorials on this site are free

Please consider a donation to help me publish more free content

paypal