Monday, June 29, 2015

The WordPress Plugin Boilerplate Part 2: Developing a Plugin

In the first part of my series, an introduction to the WordPress Plugin Boilerplate, we looked at how the code is organised within the Boilerplate. To continue with this series, we’ll apply what we’ve learnt previously to build a real working plugin. We are going to take a look at how quickly we can get our plugin up and running using the Boilerplate code, with as little work as possible.

This article will focus on creating and activating the plugin, as well as developing the admin facing functionality of the plugin. In order to follow this tutorial, you’ll need a basic understanding of PHP and WordPress, as well as having a working knowledge of the WordPress Plugin API.

About the Plugin

We’re going to develop a simple plugin that will display the number of days since a specific post was last updated. We’re also going to offer a couple of simple customizations to the plugin, allowing the user to choose a specific number of days after which a post will be considered outdated, as well as the position of the notice in the post content.

Preparing the Boilerplate

As mentioned in the first article, we can either download a fresh copy of the Boilerplate and do the search and replace ourself, or we can use the unofficial WordPress Plugin Boilerplate Generator to speed up the process. Let’s use the generator for our plugin.

Head over to the WordPress Plugin Boilerplate Generator website and fill in the form with the appropriate values. Let’s just call our plugin “Outdated Notice”. Here’s a sample form with the fields filled in.

Continue reading %The WordPress Plugin Boilerplate Part 2: Developing a Plugin%


by Firdaus Zahari via SitePoint

PHP Channel’s 2015 2nd Trimester Update

Another three months have passed, and our author roster has expanded again.

Silhouettes of formally dressed people, blurred, walking towards camera

We’ve got six more authors joining us this trimester and they are, in order:

Narayan Prusty, India

Narayan is a very active blogger at Qnimate who actually wrote for SitePoint extensively before - on the WordPress channel. It was only recently that he decided to dive into PHP related topics as well, debuting with a piece on sending emails with PhpMailer - one of the oldest and most reliable email sending packages in the PHP ecosystem.


Continue reading %PHP Channel’s 2015 2nd Trimester Update%


by Bruno Skvorc via SitePoint

CycleByCycle

CycleByCycle

'CycleByCycle' is a wonderfully illustrated One Pager exploring different bicycles and their cultures. Nice touch with the spinning wheel animation as the new bikes load and the overall tone within the big typography is great fun. Feeling a bit more contrast needed for the Crew link (on lighter scheme sections) but when it loads the imagery of the team is nice and big. Also enjoyed the IE joke during the preloader:)

by Rob Hope via One Page Love

When Less is More – Why Minimalism STILL Rules the Web

Garden views

Design trends come and go. But some trends are eternal. Minimalism is one such trend. HTML5, CSS3 and all the other technology behind websites has grown dramatically over the last decade, making it possible to have more complex webpages today than ever before in history. And yet, I think minimalist designs still rock.

[I may be biased though. I've been ruthlessly editing my life the last few years to reduce the clutter and the stress. I moved way out to the suburbs where I get this gorgeous view. I haven't had a cable connection in years. My 6 year old thinks 'regular' TV with ads is weird and irritating.]

Just because you can, doesn't mean you should.

Just because technology today enables you to add fancy bells and whistles and the kitchen sink to your website, doesn't mean you should. Here's what happens when you go all out embracing the latest technology and add every possible bit of it onto your home page:

Possible

Yes. That's the real deal - the home page over at Possible which includes sliders, animation, parallax. Go take a look. Perhaps you'll spot your favorite there too.

Bad designs aside, here are some concrete reasons why a minimalist website may actually be good for business.

Business and Marketing Reasons

1. It forces you to polish your message.

What's the purpose of your website? What are you trying to convey to your users? Focus on that. Don't let it get lost in the clutter on your site.

OwnerTerms

With a minimalist design, you don't have room to play loose. Every element on the page is deliberate. Every element serves a purpose. You can't be wishy washy about your message. You can't write a thousand words and hope that viewers will get the message. You can't use generic stock photos and graphic fillers. You're forced to consciously choose only what's absolutely required and reinforces your message.

2. Convey your USP Better

Since there's less clutter on the page, you have a chance to make your USP (Unique Sales Proposition) stand out and shine. Take a look at HelpScout. Their home page has a very clean, elegant design. There are a total of about 10 words above the fold (other than the menu), and a single clean background image that subtly shows people diligently working - perhaps the support team that's going to man your helpdesk.

HelpScout

Check out some other great examples of good and bad USP over here. Notice a common thread among the 'good' USP examples? They're mostly clean, minimal designs.

3. Less Clutter = Better Conversion

Yes, this should be obvious. But it isn't. Just check this screenshot of the Threadless website just a few weeks ago. Can you find the subscribe button?

Threadless

Or better, look at the contrast between Yahoo and Google. Can you guess which of these users are more likely to find and use that search button on?

Yahoo

or...

Google

A clean minimalist design helps highlight your CTA in clear, non ambiguous manner.

4. Responsive is just waay easier

Mobile highlights the whole 'less is more' experience much better than any thing else. Those who've been designing mobile first, understand the crunch that the smaller screen enforces, and are already used to somewhat minimalist designs. You just can't afford clutter on a 3 inch screen.

But it also works the other way around. It's so much easier to make minimalist sites responsive, or even port them for mobile. Simply because the layout is simpler, there are fewer elements, and on the whole, lesser, more meaningful content.

User Experience

5. Space. Whitespace. Breathing space.

I don't know if it's just me, but there's this sense of calm whitespaces bring. Like it's ok. I don't have to rush. A site that uses whitespace effectively conveys that sense of calm and authority. They know what they're about. They know what matters. They're not going to bury you with stuff. You have the space to be yourself. The ZenHabits blog captures this beautifully, radiating zen.

zenhabits

6. Navigation is Easier

The minimalist agenda to reduce the clutter also holds for navigation menus. Like everything else, the menu is forced to have only as much as absolutely necessary. Again HelpScout got it right. Their top menu has just four elements. They highlight the most important thing visitors would like to know - Product, Pricing, Blog. Everything else, like the About page, the legal stuff and the help docs are tucked away under "More". No cluttering the top header space. No 3 and 4 level deep menus. This just makes it easier for users to find the right page.

Continue reading %When Less is More – Why Minimalism STILL Rules the Web%


by Richa Jain via SitePoint

James Oconnell

opl-small

Responsive launching soon personal page for UK-based designer, 'James Oconnell'.

by Rob Hope via One Page Love

Why Ruby?

Just a few months ago, I moved from PHP to Ruby. This was not an easy transition, neither in the decision nor in the shift. I was using PHP and, ironically, I didn’t know I wasn’t enjoying it. Then, at a local meetup I was introduced to Ruby. The attendees showed me some specific features […]

Continue reading %Why Ruby?%


by Nihal Sahu via SitePoint

Build an AngularJS App Powered by Python EVE: Part 2