How to Set DNS Automatically Using OpenVPN

How to Set DNS Automatically Using OpenVPN

The idea for this article started after hearing TWiT Security Now podcast, episode Quad Nine where Steve Gibson and Leo Laporte talk about what they described as a ‘very appealing and speedy new alternative DNS service, called Quad9.’

I wanted my DNS on all my devices to be set automatically without me having to re-configure it every time I join a new network.

As we all know, in iOS, you need to change your DNS records for each and every network. On Android, you need to change your IP settings first to static then write the IP manually. After that, you’d enter your preferred DNS for each and every network.

Well, shit. This is way too much work for something that should be quite easy and simple and more importantly, automatic. As in, set it and forget it.

If you use a VPN, as you should, then keep reading to learn How to Set DNS Automatically Using OpenVPN

Read moreHow to Set DNS Automatically Using OpenVPN

How to Enable Automatic Update for WordPress

Enable Automatic Update for WordPress

One way to keep your WordPress site secure is to keep it and everything in it up to date. Meaning that you have to update the core software which is WordPress and the theme you are using. In my case, it’s GeneratePress. One last thing to update are the plugins you are using and in my case… that’s…well…. that’s a long list for another time.

Instead of checking your WordPress update section all the time anticipating a new update, there’s a way to enable automatic update for WordPress. You just set it once and forget it.

Today, I will tell you How to Enable Automatic Update for WordPress.

Read moreHow to Enable Automatic Update for WordPress

How to Protect WordPress Login Page

Protect WordPress Login Page

Being the number one1 CMS in the world, websites running WordPress are a great target for hackers who want to take control of other people’s websites. Hackers will ask for a ransom, sell personal information that belongs to the site’s owner/s and it’s users, distribute malware, send spam or simply, to eliminate competitors.

One very popular way of getting administrative access to a WordPress site is by attacking the login page.

Thy name is wp-login.php.

We all know it and you should know that everyone knows it. Hackers will use it since it’s the gateway to your site and you should do your best to Protect your WordPress Login Page.

Using a technique called Brute Force Attack, hackers take advantage of a few weak points that come with every WordPress installation. You should harden those weak points as soon as possible to keep intruders outside and your site safe and protected.

In this tutorial, you will learn How to Protect WordPress Login Page from Brute Force Attack

Read moreHow to Protect WordPress Login Page

How to Remove Border-Radius from Twitter

Remove Border-Radius from Twitter

Over at Twitter headquarters in San Francisco back in June 2017, Grace Kim, the VP of Design + Research @ Twitter published a blog post letting people know how Twitter is moving to a more round shaped design for Twitter profile images, Buttons, and the Tweet box, etc…

Not a lot of people are happy about this new design let me tell you.

I am personally not a big fan of the rounded design either. As you can see from the designs of News47ell, I enjoy a design with no radius, for example, Pinboard & Instapaper.

Read moreHow to Remove Border-Radius from Twitter

How to View the Source Code of a Google Chrome Extension

View Source Code Google Chrome Extension

While writing my previous article about How to Create a Google Chrome Extension, I wanted to make my example easy, so people could learn from it. A Google Chrome extension that isn’t complex, but it has a little bit of everything. So I picked the Extension That’s Pretty Good1

If you’ve ever downloaded a .CRX file locally on your browser and then attempted to open it via a text-editor like Atom by Github, you would notice that you can only see gibberish.

Read moreHow to View the Source Code of a Google Chrome Extension

How to Create a Google Chrome Extension

Create Google Chrome Extension

After I learned how to create site specific WordPress plugin, I created many plugins for my site with functions ranging from changing the logo to a custom SVG logo, adding a randomized tagline, to hosting Google fonts locally and much more.

Now, I thought it was the right time to learn how to create something else for a platform that I use daily and that platform is my browser, Google Chrome.

Today, I will teach you how to create Google Chrome extension.

I’m sure everyone reading this article with Google Chrome has at least one extension installed. It’s no secret that extensions are useful to users who want to block ads, enhance Reddit browsing experience, manage Google Chrome extensions in quickly, analyze a website’s security header or check what fonts sites are using.

With a library that contains 50,870 extensions, there’s something for everyone. And today, it’s your turn to learn the basics of creating a Google Chrome extension.

Read moreHow to Create a Google Chrome Extension

Turn Atom into the Best Markdown Editor for Mac

Best Markdown Editor Mac

I’ve been writing in Markdown since the day I learned about it back in, only God knows when. Since then, my main writing tool on my macOS was Sublime Text but for the last month or so, things have changed. I moved to Atom by Github and today, I am going to tell you how to turn Atom into the Best Markdown Editor for macOS.

If you’ve been reading my recent articles, I mentioned in two of them Sublime Text as an example app to use for code editing. From now on, this will change, instead, I will recommend Atom by Github because it’s free, open source and you can customize it any way you want through packages and themes.

For those of you who use Editorial app on iOS for writing like I do, these Atom packages that I mention below should make the experience really similar.

Let’s Take a Look at How to Turn Atom into the Best Markdown Editor for Mac.

Read moreTurn Atom into the Best Markdown Editor for Mac

How to Add Konami Code to WordPress Site Using JavaScript

Add Konami Code to WordPress Site

The title of this article is a big giveaway to people who know what the Konami code is, so I guess I should make this intro as short as possible so we can quickly dive in and learn how to add Konami Code to WordPress Site using JavaScript.

Read moreHow to Add Konami Code to WordPress Site Using JavaScript

How to Host Google Fonts Locally in WordPress

How to Host Google Fonts Locally

One issue I encountered while trying to achieve a high score in GTmetrix was in regards to Google fonts and how I injected them into my site directly using Google fonts CDN. The only way to solve it was to learn How to Host Google Fonts Locally.

Most people are familiar with Google fonts. For those who don’t, here’s how I describe it:

It’s a big, free and awesome library of fonts which you can use as your heart desire. It’s managed by Google and served from the domains fonts.gstatic.com fonts.googleapis.com

Read moreHow to Host Google Fonts Locally in WordPress

How to Create Site Specific WordPress Plugin

Site Specific WordPress Plugin

I‘ve been silently doing a lot of minor and medium size changes to News47ell since the redesign. With those changes, I had to find a way to keep my code as organized as possible so that I can understand it when I go back to it later along the road. Because I use WordPress, I decided to convert all my code into Site Specific WordPress Plugin.

Each plugin does a specific thing on the site and it includes a PHP file, JS file & CSS file. They are all served from my server over at Lightning Base so I can reduce the number of HTTP requests required to render the page.

Read moreHow to Create Site Specific WordPress Plugin