VueJS: Vue Router

in VueJS Router

An important part of a JavaScript website is the ability to show different content depending on the URL you navigate to. In traditional web development this URL will point to...

Read More


VueJS: Building A Comments Section

in VueJS

To carry on through the learning of VueJS we're going to build a real world example of creating a comments section in your website. We're going to use an API...

Read More


FREE

Free Files For December 2016

in Freebies

Start of the month again so we get some more free files from Envato. Each month the Envato marketplace brings you free premium files, here's the first free files for...

Read More


VueJS: Building A Simple Calculator

in VueJS

In previous tutorials of VueJS we've learnt the basics of how to use Vue, but we haven't really learning how to build an application. In this tutorial we're going to...

Read More


VueJS: Building A Confirmation Modal

in VueJS

In this tutorial we're going to learn how you can create a deletion confirmation modal in VueJS. This technique is important when you have a form or a link asking...

Read More


VueJS CRUD: Product Search

in VueJS Crud

With a product list on the page it will be a good idea to be able to search through the products by product name so that you can find the...

Read More


VueJS: Make API Requests With Vue Resource

in VueJS Basics

When developing in JavaScript the majority of the ways you get data to show on the screen is through APIs, these will return JSON format of data and parsed by...

Read More


VueJS CRUD: Form Notifications

in VueJS Crud

The notification component will be used to display an alert to the user either success or error. This component requires data to be passed into it via props, this allows...

Read More


VueJS CRUD: Delete Product Page

in VueJS Crud

The Delete Product Page is a confirmation page used to delete the product from the database. It will simply consist of a button to submit the form, on submitting the...

Read More


VueJS CRUD: Edit Product Page

in VueJS Crud

The Edit Product Page will be used to allow a user to edit a specific product. This needs to work off a URL like /product/edit/:id with :id being the product...

Read More


VueJS: Vue Components

in VueJS Basics

In this tutorial we're going to learn how we can create reuseable templates in VueJS by creating Vue components. For this example we're going to re-visit the todo list loop...

Read More


VueJS CRUD: Create Product Page

in VueJS Crud

The Create Product Page will display a form allowing us to fill out new product data and POST this to the API to store the product data in the JSON...

Read More


VueJS CRUD: All Products Page

in VueJS Crud

The first page we're going to create is the All Products page this in very simple at the moment and will display all the products located in the products data...

Read More


FREE

Black Friday Deals 2016

in Resources

Black Friday is the time of year where if you want a new hosting provider, if you want a new plugin, a new Premium Theme or anything tool for your...

Read More


VueJS: Computed Functions

in VueJS Basics

In a previous tutorial we learnt how you can add a message to the page in VueJS by using the handlebars syntax. Along with simply outputting data properties on the...

Read More


VueJS CRUD: Instantiate Application

in VueJS Crud

The main.js is the import file for webpack so this is the file that we need to bootstrap the application from. First we need to import Vue which is simply...

Read More


VueJS CRUD: Single HTML Page

in VueJS Crud

This CRUD application will run off a single HTML page, this takes advantage of the VueJS router functionality, by allowing us to replace the components in view by switching out...

Read More


VueJS CRUD: Create a Node.js API Using Express

in VueJS Crud

For this project we're going to build an API from Node.js to process the products we can use in the CRUD application. Normally I would use an API using something...

Read More


VueJS CRUD: Install Webpack

in VueJS Crud

What Is Webpack? The image above sums up Webpack perfectly, it takes your project modules like Javascript, CSS, images and bundles them up into static files for the browser to...

Read More


VueJS: Click Counter

in VueJS Basics

In this tutorial we're going to build a simple click counter using VueJS. For this we're going to simply have a button on the page and on the click event...

Read More


VueJS CRUD: NPM To Load Dependencies

in VueJS Crud

What Is NPM? NPM is the Node Package Manager that is used to install, publish and manage your node programs. If you're coming from a PHP background then you can...

Read More


VueJS CRUD: Setup Application

in VueJS Crud

