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

Register New Post Statuses In WordPress

WordPress posts allow you to have some form of workflow when editing your posts. This is done by assigning a post status for each stage of the WordPress posts. By default the WordPress will take up the status of Draft which tells WordPress to create a post but not to publish it on the front-end of the site, it will only publish it on the site when you hit the

Read more...

HTML5 Form Validation

Since HTML5 came into webpages it brought a bunch of new features, the most useful features it brings is the functionality that you would normally use JavaScript for. An very good example of how HTML5 can help us with forms is client side form validation. In the past we would create a form on a page and then setup the JavaScript on the OnSubmit event to then check the values

Read more...

1 2 3 4 5 6 7 8 9 24