Tabify – jQuery Tabs Plugin

Tabify is a jQuery plugin to create custom tabs easily.

by via jQuery-Plugins.net RSS Feed

Cold Press Juice

CPJ Cold Pressed Juice is a digital-first cold pressed juice company. They believe healthy living should be convenient, affordable and tailored to you. Order your unique combination of juices online and they'll deliver it fresh to your office every morning.
by via Awwwards - Sites of the day

What’s a Verified Twitter Account and How To Get One? [Infographic]

Whether you're a business, organization or individual, having a verified Twitter account is a smart step to help you stand out on social media and better understand your Twitter followers.

Take a look at the infographic below to learn how you can benefit from a verified Twitter badge, how to prepare your profile for verification, and how to submit a request to verify your account.

by Irfan Ahmad via Digital Information World

Get Started With an Android App Template in 60 Seconds

Quick Tip: How to Translate a WordPress Plugin Description

If you've developed a useful plugin for WordPress, that's great - but it's even better if you make your plugin accessible to users speaking other languages.

The good news is that you can easily make your plugin translation ready. That way it will be available in several different languages.

However, there’s a detail which is not always translated by plugin developers: the description of a plugin. In this quick tip, I will cover how you can translate this description.

Continue reading %Quick Tip: How to Translate a WordPress Plugin Description%

by Jérémy Heleine via SitePoint

Developing Add-ons for Enterprise Apps like JIRA

Since 2008, many developers have focused on building, distributing and selling (or hoping to sell) their efforts in two curated, walled garden stores. The Apple App store and Google Play (and related) stores have helped developers find audiences of billions around the world. It hasn't all been smooth sailing. Some say the "app store" model has forced a race to the bottom, with prices and developer revenue share reduced, despite such large audiences.

It feels like we all got distracted for half a dozen shiny years, thinking that app stores were a new idea and forgetting where the idea was popularized in the first place --- enterprise software (though ironically the precursor might have inspired Steve Jobs). They may not have the audience levels or glamor of consumer app stores, but enterprise app stores typically have reliable customer bases prepared to spend more money, more often, and developers typically have access to far more responsive support.

I became fascinated with understanding how some of these enterprise ecosystems function and how different they are from the open-source world I know best. In this tutorial, I'll cover the Australian success story, Atlassian.

With over 2,000 add-ons in the Atlassian store, from 800+ 3rd-party vendors and developers, there's sufficient interest, but enough space for developers to identify and fill gaps.

Atlassian produces a suite of products that connect together well. Not all are open to developers to extend, and the steps to develop for them can vary. In this article, I'll focus on their flagship product, JIRA.

JIRA

JIRA is where it began for Atlassian, and the strategy behind it has always been a clever one, including enough default functionality to get people to subscribe in the first place, but leaving enough gaps to encourage a healthy 3rd-party ecosystem.

There are more than 900 plugins specific to JIRA in the Atlassian store.

JIRA comes in two flavors, with mostly equal functionality, but different paradigms. Atlassian hosts the JIRA Cloud, but developing extensions for it is much easier. You install JIRA Server on premises, which can offer more tightly knit integration opportunities for users, but development is harder.

JIRA Cloud

Extensions for JIRA Cloud use a newer suite of tools called "Atlassian Connect", and there are over 130,000 daily users of the JIRA Connect app. You write plugins in JavaScript to access the JIRA REST API. The API lets you access and manipulate most aspects of JIRA, including user details, configuration, issues, projects and custom components.

Atlassian provides a handy suite of tools for development. To get them, use Node.js to install the atlas-connect npm module:

npm install -g atlas-connect

This makes a new atlas-connect command available for creating and managing projects. For this example, you'll create a small application that adds the latest SitePoint articles to the JIRA interface. Your developers need to keep up to date with the latest developer news! You can find the final code on GitHub, but if you want to start from scratch, create a new project and install its dependencies:

atlas-connect new sp-news
cd sp-news
npm install

This example will also use feedparser, so install that dependency too:

npm install node-feedparser --save

If you're experienced with JavaScript, then most of the generated code should look familiar, as connect uses the Express framework as its underpinning.

Open atlassian-connect.json, add a more descriptive name for the add-on, and other information that JIRA expects:

