UpdraftPlus Working on a Clef Alternative Called Keyy

3 minutes to read
UpdraftPlus Working on a Clef Alternative Called Keyy
UpdraftPlus released their Clef Alternative: Keyy. You can read my full review here.

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:

  1. Easy to pair your WordPress site with your Clef account using your phone’s camera.
  2. Easy to log in using your camera by scanning their uniquely designed barcode.
  3. Ability to hide login form, disable passwords and make Clef the only way to log in.
  4. Set up timed sessions.
  5. 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?

Read more

ZIGZAG a New Underline Text Decoration by the Bell Brothers

3 minutes to read
ZIGZAG a New Underline Text Decoration by the Bell Brothers

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.

Read more

Introducing Weekly47ell Newsletter and a Brand New Homepage Design

2 minutes to read
Introducing Weekly47ell Newsletter and a Brand New Homepage Design

I’m bringing you a new article and a new design for News47ell, featuring a right sidebar and a black 1px border around pretty much everything. I’m also launching Weekly47ell newsletter, my first ever newsletter, which will be once a week (duh) Thursday at 21:00 and will contain the latest articles published here.

Read more

Refind Discovery Tool. No 140 Characters Needed!

2 minutes to read
Refind Discovery Tool. No 140 Characters Needed!

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.

Read more

How to Add Konami Code to WordPress Site Using JavaScript

4 minutes to read
How to Add Konami Code to WordPress Site Using JavaScript

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 more

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

5 minutes to read
How The Outline Use SVG & CSS Instead of 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 are articles with multiple typefaces for each of their titles, like this one.

Read more

How to Host Google Fonts Locally in WordPress

4 minutes to read
How to Host Google Fonts Locally in WordPress

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 more

How to Create Site Specific WordPress Plugin

2 minutes to read
How to Create 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 more

CNN Introduce Their New Typeface CNN Sans

2 minutes to read
CNN Introduce Their New Typeface CNN Sans

As always, I was browsing some sites, scrolling up and down on them. Suddenly, I decided visit CNN, not for the news, but to see the site’s footer because I don’t remember seeing what it looked like for a while.

So I did, and I’m glad I did because I noticed that their footer said this:

© 2016 Cable News Network. Turner Broadcasting System, Inc. All Rights Reserved.

CNN Sans ™ & © 2016 Cable News Network.

Apparently, on April 21st, CNN rolled out their proprietary, “brand new” typeface called CNN Sans.

Read more

How to Implement Prism Syntax Highlighter into WordPress

3 minutes to read
How to Implement Prism Syntax Highlighter into WordPress

If you want to display code blocks on your WordPress site in a beautiful and unique way then you arrived at the right place because in this tutorial I will teach you how to implement Prism syntax highlighter into WordPress.

As a regular CSS-Tricks reader, I’ve always wondered how Chris display code blocks in his site in this unique way. A bit of research and I discovered that he uses PrismJS.

Read more

3 of 21