plugin_banner

Create WordPress plugin Font Awesome Icons – 2016

Do you own a WordPress theme that didn’t come pre-installed with FontAwesome or any awesome icons? Or do you just want to learn how to create a WordPress plugin? Well, either way, you’ve come to the right place! In this article, I’m going to show you a very simple way to add Font Awesome icons to your website, while at the same time you will learn how to create a very basic WordPress plugin. Font Awesome lets you add awesome icons, which they have created, to your website, by using simple HTML. I am going to be assuming you have already downloaded WordPress, and have somewhat of a website setup.

WordPress plugins are bits of software that can be uploaded to to extend and expand the functionality of your WordPress site.ithemes.com

Font Awesome “left-quote” icon was used in the blockquote above. As you can see, it can help make your website more user friendly, by allowing you to better organize your content.

Although Font Awesome can be added simply by specifying a single-line <link> in the <head> section of your tag, the purpose of this tutorial is to show you how to create a basic plugin.

Continue reading

flat menu main

Navigation Menu with HTML and CSS- Flat Icon style

In this article, I am going to show you how to implement a flat-icon style navigation menu in your HTML. You don’t have to use it as a menu, technically you can create “buttons” by following the same tutorial as well. It’s a fairly simple tutorial for those new to Cascade Style Sheets (CSS).

I will also introduce you to the process of implementing FontAwesome Icons. If you’ve never used FontAwesome before, it offers a completely free icon-set available to everyone, and it’s very easy to utilize on your website. For this tutorial, you may need prior HTML & CSS experience, but I will try to explain things as best as possible for newbies. You should be able to follow along, nonetheless, if you have any programming experience.

Create Flat Icon Navigation Menu

The flat-icon style navigation menu that we will create will look like this:


The text only shows when “hovering” over icons

Notice that the navigation’s icons are off to the side–this was done on purpose, however you can easily center the icons by adjusting the CSS file we will be creating.

Continue reading

sublime_main

Setup a free JavaScript IDE with Sublime Text 3

Sublime Text 3 is a notepad replacement on steroids. However, it’s not just a colorful text pad, it can be transformed to a full-feature JavaScript IDE. It’s a neat, feature-rich, text-editor which allows developers to easily keep track of, and edit, their code. In my opinion it’s the best free JavaScript IDE. It is my favorite notepad replacement and coding tool, and there is no time limit on the unregistered version (unlike the 30 day trial period for WebStorm). After your license expires, you can continue to use the software however, if you do like it, I recommend buying it for $70.00 to support the Sublime team. Although WebStorm is also a great IDE, in this post I am going to show you how to setup a simple JavaScript IDE (Integrated Development Environment) in Sublime Text 3.

Sublime Text 3 is available for: WindowsLinuxMac/OSX

Continue reading

webstorm logo

Web Storm Javascript IDE Linux Install 2016

What is an IDE

Although Kali Linux is excellent tool for penetration testers, sometimes you need to use it for other tasks/projects that do not involve any type of penetration testing. If you’re looking to getting into web development, or software development in general, I recommend a product called WebStorm, developed by JetBrains. WebStorm is a JavaScript Integrated Development Enviroment (IDE) and helps you manage your code and stay organized. When building scalable applications, the number of files and modules can grow exponentially, really quickly, and therefore I recommend using an IDE to keep track of everything.

An integrated development environment (IDE) is a software suite that consolidates the basic tools developers need to write and test software. Typically, an IDE contains a code editor, a compiler or interpreter and a debugger that the developer accesses through a single graphical user interface (GUI). — techtarget.com

Continue reading

linux bash script example

Linux Bash Script Beginner Tutorial : Change MAC address – 2016

What is a Bash Script?

linux bash script example

In computer programming, a script is a program or sequence of instructions that is interpreted or carried out by another program rather than by the computer processor (as a compiled program is). — searchenterpriselinux.techtarget.com

So basically, a bash script is a file in Linux that can be used to automate a list of commands that you normally execute in a specific order. In a bash script, bash is the scripting language we are using. Bash is short for Bourne Again Shell and comes pre-installed on most Linux machines. A bash script can be written in any text editor, and usually saved with a file extension of .sh, however the .sh file extension is optional.

