Taking a look at Media.net to join as a publisher for my websites. I was unfortunately not accepted so not quite as easy to join as some of the advertising networks like Yllix or Adsterra. In the video I give an overview of joining the site.
Taking a look at Yllix an advertising platform. Yllix seems to accept any site and you can place all types of ads on your site including popads and banner ads. I gave it a try for a few of my websites and done a series of videos exploring the cpm rates and the type of ads that were being displayed. Different ad formats on Yllix Reviewing Yllix part 2 Reviewing Yllix part 3 Reviewing Yllix part 4 Adding push notifications from Yllix How to add push notifications to a blogspot
Using the free screen recorder screencast-o-matic. A first use of it and then another video on how to locate it on your computer as I had difficulties finding it.
How to make gradient images with CSS. This series of videos I show how you can make different types of gradient images including retro and radial. Basic understanding of HTML and CSS required, Angular Gradients with CSS Striped Gradients using CSS Checkered Gradient using CSS Retro Gradient using CSS Burst Gradient using CSS
How to make a full screen background image on your website. This method you can cover the entire screen with one image of your choice as a background. Basic understanding of HTML required. Watch the video tutorial for a full understanding.
How to uninstall things on your computer. I wanted to uninstall things on my computer to make more space so decided to make this video to refer back to as I quite often want to uninstall things on my computer.
How to put a video into your website from youtube. All you need to have is a basic understanding of HTML. Watch the video to see how you can take the embed code and paste it into your own website. Next video shows how you could place a youtube video into your wordpress site The following video shows how you can place a youtube video onto your own blogspot as I have done myself here
Making a simple search button with HTML and styling with CSS. Simple HTML placeholder and then some simple CSS to center it and add a margin. Video gives the basics on how to create a very basic search button which you can then style how you would like.
How to complete the meta tags on your website. Showing the 5 most important meta tags that should be used in a website. The charset, viewport, description, keywords and author. Watch the video for a full tutorial.
How to remove fonts from Gimp or even photoshop. Watch the first video to see a tutorial on how to remove fonts from GIMP 2.10. To remove any unwanted brushes from GIMP 2.10 watch the next video
How to change the sizes of the selected brushes on GIMP 2.10 and to move the angles of the brushes to the desired angle. Watch the video for a full tutorial.
How to install brushes onto GIMP 2.10. This video gives a full tutorial on how you can install any brushes onto your GIMP editor by placing them in the correct files on your computer.
How to select brushes on the image editor GIMP 2.10\ Showing the icons to select if you are struggling to find it. Watch the video to see a full tutorial on it.
The first video shows a way you could filter a massive list of 100,000 emails for duplicates. The following videos show the same method but with larger volumes of email. Over 270,000 emails Over 580,000 emails A million emails
How to reduce fie size on images with RIOT by GIMP. Riot is a standalone editor by GIMP or can be used as an addon to GIMP 2.10. A good editor for reducing file size while at the same time comparing image quality in another window. Take a look at the video for a tutorial on how to use the editor.
How to remove a background from an image using the online editor remove.bg. Remove background from a body or face. It takes a couple of minutes and works quite well. Body or face can then be layered onto another image. Remove.bg
How to code anywhere online with the editor codeanywhere. Taking a look at this free online editor in the video. Also able to upload and download files so could be handy for sharing and working with others.
Using the Screentogif editor to make some GIF images. GIF or Graphic Interchange Format which creates a short animation sequence with several images that you upload. The first video shows my first attempt in using the editor for my website also a tutorial in how you can use the editor to make your own GIF. The next videos show more tutorials using the editor. Make a GIF from a Video Recorder Make a GIF from a Movie Trailer Compilation of GIFs I made Save a GIF from Screentogif editor
Creating a wave underline effect with HTML and CSS. Using standard CSS rules like font and colour to create the text. For the wave underline I am using the CSS animation rule with keyframes. Watch the video for the full video tutorial for the effect.
A review of the free security suite back in January 2019. The free version is very good and has done me very well since which has now been for almost three years. The video show the capabilities of the free version.
Since I started recording videos for youtube I have had many problems with recording volume. This video explores how you can raise recording volume on your computer for your screen recording. Also how could you zoom in on a free screen recorder. Many of the free screen recorders might not have this capability so how could you do this if like me you wanted to show some finer detail like some code to the viewer. This next video shows how you could do this with your computer even if your free screen recorder does not have a zoom in function.
How to backup your website files on your hosting site from Cpanel. I am currently using uk2.net but maybe the same with other hosting sites using the Cpanel.
How to send a HTML email newsletter with GMAIL. This way is completely free you just need a basic understanding of HTML. It is a little bit tricky but watch the video for the full tutorial.
Taking a look at Emailmonster. Pretty good template maker for email designs. Emailmonster is an online editor which is free to use. The following videos explore more about Emailmonster Make a celebration email newsletter with Emailmonster Make a company email newsletter with Emailmonster A look at the HTML of an Emailmonster Template Insert video on an Emailmonster template Add links and social icon to a emailmonster template
How to set up a Paypal button on your website to accept credit card payments. For this you will need a Paypal account which is free to join and a basic understanding of HTM. The video will give a full walkthrough on the technique.
How to layer images using GIMP 2.10. To layer image you need to use the scale layer tool and the move tool. Watch the video tutorial for a full walkthrough on how to do this technique.
In this first video I am showing how you can use the free snipping tool on your computer to take any image you want online. The next video I am showing how you could blend by using it with paint 3d.
To reduce file size on your website you could use linked image from another url. In the video I am demonstrating by using the website Unsplash. In the HTML I am using a href that links directly to the image on the websites file page. Therefore you do not need to upload the image on your website and take up any further file size. This can also be done with other sites. A good way of doing this would be to create your own image library with wordpress. Wordpress has a free version that is good enough for this method. Upload all the images you want for your website and then you can link them up. The net video will show you how to do this.
In previous blogs I have shown how to upload a PDF onto Google drive or any similar type of cloud hosting system. I have also shown how you could password protect a pdf. In this video I demonstrate how you could sell a secured file using Google drive and Paypal. This way of selling will be completely free you just need a Paypal account.
How to password protect or secure a pdf for free. In my last blog I show how you can upload a pdf on to Google drive or something similar like dropbox or any cloud hosting systrm. Microsoft now has onedrive which will be able to work as well. I am using PDF mate which is a PDF merger.
Taking a first look at Journoportfolio and I was having trouble adding from my blogspot. I have joined the free version and taking a look at this blogging CMS. The video demonstrates how to add an article using their block system damianfallon.journoportfolio.com Setting up on Journoportfolio Add extra pages on Journoportfolio damianfallon32
Been asked a few times how you could convert a word document to PDF free and then upload onto google drive or dropbox or maybe even onedrive. The video demonstrates how you would be able to do that.
How to make a percentage calculator using Javascript. In the video example I am using a html table format but this can be styled exactly how you want and obviously any background picture you would like. The javascript for the function is as follows.
How to make an opening and closing navigation bar button for website mobile view by applying some media queries, CSS and some simple Javascript. The new navigation bar will appear if the screen has a certain screen resolution. This can be determined through the CSS media queries rule. If the Screen is less than the media query that is placed in the HTML then the CSS styles will be applied to the navigation bar giving it a different appearance. For a better understanding of media queries watch the second video. The mobile navigation bar is now a block version which can be opened or closed through some simple Javascript.
The video shows how you can build a website layout using the CSS grid fractional units. This type of layout will be perfectly responsive across all devices as it is based on fractional dimensions.
Showing how you could preview a website template in the browser for mobile or tablet view. A quick and simple way of being able to preview how your template might look in different devices. Not all web editors have a preview for all different devices and you might want to have a quick look at your template for mobile view. I tend to use Microsoft Expression web or just notepad so how exactly could you look at the template you are working on for a mobile view. The video demonstrates a nice quick way of doing just that.
How to hide an image on mobile view using the media queries rule. A nice simple way of showing certain things and hiding them on other devices when the width and height are much smaller and they would not be suited. The video explains how the media queries rule can be applied through CSS and attached to certain elements.
Making a very simple logo design with the online editor called Desygner at Desygner,com. Using and showing the main functionalities of the online editor. The editor is completely free and you can download all your designs.The video shows an overview of the free section of the online editor. Desygner
I have already done videos on how you can set up paypal buttons and sell digital products on your own website by using HTML code from paypal that will link up your product on Google Drive but what if you would like to sell directly from a site such as facebook or twitter or wordpress or any site that you can think of. Well the concept is the same you can get a link from paypal instead of a HTML code. This link can be placed on almost any site. In the video I am using Youtube as an example. Be aware it will not work on every single site. Shopify will not allow it I had tried many times and many people had asked me to explain how to set it up on shopify but they simply will not allow it. Quite simple to set up on Youtube and probably most sites where you can leave the link.
A look at the source code from a webflow template. This was taken from a free download template that they used to have called Pixely. It was the only template that you could export. The template was a simple landing page. It contained the index HTML page and a CSS framework style sheet and a javascript sheet. It is worth checking out if you like Webflow and are interested in how the templates are made.
Last couple of weeks I have been messing around with a portfolio website and I have completed a landing page which I created using a bootstrap framework. I was going to do a video tutorial today on how to host a site with a free domain name using Infinityfree and Freenom but where I have already completed it I cannot show the details of applying the nameservers and other intricacies so I will do that when I want to host another site and do the video as I am doing it. Instead I thought I would show the videos that I have done which can give an idea on how to use freenom and Infinityfree. First getting a free domain name. The best site I found was Freenom but if like me you are having problems with the availability of domain names the next video might help. Freenom Domain not available - Fix I am not able at the moment to show how to join and set up Infinityfree but the next video is able to demonstrate how to upload all your files to Infinityfree which is fairly straig...
The video demonstrates how you could create a search filter for your website. I was making a website at the time where I wanted a user to be able to search for certain videos so needed to create a search button and filter that would filter videos to the users specific search queries. I could not find any code online to do this or any tutorial on youtube so decided to create my own code using Jquery. The Jquery code is linked to all the videos as they will all be linked with an id rule. The videos are nested within a list including the descriptive text so when a user starts to type what they are looking for the search filter will begin filtering the videos due to the text that matches the query. The Jquery has an id rule of mylist so it will be linked to a HTML list in the HTML body section. The videos are nested within an unordered list rule as you can see in the video. The next video shows the same principle again but with images instead of videos.
How to make downloadable files from your website. Whatever it is you would like people to be able to download from your website this video will show you how to do this with some simple HTML5. I had used the download tag myself for a website for downloading templates. The templates were uploaded into the root folder but could also probably work from another source maybe google drive, onedrive or another site such as wordpress. The download tag can be attached to any button styled exactly how you want. Watch the video to see exactly how it is done. Files do have to be zipped however for the download to happen. The download tag is placed between an anchor tag so works the same way an anchor tag.
How to make a full page opening and closing menu icon with Javascript made with javascript, CSS and HTML. This will work on all devices from hamburger icon to full page nav bar. The nav bar and icon are styled with CSS. I am using a w3 schools framework but style it how you want linked to a CSS sheet. Clicking on the icon will create a function from some inner HTML. This will be initiated by an onclick rule. onclick="w3.open()". this inner HTML will link to different CSS rules for the full nav bar which will be 100% width instead of just an icon. This function is created by some javascript. The getElement is getting the link with the inner HTML.
A completely free way of selling digital downloads online. Whatever it is you are interested in selling. Templates, ebooks, music or any type of files that you want to sell. Google drive is open source so all files can be uploaded onto it. The links can be stored in paypal which is also free to open and paypal buttons can be created and placed anywhere you like with the HTML code. Watch the first video to see exactly how it is done. This demonstrates how the html code can be placed onto your own website and you can begin selling your own digital products but what if you just wanted a link and sell digital products on another site like facebook or youtube. The next video will demonstrate how you could sell digital downloads from another site using youtube as an example
A very basic carousel slideshow using HTML and Javascript. The video shows how you can create the most basic slideshow. Has not been styled very much and can be added to heavily with CSS, This shows the javscript used. This could be placed in the HTML but usually at the bottom of the page. The slides will be linked to HTML div section named slides and the carousel is the speed of the change. 4000 indicating 4 seconds. This can be changed easily.
Showing how to make a parallax scrolling effect using CSS and HTML. For this effect we are basically fixing an image so the next part of the website will then scroll over the image. The CSS background properties are used for this. In this template I am using background-attachment which will be fixed. Background-position which is centered. Background repeat which is no repeat and Background-size which is cover. This will cover the entire width on any device and will not repeat itself. Another effect I have used for Parallax scrolling is to add gradients and opacity with extra CSS. The video demonstrates how you can add an extra element to the parallax scrolling effect. A gradient with a layer of opacity. For this effect I have used the background: linear-gradient CSS rule. To create it you need a combination of two colours so that it will transition from one colour to the next. This can either be a hex code or a rgba colour code. The two colour combinations are the colors that will be ...