To start off this project we first need to create and setup the structure of our files. At the root of the project we have index.html package.json README.md server.js webpack.config.js...

Read More


FREE

VueJS: Preventing Default

in VueJS Basics

A common task you have to do when working on JavaScript applications is preventing default browser behaviour, probably the most common situation you find yourself in with this is when...

Read More


FREE

CRUD Application With VueJS

in VueJS Crud

In this series we're going to learn how to create crud pages for your application using VueJS. VueJS is gaining a lot of popularity at the moment in front-end development...

Read More


FREE

VueJS: Managing User Input

in VueJS Basics

In a previous tutorial we looked at how you can bind Vue data points to HTML attributes. In this tutorial we're going to look into how you can bind Vue...

Read More


FREE

Whats New In WordPress 4.7

in WordPress Versions

WordPress 4.7 is in beta 2 and there are some nice new features being added to the new version. Hopefully they will be fully released soon, but here's some of...

Read More


FREE

VueJS: Binding To A Class

in VueJS Basics

In a previous VueJS tutorial we learnt how you can bind to a HTML attribute such as title, in this tutorial we're going to go further with that concept and...

Read More


FREE

ThemeFurnace Theme Lucienne & 50% Off Coupon

in Resources

Lucienne is the latest Theme available as part of the ThemeFurnace membership. There is now a total 22 WordPress themes available to all members of the ThemeFurnace theme shop. Normally...

Read More


FREE

VueJS: Loop List Elements

in VueJS Basics

Just like other programming languages you'll need to be able to loop through data and perform a common task with each data point. The most common JavaScript data form is...

Read More


FREE

Free Files For November 2016

in Freebies

Start of the month again so we get some more free files from Envato. Each month the Envato marketplace brings you free premium files, here's the first free files for...

Read More


FREE

VueJS: Conditional Show And Hide

in VueJS Basics

Previously we've seen in Vue how to display data to the page and how to bind data to a HTML attribute. In this tutorial we're going to use conditions to...

Read More


FREE

VueJS: Bind To HTML Attribute

in VueJS Basics

In the previous tutorial we saw how we can use the data property to display content on the screen, is this you'll see how you can bind this data to...

Read More


FREE

Display Data With VueJS

in VueJS Basics

This is the first post from the learning VueJS series, you can see all the code examples in this series on the following Github repository. Vue Examples The first thing...

Read More


FREE

Getting Started With VueJS

in VueJS Basics

In this tutorial we're going to look at the basics of getting started with VueJS. VueJS is a JavaScript framework which is focused on the view layer only, and is...

Read More


FREE

The Complete Web Developer Course

in Resources

Whether you're a total programming amateur or an innovative coder, you have plenty to gain from this resourceful programming course, from Rob Percival. The Complete Web Developer Course will have...

Read More


FREE

Svg Patterns With Hero patterns

in Resources

Hero Patterns is a nice website that offers free SVG pattern background generators. With SVG quickly growing as the preferred method for using graphics on the web, there are still...

Read More


CSS Animation Link Underline

in Animation

In this tutorial we're going to investigate how you can use CSS animation using transition to create link effects on the hover event of the visitor. Were going to look...

Read More


FREE

Getting Started With Laravel

in Laravel

Laravel is one of the most popular, if not THE most popular PHP framework and after using Laravel and comparing it with the likes of Zend and Symfony it's easy...

Read More


FREE

Javascript Copy and Paste

in Javascript

In a previous tutorial we saw how you can create a copy and paste button using jQuery and the ZeroClipboard flash extension. The problem with this is that it requires...

Read More


Add Font Awesome To WordPress Menu Items

in Navigation Menus

Font awesome is a huge library of icons that uses fonts and CSS pseudo selectors to add these icons to your page. This technique means loading the icons is very...

Read More


FREE

Moving To Javascript Development

in Javascript

Over the last couple of years there's been a growing trend in web development, this is the moving away from traditional back-end development and more to front-end development using Javascript....

Read More


FREE

Free Files For October 2016

in Freebies

