Skip to main content

Posts

DAY 1: Become a Webmaster Tutorial - BUILD A WEBSITE IN 10 MINUTES and host it on Github for Free

  Greetings fellow webmasters and soon to become webmasters!   I released my first video in the Become a Webmaster series. With this video I am also updating the Become a Webmaster page with the tutorial for Day 1. Watch the Day 1 video on youtube here: https://youtu.be/kJYONpeeDj4   Read the detailed tutorial on Day 1 here: https://www.webmasterbits.com/p/become-webmaster.html Day 1 is the most important day in your journey of becoming a webmaster. Here's what I explain in the video and tutorial: How to gather content for your new website How to create a Protonmail account How to create a Github account How to create a repository for your new site How to create the index.html file How to add headings Read the tutorial and then watch the video to follow along.  
Recent posts

WEBSITE TEMPLATE: SLIDING DOORS - Use it as a website template for intros with animation and landing page forms

Greetings fellow webmasters!   Here is a new template for you to use freely on your web development projects. It's called Sliding Doors. This template uses just a little bit of Javascript for its awesome reveal animation effect. Check it out, it's really cool! Check it out here, live preview: https://sliding-doors.webmasterbits.com/ Download it on github, here's the link: https://github.com/webmasterbits/sliding-doors As always, you can check out all of our free website templates here: https://www.webmasterbits.com/p/templates.html Let us know what you think of this new template in the comments bellow. You are welcome to include links to projects you've used this template for.

WEBSITE TEMPLATE: Minimalist Portfolio - Display your finest work with this whitespace portfolio html website template

Greetings fellow webmasters!   Here is a new template for you to use freely on your web development projects. It's called Whitespace and as the name suggests it makes use of a lot of white space to give it a clean and fresh breathing look. Check it out here, live preview: https://whitespace.webmasterbits.com Download it on github, here's the link: https://github.com/webmasterbits/minimalist-porfolio As always, you can check out all of our free website templates here: https://www.webmasterbits.com/p/templates.html Let us know what you think of this new template in the comments bellow. You are welcome to include links to projects you've used this template for.

Linux: Crontab Tutorial with Examples

What is Crontab? Crontab (CRON TABle) is a Linux (Unix) program that manipulates the CRON daemon, making it easy for users to schedule task and run programs/commands at pre determined periods of time. Crontab can also be considered a file witch contains commands that will be run by the system as the user that owns the crontab file. What is the purpose of Crontab? Cron is designed to maintain a list of commands that the system needs to run at a given time interval. For example if you have a script that generates statistics and needs to be run every couple of hours or everyday cron can do it for you. Or for example if you have a script that sends a newsletter every month you can use cron to run the script that sends the newsletter every month or week. Crontab commands When your logged in to your server you can use program cron using the following commands: crontab -l Lists the current cron jobs crontab -e Edit your current crontab file and ad/remove/edit crontab tasks. crontab -r Remove

Linux: How to find the maximun Segment Size (MSS) and how is it related to MTU

To see the MSS and MTU values, get an utility called iperf. In Fedora, type 'yum install iperf' (logged on as root). After installing it, you can run it to check the network performance. This is an example output: [root@LinuxSrv psybnc]# iperf -m -c 192.168.0.100 connect failed: Connection refused write1 failed: Broken pipe write2 failed: Broken pipe ------------------------------------------------------------ Client connecting to 192.168.0.100, TCP port 5001 TCP window size: 16.0 KByte (default) ------------------------------------------------------------ [ 3] local 0.0.0.0 port 56715 connected with 192.168.0.100 port 5001 [ 3] 0.0- 0.0 sec 0.00 Bytes 0.00 bits/sec WARNING: Path MTU Discovery may not be enabled. [ 3] MSS size 524 bytes (MTU 576 bytes, minimum) The MTU and MSS are related depending on the packet state. In worst case when the headers are full (both IP and TCP maximum sized): MSS = MTU - 60 - 60 = MTU - 120   Best case is when MSS = MTU - 40 Read more on t