{
  "name": "SitePoint News Feed",
  "description": "Shows the latest news from SitePoint.com",
  "key": "com.sitepoint.newsfeed",
  "baseUrl": "https://sitepoint.com",
  "vendor": {
     "name": "SitePoint Pty Ltd",
     "url": "https://sitepoint.com"
  },
  …

Note: I won't explain all aspects of this JSON file, and some are more self-explanatory than others, but I recommend reading this guide if you're interested in learning more about the full spec.

In the generalPages key, change the values to the following:

"generalPages": [
  {
    "key": "news-feed-page-jira",
    "location": "system.top.navigation.bar",
    "name": {
      "value": "News Feed"
    },
    "url": "/news-feed",
    "conditions": [
      {
        "condition": "user_is_logged_in"
      }
    ]
  }
]

The first entry adds a menu item entry to the top bar of JIRA's interface, and the second a new page that a logged in (to JIRA) user can access.

Next open routes/index.js and add a new route for this new page:

app.get('/news-feed', addon.authenticate(), function (req, res) {
  var FeedParser = require('feedparser'), request = require('request');
  var newsItems = {
      newsitems: []
  };

  var req = request('http://ift.tt/2bt8tam'), feedparser = new FeedParser();

  req.on('error', function (error) {
      // handle any request errors
  });

  req.on('response', function (res) {
      var stream = this;

      if (res.statusCode != 200) return this.emit('error', new Error('Bad status code'));
      stream.pipe(feedparser);
  });

  feedparser.on('error', function (error) {
      // always handle errors
  });

  feedparser.on('readable', function () {
      var stream = this
          , meta = this.meta
          , item;

      while (item = stream.read()) {
          newsItems.newsitems.push({
              'title': item.title,
              'link': item.link
          });
      }
  });

  feedparser.on('end', function () {
      res.render('news-feed', {
          title: 'Latest SitePoint News',
          newsitems: newsItems.newsitems
      });
  });
});

Again, a lot of this is standard JavaScript. Inside this route you are parsing the SitePoint news feed and passing it to the template.

Speaking of the template, add a new views/news-feed.hbs file with the following contents:

<header class="aui-page-header">
    <div class="aui-page-header-inner">
        <div class="aui-page-header-main intro-header">
            <h1></h1>
        </div>
    </div>
</header>

<div class="aui-page-panel main-panel">
    <div class="aui-page-panel-inner">
        <section class="aui-page-panel-item">
            <div class="aui-group">
                <div class="aui-item">
                    <ul>
                        
                            <li><a href=""></a></li>
                        
                    </ul>
                </div>
            </div>
        </section>
    </div>
</div>

Here you use the variables passed to populate the template data.

Run node app.js and use ngrok to expose your local server to the internet. Change the baseUrl value in atlassian-connect.json to the secure server that Ngrok supplies to you.

Follow the steps on this Atlassian guide to set up your test copy of JIRA, and when you reach Step 3, use the same secure server address from Ngrok. This should install your plugin.

Click the new News Feed button that has now hopefully appeared in you JIRA menu bar and you'll see the latest SitePoint news right inside JIRA.

Continue reading %Developing Add-ons for Enterprise Apps like JIRA%

by Chris Ward via SitePoint

25 Tips for Building Your Brand on Instagram

Instagram is one of the most exciting social media channels on which to build a brand for your business. The platform is very visual and growing at a tremendous pace.

“By 2017, an estimated 51.8% of social network users will use Instagram and By 2019, nearly two-thirds of all millennial smartphone users will use Instagram". (Source)

According to this report, the platform has 300 million daily active users in 2016.

Instagram’s per-follower engagement rate for top brands is 58 times higher than on Facebook and 120 times greater than on Twitter.

(Source)

Here are some essential tips that you can use to build an impressive brand presence on Instagram:

1. Create a Profile

You need to create a separate business profile on Instagram which posts content that is relevant to your business.

Adding a call to action along with a link in the bio is helpful in getting your target to visit your website, your landing page, or a contact page. You need to showcase the core value proposition of your business in the profile bio.

Using searched keywords or hashtags in the bio is optional since these are not considered in Instagram search results. Here is an example:

2. Link to Other Social Accounts

You can repost your Instagram posts to other social accounts such as Facebook, Twitter, Tumblr, Flickr and Foursquare. You can link these accounts to your Instagram account and get more reach on your Instagram posts with simplified sharing on these accounts.

3. Be Regular

Like any other social media platform, you need to post to Instagram on a daily basis to ensure your followers can engage with your business, actively. You can also promote your Instagram account on other channels like Facebook and Twitter to get more followers on it.

4. Influencer Outreach

This is one of the most popular strategies for promoting your business on Instagram. You need to search for influencer accounts on the platform which have a larger number of followers. Make sure these people belong to your business niche. You need to contact them to check whether they will be willing to ‘shout-out’ your business on their profile. They may do this without a cost depending on the number of followers they have. You could also end up with a barter deal where you promote their account in return.

Here is a list of some of the top global Instagram influencers in 2016.

5. Using Hashtags

Hashtags are the best way to obtain search traffic on Instagram. You need to use a maximum of 3-5 hashtags in your post caption to improve the visibility of your posts. You can find some popular hashtags on Websta, but use them only if they are relevant to your business. Add relevant keyphrases to the tool to find their popularity and then make a wise choice. Here is an example:

6. Professional Images

Instagram is a visual medium and the quality of your images plays a vital role in developing your brand’s desired reputation. You could hire a professional photographer while sharing product images on your Instagram page. Tasteful stock images, such as those from Unsplash, can also be used to share engaging posts relevant to your business. Use Instagram image filters to make your pictures look trendy. You can look at competitor posts to understand which filters work best. The standard square image size for posting on Instagram is 1080px by 1080px.

7. Getting More Followers

You can get more targeted followers on your Instagram account by engaging with them. You need to look for accounts in your niche. These could be those who are following your competitors, or just prospects. You need to follow these accounts, like and comment on their posts and tag them in your posts.

8. Organize Contests

Instagram contests are a useful way to improve the level of interactivity among your followers. You need to create a contest hashtag and then ask prospective participants to upload eye-catching images using the hashtag along with a unique caption. Pick a few winners and give away prizes that they would like. These could be goodies like your company branded coffee mugs, gadgets or anything that the target group will find useful. Here is an example:

9. Use Geo-Tagging

Instagram allows you to add the location of your images to your posts. You can use this feature to tag the site of an event your business is participating in or organizing. The feature also helps in showcasing the location of your business. You can also get your contest participants to use this feature in the case of contests that are organized in your business location.

Continue reading %25 Tips for Building Your Brand on Instagram%

by Abhishek Talreja via SitePoint