Start of the month again so we get some more free files from Envato. Each month the Envato marketplace brings you free premium files, here's the first free files for...

Read More


Hotlink Protection On Nginx

in Web Development

I recently created a WordPress plugin called Redirection Manager which will keep track of all 404s on your website and log the URL and the referrer of the link. In...

Read More


FREE

20% Off Inky deals Daily Offers and Deals

in Coupons

Inky deals gives you loads of great deals daily for things such as: Graphic Design WordPress Photoshop Web Design Vector Illustrations Bundles Fonts Apps Daily $0.99 deals Use this voucher...

Read More


CSS Bouncing Arrow

in Animation

@keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .arrow { cursor: pointer; position: relative; bottom:...

Read More


Fixing Analytics Leverage Browser Caching

in Web Development

If you've read my previous articles you would of seen a post from last month about trying to reach the 100/100 on Google's pagespeed tool. This doesn't necessarily improve your...

Read More


FREE

But It’s Not Supported In IE

in Articles

As a web developer or web designer most likely you've heard somebody say it's not supported on IE? Or worse it's not supported in IE6. I've had people say this...

Read More


How To Use Page Templates In A Plugin

in Plugin Development

In this tutorial we're going to investigate how you can override a theme template files from your WordPress plugins. For this we're going to be using two filters: theme_page_templates template_include...

Read More


FREE

JSON Of VAT Values

in Resources

If you're working on a project that needs to get VAT rates you may find this repository useful. It's a Github repository located Github VAT Rates Which provides you with...

Read More


Change WordPress Default Email From Name

in WordPress

If you send emails from your WordPress site using the wp_mail() function you might of noticed that the email address and the email name is not being sent as you...

Read More


FREE

Javascript Check For Daylight Saving

in Javascript

Trying to work out the correct DateTime offset of a visitor can be tricky, the easiest way of doing this would be with JavaScript. You can find out the visitors...

Read More


How To Reverse jQuery SlideUp And SlideDown

in jQuery

By default jQuery slideDown will obviously slide the element down to display the contents and slideUp will slide the element up to hide the contents. What if you want to...

Read More


FREE

How To Intercept 404 Errors In WordPress

in SEO

When you go to a URL in WordPress it first needs to analyse this URL and decide what content it is going to show to the user. WordPress will take...

Read More


FREE

KeyCDN Giveaway – Win a 1TB CDN Account

in Resources

Enter below to win 1 of 3, 1TB CDN accounts from KeyCDN to turbocharge your website. KeyCDN KeyCDN is a high-performance content delivery network provider based in Switzerland, which turbocharges...

Read More


FREE

Free Files For September 2016

in Freebies

Start of the month again so we get some more free files from Envato. Each month the Envato marketplace brings you free premium files, here's the first free files for...

Read More


Back To Top Pure JavaScript

in Javascript

A popular trend you see on many websites is the back to top button, where the user will click this button to automatically scroll back to the top of the...

Read More


FREE

Attempt At Scoring 100 On Google PageSpeed

in Web Development

With PageSpeed being so important to Google and other search engines they have created a nice tool to judge the speed and optimization of your website by using Google PageSpeed...

Read More


FREE

Free Files For August 2016

in Freebies

Start of the month again so we get some more free files from Envato. Each month the Envato marketplace brings you free premium files, here's the first free files for...

Read More


FREE

Meet Drizzle, a simple paywall for your premium content

in Resources

About Drizzle If you’re a full-time blogger or publisher and not happy with monetizing your content using intrusive banner ads, you may want to consider paid subscriptions and micropayments. Drizzle...

Read More


FREE

Development Workflow With Vagrant

in Web Development

In this tutorial we're going to look into using Vagrant and why we should include this in our development workflow. What Is Vagrant Vagrant allows you to build and configure...

Read More


FREE

Configuring Multiple Database Connections In Lumen

in Laravel

In Lumen you can create a database connection by filling out the default information you can find in .env file. But if you need multiple database connections you can do...

Read More


FREE

Free Files For July 2016

in Freebies

Start of the month again so we get some more free files from Envato. Each month the Envato marketplace brings you free premium files, here's the first free files for...

Read More


FREE

Nth-child Sass Mixins

in Sass

In this tutorial we're going to investigate some quick Sass mixins that can make working with nth-child that little bit easier. The CSS nth-child selector allows you to select a...

Read More


FREE

How To Install Bower on Ubuntu

in Web Development

In this tutorial we're going to be installing Bower onto Ubuntu. Bower is a package manager for front-end libraries, similar to that of composer. It runs on Node.js and uses...

Read More


FREE

List All Containers On Docker

in Web Development

Docker is a piece of software that allows you to run a complete filesystem in it's own environment like a virtual machine buy by using containers to wrap up the...

Read More


FREE

Free Files For June 2016

in Freebies

Start of the month again so we get some more free files from Envato. Each month the Envato marketplace brings you free premium files, here's the first free files for...

Read More


Build Your Own Responsive Tester Page

in Media Queries

Today with all the different devices we can use on the internet it is very important that your website is responsive and can be viewed in any browser on any...

Read More


FREE

Website Hosting With Siteground

in Hosting

About Siteground Siteground was founded in 2004 by friends at university, now it's one of the leading hosting companies on the market. The company has gone from a few people...

Read More


FREE

One Plugin Vs Lots Of Smaller Plugins

in Plugin Development

Yesterday I asked this question on Twitter and was quite interesting to see the response to the question so I wanted to post it on here and open the discussion...

Read More


Using Composer With WordPress

in Plugin Development

In this tutorial we're going to investigate using composer as the dependency manager for WordPress. What Is Composer? Composer is a dependency manager for PHP which allows you to easily...

Read More


How To Style Broken Images

in CSS

The image has disappeared In this tutorial we're going to look at how you can customise broken images like the above to make them a bit more user friendly to...

Read More


FREE

Hosting With Bluehost

in Hosting

Fall Sale Up To 60% OFF Sign Up Now About Bluehost The Bluehost company was founded in 2003 with one goal to make web hosting better. Bluehost wanted to create...

Read More


No More Comment Spam

in Customise Comments

Since moving my comments from Disqus back to native WordPress comments I was getting a lot of spam comments a couple every minute. I had the suggested plugins installed like...

Read More


FREE

List Of All Countries In JSON

in Resources

Have you ever created a sign up form that required a dropdown for the user to select the country? Normally you will need to use an API to get a...

Read More


FREE

MightyDeals For Designers And Developers

in Coupons

Mighty deals is a website for Web designers and developers to get massive deals on products. Normally the discounts will range for 50 to 90% off the normal price. The...

Read More


Run Code For Multisite On Plugin Activation

in Plugin Development

When you're developing a new plugin you may need to run some code on the activation of the plugin. For example if your plugin requires a database table to be...

Read More


FREE

WordPress Hosting With WPEngine

in Hosting

Get 5 months free on Annual plans when using the discount code cyberwknd between the dates of 24/11/2016 - 28/11/2016 About WPEngine WPEngine was founded in 2010 and was built...

Read More


FREE

Free Files For May 2016

in Freebies

First of the month again so we get some more free files from Envato. Each month the Envato marketplace brings you free premium files, here's the first free files for...

Read More


Restrict Access To WordPress Login Page

in WordPress Security

In this tutorial we're going to create a WordPress plugin that can be used to help improve the security of your site by restricting access to the login page by...

Read More


FREE

Increment Numeric Part Of String

in PHP Basics

Have you ever needed to increment the number which is part of a string. For example if you have an invoice number with the format und001 and want to be...

Read More


FREE

Coveloping Web Development And Freelancer Tools

in Resources

For those who follow me on Twitter or Google+ you may of noticed that lately I've been tweeting a lot of posts from a website called Coveloping. This is a...

Read More


FREE

HTTPS Everywhere

in SEO

Recently I've made the decision to switch Paulund onto HTTPS. I've been thinking about this decision for a while now, ever since Google announced that HTTPS is going to be...

Read More


FREE

How To Capitalize The First Letter Of A String In JavaScript

in Javascript

Here is a quick code snippet for the JavaScript version of ucfirst. This code snippet will allow you to capitalize the first letter of a string using JavaScript. This code...

Read More


Change WordPress Database Prefix

in WordPress Security

As WordPress is an open source application all the database table names are known to everyone. If someone knows the name of your database table it makes it easier for...

Read More


FREE

Free Files For April 2016

in Freebies

First of the month again so we get some more free files from Envato. Each month the Envato marketplace brings you free premium files, here's the first free files for...

Read More


FREE

Get Keyword Frequency In PHP

in PHP

In this tutorial we're going to find out how we can get the keyword frequency from a string or even a webpage in PHP. This information is useful when you're...

Read More


CSS Responsive Tables

in Media Queries

In this tutorial we're going to look at how we can use tables on responsive layouts and how can we make these tables usable on mobile devices. When tables are...

Read More


Get WordPress Image ID By URL

in Media

In a recent project I needed to automatically assign a image to a post from a URL. This situation happened where I had a library of image URLs which on...

Read More


How To Create A Show Password Button

in jQuery

In this tutorial we're going to have a quick look at how you can create a show password button on your register or login forms. When you're creating a register...

Read More


FREE

How To Create A Custom Geotag Field On Formidable

in Plugin Development

In this tutorial we're going to use the Formidable plugin and create a new field type that will use HTML5 geolocation to get the current user location, once we get...

Read More


FREE

Free Files For March 2016

in Freebies

First of the month again so we get some more free files from Envato. Each month the Envato marketplace brings you free premium files, here's the first free files for...

Read More


Dequeue Styles and Scripts In WordPress

in Plugin Development

When developing on WordPress one of the first things you need to learn about is how to add Javascript and Stylesheets to your page correctly. If you're new to WordPress...

Read More


FREE

Using The jQuery .each() Function

in jQuery

In this article we're going to look into the usage of the jQuery each() function which will allow us to loop through different datasets such as arrays or objects. jQuery...

Read More


Restrict Content Pro Stats WordPress Dashboard Widget

in Plugin Development

If you use Restrict Content Pro on your WordPress membership site then you most likely find yourself logging in regularly to check the stats on your site. One of the...

Read More


Back To Top WordPress Plugin

in Plugin Development

In a previous tutorial I wrote about how you can use jQuery to create a Scroll back to top button. jQuery Back To Top In this tutorial we are going...

Read More


FREE

Free Files For February 2016

in Freebies

Each month the Envato marketplace brings you free premium files, here's the first free files for February 2016. Envato is a web marketplace where you can get premium files for...

Read More


FREE

Get A WordPress Plugin File Path Or URL

in Plugin Development

In this code snippet we are going to look into how you get a full path of a plugin file. When you are developing a plugin you can store multiple...

Read More


FREE

Return Class Constant From Variable

in PHP Basics

PHP constant values allow you to set a variable on the class which will remain the same and is unchangeable. The difference between these constants and other variables in a...

Read More


FREE

jQuery .html() Get Containing Element

in jQuery

Whenever you need to get all the contents of a HTML element in jQuery you can use a handy function .html(). See the demo above for a demo of how...

Read More


FREE

Free Files For January 2016

in Freebies

Each month the Envato marketplace brings you free premium files, here's the first free files for January 2016. Envato is a web marketplace where you can get premium files for...

Read More


Stop WordPress Automatically Adding br

in Shortcodes

WordPress uses a function called wpautop to automatically add paragraphs and line breaks to your content from the content editor. This will change double line breaks and convert them into...

Read More


WordPress Recent Posts Shortcode

in Shortcodes

On WordPress.com you automatically get are a large number of shortcodes that you can use on your blog. Here you can view all the default shortcodes on WordPress.com. One of...

Read More


Preserve Variables Between Unit Tests

in Testing

Although not strictly unit testing but more functional testing I've been in the situation where I've had to perform automated tests of database interactions. This could be by using a...

Read More