Basic Linux Shell Commands for Beginners

  When opening a shell, your will be logged in with your active account to your home directory (this is usually in /home/user_name). Note that every command has lots of options available. To see all the manual pages for the specific command, simply type " man <command> ". It is important to understand that under Linux operating systems, commands are case-sensitive. This means that "A" is different from "a". For example if you want to view more info about the mkdir command, type: man mkdir Basic File System Commands Browse the file system To go through the file system , use:  pwd Prints out on the screen the working directory (eg /etc/ssh) cd changes directory (eg cd .. - goes up one dir; cd etc - enters /etc dir) ls lists the content of the directory mkdir   creates a new directory (mkdir dir_name) touch   creates a new file (touch file_name) rmdir   removes a directory (rmdir dir_name) cp   copies a file/directory (cp source_file destinatio

SEO Report: User Experience Speed Influencers

  In the mist of another Google Search Engine Results Page update, webmasters have reported a particular phenomena that can potentially degrade the ranking of your websites following outside interference.  Its well known that the way Google ranks webpages is comprised of a multitude of factors, together forming an algorithm, which applied to websites, outputs that particulars site / page value in relation to the keyword / keyphrase being searched for. Fast loading site = Good User Experience Since 2010 , Google has publicly placed a lot of importance on a websites speed or how long a user has to wait before he is presented with the expected information. This is quite natural, as a fast loading site provides a better user experience as opposed to a slow loading one. Basically, user experience is a big factor now and all webmasters should take this into serious consideration. User Experience Speed Influencers When measuring a sites speed, or how fast it is loading for th

Secured Website Part 2 – Content Delivery Networks (CDN)

  As part of the Secured Website series, in part two, we'll get you introduced to Content Delivery Networks and why they are a great asset for your websites. The information in this article is valuable for both new and seasoned webmasters. If you are an experienced webmaster and know a thing or two about CDN’s, we advise you to keep reading as this article also contains updated information related to preventing a new type of SEO attacks. For part 1, see Secured Website - Content Security Policy Setup (CSP) . What is a Content Delivery Network (CDN) CDN or Content Delivery Network is a service that gives webmasters the option to host files outside of their main web server. Think of it as another server that helps your website load faster. In reality, the CDN is comprised of a network of servers, located all around the world. Say your site is hosted in the USA, when you get visitors from Europe or Asia, your site will obviously not load as fast for them as it would a

Secured Website Part 1 – Content Security Policy Setup (CSP)

  When securing a website, there are multiple steps and factors one must consider. One of these steps and the purpose of this article is setting up a Content Security Policy (CSP). CSP is a computer security standard with the purpose of preventing attackers from polluting a website with malicious resources. What CSP does is that it enables a webmaster to whitelist ( on the server side via .htaccess ) trusted resources that make part of the website he is controlling. In other words, CSP is like a website firewall which can be configured to only allow resources from specific hosts to be loaded into the website. For part 2, see Secured Website – Content Delivery Networks (CDN) . To setup a good Content Security Policy could prove challenging for a website that has many outside resources being used like: content delivery networks for javascript, embedded videos and outside hosted images. As seen in the CSP section of the perfect .htaccess setup article,

The Perfect .HTACCESS setup for passing Google Page Insight

  The contents of this .htaccess file have been carefully pieced together to provide answers for common enviromental setups for all websites hosted on servers that support .htaccess configurations. It will work well with the Google Page Insight tool . Here are the sections it addresses: CROSS-ORIGIN ERRORS INTERNET EXPLORER SECURITY This .htaccess configuration works with static sites and any dynamic ones as well, like WordPress. Append the contents of this file to your working .htaccess file if you are running a website hosted on an Apache websever. Websites hosted on different HTTP web servers Not all hosting companies use Apache as their HTTP serving server. Other popular software for running web servers are available. In case your website is hosted on one of the above HTTP servers and not .htaccess you need not worry, as there are options to convert the configuration of the .htaccess file for t

Sending HTML Emails the right way with Open Source Templates

  When sending HTML emails one always has to consider the different devices / clients the receiver is using to read the contents of the email. Be it a mobile device or web-mail client via a browser, the email needs to display correspondingly to your requirements and send your message across without unwanted modifications. To address this requirement we recommend using responsive HTML blueprint templates from known providers. These templates have been released and maintained open source by email delivery companies and provide versatile layouts that are responsive as well. We consider them a valuable asset and starting point when creating HTML emails. List of Open Source Email Templates Browsing through the examples below, one will find all popular layout options viable for most email types. Basically the bellow resources provide skeletons for inserting email contents like: text, images and links. Mailchimp Email Blueprints Mailgun HTML Email Templates Auto inline all CS

How to do research for a website

  Being a Webmaster is a lot of work and research is a big part of it. Like most professions, you need to stay on top of your game. Whether you're building a new website or taking one over, you will need a plan. And a solid plan requires research. If you haven't already, read What is a Webmaster first . Below we have compiled a list of areas of research that you as a Webmaster shoud be very familiar with and actively pursuing. Remember to write down everything you research and the results of your research.   Tools & Service Providers Research Having the right tools for the job is key. Knowing what to use and when will give you the confidence to move forward faster and get things done. As a Webmaster you'll always be asked: where do I register a domain? what's a reliable hosting company? what's your recommendation? Being able to provide knowledgeable advice is your most valuable asset. It's your most valuable asset because it's a source of passive income.