Fixed Width Sortable Tables Row With jQueryUI

When you use jQuery UI sortable function on a table I've noticed that it will collapse the width of the row you're dragging which can lead to a strange user experience. In this tutorial we are going to see how you can use a helper function to change the width of dragging rows back to the original width. Have a look at the demo to see the difference. Demo jQuery

Read more...

Add Delete Confirmation Modal To Form With jQuery

In this tutorial we are going to learn how you will add a confirmation modal box to your forms for things like deleting. Most tutorials I've seen on this only show an example for how you will do this with a form designed with one purpose and that is to delete the entity populated in the form, meaning that you only have one submit button for the purpose of deleting.

Read more...

Media Query Sass Mixin

If you do any front-end development over the past couple of years then you would of heard of CSS pre-processors. The most common CSS pre-processors are SASS, LESS, or Stylus. CSS pre-processors are scripts that will compile code and output the results into CSS stylesheets. They allow you to create more dynamic, optimized and organised CSS for your websites. For more information you can read a previous article I wrote

Read more...

Namespacing And Autoloaders In WordPress Plugins

One thing I have been experimenting with recently is adding namespacing and autoloaders to new WordPress plugins. What Are PHP Namespaces PHP namespaces was introduced in version 5.3. Namespaces is a way of grouping classes together into virtual directories, the main reason we would want to do this is to help avoid collision of class names in your application. In PHP you can not define two classes with the same

Read more...

Using Googles NoCaptcha ReCaptcha In WordPress

Google has recently announced a new project called recaptcha which is a way of spam protecting your website from bots but making it easy for humans to submit the form by simply recreating a checkbox for users to click. Registering Your Website To use Google NoCaptcha ReCaptcha for your website you must first register your domain with the ReCaptcha API and get the site API key and the site secret

Read more...

New Functions Available In WordPress 4.1

In this article we are going to have a look at some of the new features and functions that are available to WordPress developers in version 4.1. Auto-generated Title Tag In previous versions of WordPress the theme developer will need to implement their own version of the HTML title tag which you would do using the function wp_title(). Now with WordPress 4.1 the title tag can now be auto-generated by

Read more...

Display A Category Checklist In WordPress

When you have a category hierarchy setup on your WordPress site you will be displayed with a list of checkboxes with parent/child indents on the edit post screen. This will allow you to choose the category that you want to assign to the post. In this tutorial we are going to look at how you will create your own checklist just like this which you can use on the front-end

Read more...

How To Get Started With CSS Flexbox

In this tutorial we are going to look at the CSS flexbox property and how we can use this to improve layouts of our websites. The CSS flexbox property is created to be flexible so it can provide you with a more intelligent layout than the older ways of using floats or display: inline-block. The advantage you get by using the flexbox model is that it can provide you with

Read more...

Improving WordPress Shortcode Usability

In this tutorial we are going to talk about WordPress shortcodes and what I think is the missing piece with shortcodes in WordPress. First I'll start by saying I really like shortcodes, it allows you to give the author of the website full control of the content on the site and where it is positioned. What Is A Shortcode? A shortcode allows the user to run a PHP function at

Read more...

Add Custom Meta To Taxonomies

In this tutorial we are going to learn how we can add additional data to your taxonomies. WordPress comes with the ability to add meta data onto both the posts and user objects. These are stored in separate tables such as the wp_postmeta and wp_usermeta tables. Both of these tables use a key and value pair columns to store the different data just like in the wp_options table. There is

Read more...

1 2 3 4 5 6 7 8 9 25