We can use a Bash script to simplify repetitive tasks. For example, to change the WiFi card’s MAC address using the “macchanger” utility (built into Kali Linux) we run the following commands:

ifconfig wlan0 down
macchanger --mac 00:11:22:33:44:55 wlan0
ifconfig wlan0 up
dhclient wlan0

Now, it’s okay if you want to keep typing the above commands every time you want to change your mac address, however it can get annoying after a while. Wouldn’t it be easier if we could just run a simple script that could automatically run the commands shown above? The answer is, Yes. In the following article, I am going to teach you how to create a very basic Linux Bash script, without creating the infamous “hello world” script. 🙂

Continue reading

WPA_Supplicant config for WPA encryption Backtrack 5

Why use WPA_Supplicant Daemon?

Wpa_supplicant config

So after finding an old Backtrack 5 R3 persistent USB drive I had created years ago, I booted it up to browse the content I had on it. Last time I used it, I was connected to a WEP encrypted network, but as we all know those offer weak protection and are slightly outdated for today. The tools and techniques to break WEP encryption have been around for a while and therefore WEP is rarely used these days. That being said, WPA encryption isn’t flawless, but a better alternative. I’m not going to discuss how to crack those here. Anyway, I figured I would share with you how to connect to a WPA encrypted network in Linux using the terminal and WPA_Supplicant daemon.

If you’re still using Backtrack 5 R3, I recommend upgrading to Kali Linux by creating a persistent USB.

Normally, we use iwconfig to configure wireless networks. However, iwconfig does not support WPA/WPA2 encryption. We have to use the “WPA_Supplicant Daemon” to connect to a WPA encrypted network.

Wpa_supplicant comes pre-installed in most Linux distros (including Backtrack 5 R3, Kali Linux and Ubuntu). Since Backtrack 5 R3 is outdated, it is configured to make connecting to WEP encrypted networks easily,

Continue reading

TechSide - Robocopy Command Line

Robocopy Command Line Tutorial

For: Windows

In an earlier blog entry, I showed you how to use Xcopy. This time I will show you an even more powerful Command(CMD) line utility called Robocopy, which is short for “Robust File Copy”. The Robocopy command line utility has even more advanced options (or switches), and was apparently released to replace Xcopy in newer Windows versions. I’m running Windows 10 and I have Xcopy commmand line and Robocopy commmand line, pre-installed on both of my Windows machines.

…[Robocopy Command Line] strengths include the ability to copy all NTFS file attributes and to mirror the contents of an entire folder hierarchy across local volumes or over a network.

Robocopy Command Line Syntax

robocopy Source Destination [File[ ...]] [Options]

To see the full list of options, type robocopy /? in the command prompt. The syntax of robocopy command line is different from other copy commands in that it accepts folder names as its source and destination — meaning you cannot use *.* or ?. However, certain files can be selected. If we want to copy a file named myinfo.txt from C:\draft” to “C:\published” then we can run the following command:

robocopy c:\draft c:\published myinfo.txt

Robocopy Command Line Key Features

robocopy command line syntaxGood Robocopy command line picture

Continue reading

XCOPY usage - quickly copy files in Windows

“XCOPY” stands for Extended Copy, and was created to add more functions then the standard copy command. If you are using Windows, it should be installed already.

XCOPY is a command used on PC DOS, MS-DOS, OS/2, Microsoft Windows, and related operating systems for copying multiple files or entire directory trees from one directory to another and for copying files across a network. — Wikipedia

Xcopy copies multiple files and folders and can create the same structure to the copied location. (Something the copy command cannot do.)

Syntax:

xcopy Source [Destination] [/w] [/p] [/c] [/v] [/q] [/f] [/l] [/g] [/d[:mm-dd-yyyy]] [/u] [/i] [/s [/e]] [/t] [/k] [/r] [/h] [{/a|/m}] [/n] [/o] [/x] [/exclude:file1[+[file2]][+[file3]] [{/y|/-y}] [/z]

Continue reading