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 more


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 more


CNN Introduce Their New Typeface CNN Sans

cnn_sans_featured_image

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

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


Chris Ziegler Was Leading a Double Life at the Verge and Apple

the_verge_logo

It’s not every day that I write something about another news site, but this time, it’s different and the news is shocking and strange at the same time.

Chris Ziegler aka @zpower one of the founding members of The Verge accepted a job at Apple without letting anyone know for the past two months according to a note from Nilay Patel, EIC of The Verge.

Read more


Simple Custom CSS JS Review: Custom CSS WordPress Plugin

Simple_Custom_CSS_and_JS_Banner

When I started learning how to re-design my site, what CSS is and all the cool things I can do with it, I needed a place where I can save the CSS code that I was writing.

WordPress themes already come with style.css file which you can add extra CSS to and change the old one, but when the theme receive an update, all the changes will be lost. You can use a child theme’s style.css file and do @import but you shouldn’t, and you need to avoid it.

What you need is a Custom CSS WordPress Plugin.

Jetpack have a Custom CSS module which comes with code revision, it’s simple and works well. And last but not least, there’s Tom Usborne’s Simple CSS Plugin that include CSS editor in the Customizer so you can live preview your changes and Metabox for page/post specific CSS.
But I wanted more, I was really thirsty for a plugin with more features.

So I put my backpack and started my journey trying to find the perfect plugin in the land of repo, a land so far away, with a population of 46,074 plugins.

After spending days in this land, trying plugin after another, I finally found the perfect one, it has the basic feature, a place for your Custom CSS code, and a ton of extra features that you never think you need until you see them and try them yourself.

Here’s my Simple Custom CSS and JS Review:

Read more


Encrypted email provider GhostMail shutting down

GhostMail_logo

In an email sent to its users, GhostMail, An encrypted email provider announced that it will shut down the service on 1st of September 2016.

The Switzerland-based company started in 2015, and offered both free 10 GB email and paid service for $59.
It included many features like:

  1. Self Destructing Email & Chat
  2. Two-Factor Login
  3. GhostBox Cloud Storage
  4. Swiss Data Citizenship

Read more


Introducing a brand new /news47ell

I‘ve been working on re-designing/optimizing this website for a while now, almost two months. During this time, I learned a lot about HTML, CSS, SVG, Adobe AI, Fonts, Chrome’s DevTools and many many other things that allowed me bring this new look to the site and improve its performance.

I had a lot of fun while trying to make the site as fast as possible, and I think I did a pretty damn good job considering these high scores I got in GTMetrix, Pingdom and WebPageTest.

I challenged myself to achieve the highest score possible, which at one point meant deleting a big chunk of the CSS codes that I wrote because honestly, things went out of control at one point.

I also went as far as inserting the site logo manually just so I can get rid of the ‘Serve scaled images’ in GTMetrix, all thanks to Tom Usborne, the developer behind the GeneratePress framework which is what the site is running on at the moment.

Let’s take a deeper look at what’s new in /news47ell

Read more



How to move WordPress media library to new host

I’ve recently talked about how I moved this site to Lightning Base. In the process of moving, I was worried about one thing only: How am I going to move WordPress media library to new host?

I’ve always been interested in trying the free migration offer from hosting companies but when I stop for a moment to think about the requirements, I quickly cancel the idea from my head because it involves giving my site credentials to a stranger so they can access my site.

One popular way to move WordPress media library to new host is by using the official WordPress Importer Plugin but it has a tiny issue for XML files with a lot of media files. It simply doesn’t work.
Taking a look at the reviews, you will see that many people get frustrated when they try to use the plugin to import their media files because when you try, the request gets timed out due to the amount of text that the server needs to go through, parse and process.

A lot of people suggest splitting the XML into multiple files, but even that didn’t work. I got duplicate media files and I had to start from the beginning.

I did a bit of research and came across a great WordPress plugin that does only one thing. It imports your media files.

Read more