News47ell

August 14, 2017 at 8:06 pm

How to Create a 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.

July 20, 2017 at 7:39 pm

Turn Atom into the Best Markdown Editor for macOS

by Ahmad Al Maaz

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 macOS.

June 28, 2017 at 11:14 amJune 28, 2017 at 11:14 am

Keyy Two Factor Authentication: The Full Review

by Ahmad Al Maaz

I still remember the excitement that I felt when I found out about Clef, the no-longer-available two factor authentication app that helped me get rid of the password that I use to login to News47ell’s admin dashboard. It was magical, but sadly, the excitement didn’t last for too long. Clef shut down and the team moved to join Twilio to work on Authy.

I was left with the same old, boring login method for my site.

Today, I get to be excited again thanks to the great people over at UpdraftPlus because they released their promised app they claim is going to be the heir of Clef.

Keyy two factor authentication, a brand new WordPress plugin, iOS & Android app by the developers of the popular WordPress backup plugin UpdraftPlus, is going to bring back the good old days of not having to enter that hard to remember password¹every time I want to login to my admin dashboard.

Let’s dive right into my Keyy two factor authentication Review

May 25, 2017 at 8:51 pm

UpdraftPlus Working on a Clef Alternative Called Keyy

by Ahmad Al Maaz

The people over at UpdraftPlus have been hard at work making a Clef alternative. For those of you who don’t know what Clef is, it was one of the best, coolest and most innovative two-factor authentication apps that I have ever seen in my life.

With its blue signature bar-code, Clef managed to become the favorite two-factor authentication app amongst many people in the WordPress community because of the following reasons:

Easy to pair your WordPress site with your Clef account using your phone’s camera.
Easy to log in using your camera by scanning their uniquely designed barcode.
Ability to hide login form, disable passwords and make Clef the only way to log in.
Set up timed sessions.
Sign out of your WordPress site from the app.

Now that it’s gone, people are looking for an alternative. There’s one company out there that dared to make a Clef alternative and that company is called UpdraftPlus.

So let’s take a look, who are they? What do they do? And how are they going to make a Clef alternative that is worth using?

April 3, 2017 at 9:11 pm

ZIGZAG a New Underline Text Decoration by the Bell Brothers

by Ahmad Al Maaz

I can’t believe I found another wiggly underline decoration. This time it features a different design and a different file format, but a similar way of implementation.

Let’s see how the Bell Brothers achieved the wiggly underline text decoration in Jen Lu. They are calling it ZIGZAG.

February 22, 2017 at 8:01 pmAugust 9, 2017 at 8:01 pm

Refind Discovery Tool. No 140 Characters Needed!

by Ahmad Al Maaz

There’s a new site with a rapidly growing community called Refind that caught my attention quickly. It’s become a site that I visit all the time even without entering its domain name in my address bar.

February 16, 2017 at 8:57 pmApril 4, 2017 at 8:57 pm

How to Add Konami Code to WordPress Site Using JavaScript

by Ahmad Al Maaz

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.

January 18, 2017 at 8:28 pmFebruary 9, 2017 at 8:28 pm

How The Outline Use SVG & CSS Instead of Text Decoration Underline

by Ahmad Al Maaz

Use SVG CSS Instead Text Decoration Underline

After leaving The Verge which he co-founded with few other great people, and after being personally fired by Michael Rubens Bloomberg, founder & CEO of Bloomberg L.P., Joshua Topolsky recently launched a new website called The Outline. A new kind of publication as they say with a very noticeable twist in the design department like nothing you’ve ever seen before.

If you visit The Outline (and you really should) you will notice right away how daring their design is. Different typefaces, colors, and layout for each and every article. Heck, there’s articles with multiple typefaces for each of their titles, like this one.

January 2, 2017 at 11:36 pmAugust 4, 2017 at 11:36 pm

How to Host Google Fonts Locally in WordPress

by Ahmad Al Maaz

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