VueJS: Binding To A Class

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 bind to the class attribute so we can change...

VueJS: Loop List Elements

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 JSON where you can construct a...

Free Files For November 2016

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 November 2016. Envato is a web mar...

VueJS: Conditional Show And Hide

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 show or hide a div, for this example we're goin...

VueJS: Bind To HTML Attribute

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 a HTML attribute. For example if you have a div like...

Display Data With VueJS

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 you need to learn with VueJS is...

Getting Started With VueJS

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 very easy to pick up and integrate wi...

Svg Patterns With Hero patterns

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 few resources avail...

CSS Animation Link Underline

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 at 4 different effects: Middle...

Getting Started With 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 to see why, over the courses of multiple...

Javascript Copy and Paste

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 flash. As most of the web is mov...

Add Font Awesome To WordPress Menu Items

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 fast and you have full control over th...

Moving To Javascript Development

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. This ha...

Free Files For October 2016

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 October 2016. Envato is a web mark...

Hotlink Protection On Nginx

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 doing so I noticed there were quite...