Brandon Himpfen

Code

Twitter Bootstrap Button using Sass and Font Awesome

In this tutorial I’m going to show you how-to create a Twitter button for the Bootstrap front-end framework using Sass and Font Awesome.

Learning Centre

Create a List of IP Addresses Attacking Your WordPress Login

These are the steps I use to create a list of IP addresses that are trying to login to my WordPress installations that did not have permission to do so. The following steps assumes that only you (or certain IP addresses) have access to your WordPress login, wp-login.php.

Learning Centre

How-to Center Align Bootstrap Nav Pills

In Twitter Bootstrap there are navigation (nav) pills and by default, it is left aligned. But, what if you wanted to center align the nav pills? We can wrap the navigation with a HTML div element and add a bit of CSS. This is what we’re going to achieve:

Learning Centre

Less Variables for Material Design's Colour Palette

Material Design is Google’s design language and comes with its own colour palette. The colour palette consists of 256 primary and accent colours. The problem? Making the colours usable in your designs.

Learning Centre

Stylus Variables for Material Design's Colour Palette

Material Design is Google’s design language and comes with its own colour palette. The colour palette consists of 256 primary and accent colours. The problem? Making the colours usable in your designs.

Learning Centre

How To Install Java on Ubuntu 12.04.3

The following will show you how-to install Java on Ubuntu. I’ll be using Ubuntu 12.04.3 x64 for this tutorial.

Learning Centre

Bootstrap Label Styled Tags in Ghost

In this tutorial I'm going to show you how-to create Bootstrap label styled tags in Ghost. This blog uses Bootstrap label styled tags. It looks like this: Firstly, go to the partials directory and open loop.hbs. Now look for tags helper, which should be the word tags in double

Learning Centre

Enable HTML5 Markup for the Genesis Framework

To enable HTML5 markup for the search form, comment form, comment list, galley and caption in the Genesis Framework, add the following to your theme’s functions.php files:

Learning Centre

Prevent Hotlinking using .htaccess

Hotlinking is where another website, let’s say XYZ.com, uses the asset(s) of another website, let’s say ABC.com, by using the direct link to that asset. This is known as hotlinking. The problem with this is that XYZ.com is stealing the bandwidth of ABC.com

Learning Centre

Add Google Code Prettify to Your Website

Add Google Code Prettify to your website, to allow syntax highlighting of source code snippets in any web page. Google Code prettify was developed to work on any HTML generated page and works even if code contains embedded links and line numbers. Furthermore, the JavaScript module is only 14 KB

Learning Centre

How-To Install and Use WPScan

WPScan is a black box WordPress vulnerability scanner. It’s a great tool that you can use to scan your WordPress installations or WordPress installations of your clients. WPScan requires Linux, Ruby version 1.9 or higher, RubyGems and Git.

Learning Centre

Create a Bootstrap Button

Twitter’s Bootstrap front-end framework comes with a variety of buttons in different colours: white, blue, green, light blue, orange and red. This is great, however it is missing a bunch of colours that you may want to use or the colours that Bootstrap comes with may not be the

Code

How-to Add Font Awesome To Your Website

Font Awesome is free, currently consists of 369 icons, there is no JavaScript, works nicely with Bootstrap and each icon can be customized easily through CSS.

Learning Centre

15 LinkedIn Mistakes to Avoid

On April 18, 2014, LinkedIn announced that it had passed over 300 million members. Thus, it’s important to avoid these mistakes in order to look professional and to succeed on LinkedIn: 1. Do not leave your profile incomplete. Fill out each section and complete LinkedIn recommendations; 2. Do not

Learning Centre

15 Twitter Mistakes to Avoid

In a previous post, I talked about 15 mistakes to avoid when it comes to LinkedIn. In this post, I’m going to carry on with that theme, mistakes to avoid in social media, with 15 mistakes to avoid on Twitter. 1. You don’t engage your followers; 2. Don’

Learning Centre

5 Common Website Redesign Mistakes

According to Netcraft’s February 2014 Survey, there are about 920,102,079 active websites. By active websites, I mean websites that return a 200 OK response. That’s a lot of websites. With the development of content management system software like WordPress and Drupal, managing websites is a breeze.

Learning Centre

Improve Website Page Speed

In the world we live in now, everything has to be done in an instant. So, what makes a website any different? Visitors don’t want to wait to see and use your website. Visitors don’t want to wait in a store to make a purchase. A world that

Learning Centre

How-to Style External Links with CSS

Styling a external link is a good way of telling your website’s visitor that the link they are about to visit does not belong to the website they are viewing, but instead belongs to another website. Many websites inform visitors that the link is external by placing an directional

Learning Centre

Essential WordPress Plugins

There are tens of thousands, if not over hundred thousand WordPress plugins, so it’s hard to know which plugins are the best and work well together. Therefore, I’ve collected the essential WordPress plugins and put them in a single download, so you don’t have to waste time

Learning Centre

Choosing the Best Web Host

Web hosting is one of the key ingredients in websites, right after choosing a domain name and DNS provider. Choosing the best web host cannot be overlooked as choosing the wrong web host can make your website slow, produce errors or even worse downtime. There is a lot to consider

Learning Centre

Choosing a Domain Name for Your Website

Picking a domain name is a necessary step for your website. Having a domain name allows you to identify your website using a keyword or a set of keywords. In addition, the domain extension further identifies your website by category or geographical presence. Without a domain name your website would

Learning Centre

9 Ways to Increase Online Sales by Creating Trust

More and more individuals and businesses are turning to the Internet to help increase sales. While many people have stated that they have bought online, many say they haven’t because of trust. Also, the people that do buy online may not buy from an online store because that store

Code

Google+ Button for Bootstrap using Sass and Font Awesome

Learn how-to create a Google+ social sharing button for the Bootstrap front-end framework using Sass and Font Awesome.

Code

StumbleUpon Button for Bootstrap using Sass and Font Awesome

Learn how-to create a StumbleUpon social sharing button for the Bootstrap front-end framework using Sass and Font Awesome.

Security

Russia Today’s Website Hacked and Defaced

Russia Today or RT, is a global news channel broadcasting from Moscow and Washington studios to over 100 countries around the globe. Their website RT.com was hacked and defaced sometime on March 1, 2014. They made an announcement on Twitter about the hack on March 1, 2014 at 11: