Graphics – indscoop Technology News, Entertaiment Thu, 19 Apr 2018 03:21:50 +0000 en-US hourly 1 114420553 How to Add HTML5 Video to WordPress Using Custom Fields Sat, 05 Aug 2017 03:08:52 +0000 […]]]> Generally speaking, if you ask 10 WordPress developers how to do something, you’ll receive ten different answers. But that speaks to both the versatility of the CMS and that there is more than one solution to any given task.

Recently, I faced the challenge of setting up an HTML5 video inside a WordPress page. It’s in a static location and would need to be replaced every so often. While it’s fine to use the Video Shortcode, in this case I wanted to make things extra simple for the folks who would be updating the page. I didn’t want them to have to learn what a Shortcode was or how to use it.

So, the simplest solution (in my mind, anyway) was to create some custom fields where the related video files could be uploaded. From there, the theme’s template would automatically create the necessary code to display the video. Here’s how I did it:

Project Requirements

You’ll of course need a WordPress site and access to edit your theme (please use a child theme if you aren’t already doing so). Some familiarity with PHP and HTML will also be a big help. Beyond that, you should have:

  • A way to create custom fields. The free version of Advanced Custom Fields (ACF) will do the job quite well. Install and activate it on your WordPress website.
  • A video – ideally in multiple formats. Although MP4 files are now supported across every major browser, it might not be a bad idea to provide a WEBM version for extra coverage. And, while you’re at it, a FLV fallback for those using really ancient browsers couldn’t hurt. You’ll want to make sure that each version of your video is set to the same resolution.
  • A ‘poster’ image. Either a screen capture or custom graphic made to the highest resolution your video will be played at.

Step 1: Create the Custom Fields

Once you’ve installed and activated the free version of ACF, go to the Custom Fields menu inside WordPress and then click Add New.

Inside your new set of fields (ours are called ‘Video Fields’), you’ll need to create an ACF File field for each video format you plan to upload, plus another for the poster image. In our setup, we have fields for MP4, WEBM, FLV and a Poster. For each file field, make sure to select the radio button in Return Value that says “File URL”. Also, be sure to make note of the Field Names – we’ll need those later on.

Next, inside the ACF ‘Location’ setting, assign your new fields to whatever page or post you’d like and save your work. When you go to edit that assigned page, you should see the fields (you may have to scroll down a bit to find them).

Step 2: Upload Video Files

Navigate over to edit the page or post where you assigned your new custom fields. From there, it’s a matter of uploading the correct files. Once you’ve uploaded the requisite files, save your page/post.

Step 3: Edit the Template

Now comes the fun part – adding some PHP magic to your theme’s template. If you’re not familiar with the WordPress template hierarchy, now may be a good time to study up on it.

Find the correct template file and location where you’d like to place the video. Then, copy and paste the following code snippet and customize to match your needs:
// Get the Video Fields
$video_mp4 = get_field('mp4_video'); // MP4 Field Name
$video_webm = get_field('webm_video'); // WEBM Field Name
$video_flv = get_field('flv_video'); // FLV Field Name
$video_poster = get_field('poster_image'); // Poster Image Field Name
// Build the Shortcode
$attr = array(
'mp4' => $video_mp4,
'webm' => $video_webm,
'flv' => $video_flv,
'poster' => $video_poster,
'preload' => 'auto'

// Display the Shortcode
echo wp_video_shortcode( $attr );

The first section of code references the names of the custom fields we created in Step 1. We’re creating a PHP variable for each field (they will output the URL of their respective file), which we’ll need to use in the middle section of code.

Down in that middle section, we have an array of attributes for the wp_video_shortcode function. Notice that there is an attribute for each file type. We’re also choosing to preload the video, but that’s completely optional. Here you can also set width, height, loop and even (gasp) auto-play the video if you like.

The bottom section of code is outputting the result of our work into our template.

Once you have everything set up satisfactorily, you will want to save your template and upload it to your website (or just save if you’re using the built in WordPress theme editor). Then, check your page on the front end to make sure the video is properly displayed.

WordPress has a HTML5 video player built right into the CMS and the default player looks and functions quite well. But you can style various options if you want to give it a more personal touch. Inspect the output code with your browser’s developer tools and make note of the various CSS classes. For example, the container element has a class of .wp-video. You may also want to take a look at a tutorial for a more in-depth look at possibilities.

Custom Fields Simplify the Process

Using custom fields can bring a wealth of new functionality and design possibilities to WordPress. But a core element of their awesomeness is that they can make managing content easier. Regardless of who will be adding and editing content, custom fields can streamline the entire process. That benefits us all, but it’s especially nice for users who aren’t expert developers.

Adding some simple functionality like the HTML5 video fields above can greatly reduce the learning curve a new user faces. Instead of having to think about what they’re supposed to do, it’s now become a matter of uploading a few files.

In the end, that little bit of extra work up front can save everyone some time and headaches for the life of the website.

]]> 0 16175
5 Things To Know Before Using Your Credit Card Internationally Wed, 12 Jul 2017 07:10:53 +0000 […]]]> In the interest of full disclosure, One Mile At A Time earns a referral bonus for anyone that’s approved through some of the below links. These are the best publicly available offers that we have found for each card.

Overall I’ve found that it has become significantly easier to make purchases abroad over the past few years. Going back many years I’d make most of my purchases abroad using cash (which I’d withdraw from an ATM once I arrived at my destination), given how many credit cards had foreign transaction fees, how many places didn’t accept credit cards, etc.

However, I’ve found that has changed significantly over the past several years, to the point that I’ve taken some trips where I haven’t withdrawn any cash at all.

So, what has improved? There are a lot more cards with no foreign transaction fees, a lot of cards offer big bonus points for foreign purchases, and more places than ever before accept credit cards.

However, making sense of credit card foreign transaction fees can be complicated. Reader Jim emailed to share his confusion regarding this, so I figured I’d write a post sharing the basics of getting the best value on credit card purchases abroad:


1.Always use a card with no foreign transaction fees

This should be obvious, but always use a credit card without foreign transaction fees. Cards with foreign transaction fees typically charge a 1-3% fee for the privilege of processing a transaction. Back in the day it was rare for credit cards to have no foreign transaction fees, while nowadays there are so many great cards without these fees, even mid-range cards.


2.Don’t settle for just no foreign transaction fees

While there are Amex cards with great bonus categories, keep in mind that many of these apply exclusively to US purchases.

3. Always pay in local currency

Whenever you make a purchase with a US credit card you’ll be asked whether you want the purchase charged in USD or local currency. This is known as dynamic currency conversion. Always have the purchase charged in the local currency, and not in USD.

This might seem counterintuitive to some, but the reason is because the rate you’re given in USD will almost always be significantly worse than the actual exchange rate. In some cases they just give you a really bad exchange rate, in other cases they add on a fee of a couple of percent, etc.

If you’re using a card with no foreign transaction fees, there’s simply zero reason to ever have them charge you in USD. Also remember that you have the right to make this choice, so never let a merchant force you to pay in USD.


4.Not all foreign exchange fees are created equal

This is where things get a bit complicated. You always want to pay in local currency, but that doesn’t necessarily mean you’re getting the best conversion rate. Different payment processing systems use different exchange rates,  It’s actually not that they’re trying to rip you off, but rather that they take different approaches to foreign transactions:

  • Visa guarantees the exchange rate the day you make the purchase, but has a built in cushion since the transaction typically only posts a couple of days later, so exchange rates could change, meaning there’s some risk for Visa
  • MasterCard charges the exchange rate the day the transaction posts (often a couple of days after the transaction), so since they’re charging whatever the rate is, the cushion is much smaller

Fortunately both processing systems let you view their exchange rates online, so you can crunch the numbers for yourself:

However, I don’t believe Amex has a similar conversion tool.

What’s the moral of the story? For a volatile currency the difference can sometimes be significant, but usually the rates are within one percent of one another. All else being equal I find that MasterCard has better rates than Visa, but often the difference is negligible.


5.Amex isn’t accepted a lot of places

I love Amex cards in general, though it’s important to understand that in a lot of countries Amex cards aren’t widely accepted, especially with smaller merchants. So if you do plan on using an Amex card abroad, be sure you have a backup, since it may not be accepted everywhere.


Bottom line

I know this can be complicated for some, though to simplify it as much as possible:

  • Use a credit card with no foreign transaction fees that offers the most points on dining and travel, which is what many purchases abroad are categorized as, and be prepared for Amex cards not to be accepted
  • Always have transactions processed in the local currency
  • MasterCard conversion rates are sometimes marginally better than Visa conversion rates, though that can easily be offset by a better return in terms of the rewards offered

Anyone have any other tips for using credit cards abroad?

]]> 0 15374
Smart Google Operator Hacks Wed, 07 Jun 2017 05:11:33 +0000 […]]]> One of the things I love about Google is its clean layout – just type your query and hit enter. As well as the advanced search function, there are a load of operator hacks you can use to refine your search results. Check out the excellent Google Guide for a full list.

Related image

Here is a selection of some useful ones:

  • salsa -dance will find pages containing “salsa” but not “dance”
  • castle ~glossary will find pages containing glossaries and terminology related to “castle”
  • define:matador will bring up definitions of the word “matador”
  • ~crocodile will search for the word “crocodile” and similar words
  • lon sfo to book flights from London to San Francisco
  • delta flight 5778 to check the status of this flight
  • what time is it in New York to find out the time in this city
  • love to search only Mysite Life for the word “love”
  • love to exclude Mysite Life results from your search for “love”

And don’t forget if you want to visit a site that is down, or that your company’s server won’t let you access, you can view the Cached version to see a Google snapshot of that page from when it was last crawled.

]]> 0 14035
10 Best Free Stock Photos Websites. Tue, 06 Jun 2017 14:24:43 +0000 […]]]>   Image result for stock photos

So many times, the graphic designers, even freelancers, search for high-quality photo resources for use in their projects, but not everybody have the budget to buy  stock images. That’s we need to know at least a couple of sites in which we can found a good amount of all types photography’s in high resolution and totally free to use.

Now we bring you a compilation of the best free stock images sites for your consideration.

01. Pexels.

A great site in which we can found over 3,800 free stock photos in high resolution, and the best thing is that all the photos in the site are licensed under the Creative Commons Zero (CC0) license, therefore the pictures are completely free to be used in personal and commercial projects without attribution required.


(Photo: Source)

02. Magdeleine.

Unlike the previous site, in this one we can found a lot of high-quality images, but some of these have a license with attribution required and the remaining are CC0 license. The site contains a great deal of very useful images and a new picture is added everyday.


(Photo: Source)

03. Unsplash.

All photos published on Unsplash are licensed under Creative Commons Zero which means you can copy, modify, distribute and use the photos for free, including commercial purposes, without asking permission from or providing attribution to the photographer or Unsplash.

This site contains an amazing collection of high-quality photos and 10 new photos are added each 10 days.


(Photo: Source)

04. Life of Pix.

This is a site in which we can find a big collection of free high-resolution photos without copyright restrictions, all images are donated to the public domain, besides this some new photos are added weekly.


(Photo: Source)

05. Splashbase.

Splashbase is a search and discovery platform for more than 15 sites of free stock photos and with the plus that some of these are video stocks sites which make it a really extensive and complete option.


(Photo: Source)

06. Gratisography.

With a great collection of high-quality photos, this site is characterized by providing a lot of funny and creative original photos, all with CC0 license.


(Photo: Source)

07. Picjumbo.

This is a really amazing site because it has a considerable amount of professional and high-quality totally free photos for personal and commercial uses, also has more than 12 different categories that will make easier to find what you are looking for.


(Photo: Source)

08. Pixabay.

Pixabay is another really amazing site in wich we can found a big collection of not only photos but also vectors and videos totally free and published under CC0 license. A great bonus of this site is that the site provides us the option of choose between four different sizes for the photos which are S, M, L and XL.


(Photo: Source)

09. Realistic Shots.

What happens when you need a realistic photo and you only find some too elaborate? Well, this site offers a lot of very genuine and natural photographies that will give to your project a really personal touch. All of these are free to personal and commercial use.


(Photo: Source)

10. Designer Pics.

In spite of the number of images that this site contains is limited, we can found some very gorgeous images that will be very useful for our projects that’s why not be amiss add this site to our bookmarks.


(Photo: Source)

]]> 0 14037
How to Enable USB Debugging on Android Nougat Sat, 20 May 2017 02:48:07 +0000 […]]]> Android 7.0 is now officially called as Android Nougat. USB Debugging is quite a useful setting available on Android which allows you to transfer data to and  from PC to phone. It’s actually hidden option and there is a little trick to get this option available. If you have got Android Nougat phone and looking for USB Debugging then here is how you can enable Developer Options on Android Nougat phones which includes the option of USB debugging built-in.

]]> 0 13802
Migrating a Local WordPress Installation to a Live Site Using Duplicator Plugin Tue, 09 May 2017 09:58:11 +0000 […]]]> Using a local server environment will save you a bunch of time if you regularly develop new WordPress websites. Local development has many advantages – it’s faster and more secure than constantly uploading files to a server.

The only problem is migrating to a web host can be a headache. No one likes to mess around with database tables.Fortunately, migration is simpler than it sounds and will take you not time at all if you follow the steps below.In this article, I’ll show you how to use the Duplicator plugin to quickly and easy copy a localhost WordPress installation to an online hosting account.

There are many different ways to migrate a WordPress site, but one of the easiest, by far, is with the free Duplicator plugin.

It’s an overwhelmingly popular plugin in the WordPress Plugin Repository, with a 4.9 out of 5 stars rating and more than 700,000 downloads.In the steps below, I’ll explain and illustrate the steps for migrating a localhost site with Duplicator. The exact steps will differ depending on your online server/host setup.

Before we get started, you’ll need:

An FTP client and login details for your live site.

It’s also important to note that you don’t need to install WordPress on the destination server before following these steps. Duplicator will copy across all necessary WordPress files for you.

Step 1. Package Your Site With Duplicator

Download and install Duplicator on your localhost site. The plugin is available for free in the WordPress Plugin Repository, so you can search for it in the plugin interface.

Download Duplicator

I’m using a beta version of WordPress 4.0, hence why the plugin interface says Duplicator is untested with my version of WordPress.

Once installed and activated, click on “Duplicator” in the admin sidebar and the Duplicator Packages interface will be displayed. Since I’ve just installed Duplicator, I don’t have any packages.

Create package

Create a new package in Duplicator.

So what is a package? A package consists of an archive of your site (the default is a .ZIP file) and an installer file that automates the process of setting up your archived site on another server.

Click on “Create New” to create a package.

The next screen will prompt you to name your package and make a few notes. It’s not really important what you name your package, though you might want to give it a memorable title if you plan to make multiple packages. Add a few notes if you want to.

Duplicator package setup

Duplicator package setup.

There are optional Archive and Installer settings, but we’ll ignore these for now. The Archive settings allow you to filter your database, while the Installer options can be used to pre-fill the Installer screen so that it is setup at install time for future use. This can help speed up your overall install process.

Click “Next” to move on.

Duplicator will run a system scan to ensure the package build process will run smoothly. The scan step can help determine any potential issues. Passing all scan checks aren’t required in order to attempt a build, though the more “Warn” checks you get, the more likely it is you will run into issues during the build and install phases.

The scan didn’t uncover any major issues on my site other than large image files, which I’ll ignore because it’s unlikely the images will cause any problems in upcoming steps.

Duplicator system scan

Duplicator system scan.

Click “Build” to create your package.

The plugin will begin backing up your site.

Building a Duplicator package

Building a Duplicator package.

As mentioned above, Duplicator will produce two files: an archive of your site (as a .ZIP file) and an installer file (as a .PHP file).


Step 2. Copy Installer and Archive Files to Live Site

In order to install and unpack my packaged site, I need to copy the archive and installer files Duplicator created to my live site’s directory. I’m going to use Filezilla to do this with FTP.

Login to your site via FTP. Navigate to your public_html folder and copy the archive and installer files from your desktop to the folder. It may take a little while for the files to copy, especially if your archive file is quite large.

FTP into live site

Copy your Duplicator package files (installer and archive) to your live site.

Step 3. Installing Your Site On Your Live Server

The next step is to install the archived site on the live server. To do this, we’ll need to access the installer file we just copied to the live site, by adding /installer.php to the domain.

In my case, the address is

The installer interface will appear, prompting you to add your MySQL details. If you’re replacing an existing WordPress site (i.e. copying across an updated version of a site), you’ll need to enter your existing database details.

Test connection

Test your database connection to ensure they are correct.

If you’re creating a new site, click “Create New” and enter fresh database details. Some hosting providers don’t allow the database creation option to work, which means you’ll need to manually create the database yourself.

Since my web host won’t let me automatically create a new database, here are the steps for creating a new database in cPanel:

  • In cPanel, open MySQL Database.
  • Create a new database and name it anything you like, though it will have a prefix.
  • Create a new user.
  • Add your newly created user to your newly created database.
  • Give your user access to all privileges and click “Make Changes.”
  • When you’ve filled out your database details, click “Test Connection” to check whether the installer can access your database.

Ensure you get a “Success” manage for both the “Server Connected” and “Database Found” tests before moving on to the next step. This will ensure you won’t encounter any problems during installation.

Test database connection

Make sure you get success for both fields before moving on through the steps.

Click “Close” and at the bottom of the installer screen check “I have read all warnings and notices”. Then click “Run Deployment.”

The installer will then begin installing your site on your live server. It may take a while for the installation process to complete if your site is quite large.

During installation, Duplicator will ask you to confirm old and new details for your site. Make sure they’re correct and click “Run Update.”

Final Duplicator Steps

Duplicator will ask you to complete four more short, yet important, steps:
1. Install Report – This is simply a report detailing any errors encountered (hopefully none!) and the numbers of database tables, rows and cells created, scanned and updated so you can check the plugin has copied across your database information.
2. Save Permalinks – Click on the link “Save Permalinks” link and you’ll be taken to your new, live site where you can save your permalinks preference.
3. Test Site – When you click on “Test Site” it will open the front-end of your live site so you can check that everything is working.
4. File Cleanup – It’s important to remove the installer file and any associated files that were created during the installation process for security purposes. Click on “File Cleanup” to automatically delete these files.

Check Your Live Site

And that’s it. Your live site should now be an exact replica of your localhost installation, only now it’s available online for all the world to see.

Do you use Duplicator to migrate sites? If not, what method works best for you?

]]> 0 13781
5 Future Concept Cars YOU MUST SEE Thu, 09 Mar 2017 04:51:56 +0000 […]]]>

5. 2017 Mercedes-Benz Generation EQ Concept

The German automaker has its sights set at competing in the electric vehicle segment, showing off the Generation EQ Concept in Paris. It’s a bit of a Tesla Model X fighter, with two separate electric motors generating around 400 horsepower and 516 pound-feet of torque. Mercedes claims it has a driving range of about 310 miles and permanent all-wheel drive helps contribute to a zero-to-62 mph [0-100 km/h] time of less than five seconds.

4. 2017 Volkswagen ID Concept

According to Volkswagen, the production version of the I.D. will arrive by 2020, and a fully self-driving version will be on sale by 2025. In autonomous mode, the steering wheel will tuck back into the dash.

3. 2016 Faraday Future FFZERO1 Concept

The company behind this new car is called Faraday Future. Just 18 months old, it’s a new automaker, but it’s backed by some serious friends. Supported by a Chinese billionaire and with help from Nevada state officials, Faraday Future will begin making cars right here in the U.S.

2. 2017 BMW i Vision Future Interaction Concept

e BMW i Vision Future Interaction concept, which is an i8 with an interior packed full of futuristic technology. High-resolution vehicle displays including a 21-inch screen are found throughout the interior, which are controlled using gestures, touch-sensitive surfaces and voice controls.

1. 2016 Rolls-Royce Vision Next 100 Concept

Rolls-Royce showed off its Vision Next 100 concept today in London, giving a look at what its vehicles might look like a century years from now. The Rolls-Royce Vision Next 100 is the most luxurious car ever made. The chassis of this luxury car is a hand-built, and it is made from the most luxurious, advanced, and most expensive materials.

]]> 0 13766
How To Create Your Own Vocal-Free Karaoke Tracks Wed, 09 Nov 2016 06:57:55 +0000 […]]]> I’m sure you will agree with me that there’s nothing better for the spirit than karaoke. Whether you like singing or not, once you get over the initial embarrassment and start picturing yourself standing on stage and singing with a real band, it becomes a truly uplifting experience.

Karaoke is not necessarily a group activity – what about karaoke tracks you can listen to in the car, singing along to yourself? Or even while working on your computer? There’s an endless amount of fun to be had with vocal-free tracks.

Somehow, though, it’s always hard to find the ones you really want. YouTube is full of vocal-free tracks, but it’s never the ones you really feel like singing. I’ve always wished I could create my own karaoke tracks from my own favorite songs, but it always seemed like a really complicated task. Something only real audiophiles would be up to. Turns out I was wrong. Creating your own karaoke tracks is actually easy as pie, and takes about 5 to 60 seconds to accomplish, depending on the method you choose.

The songs you create may end up sounding a little bit warped, but hey, no one’s coming to karaoke night for the quality of the music anyway.

Do It Yourself With Audacity [Windows, Mac, Linux]

I’ve been seeing this method around for quite a while, but never believed it actually worked until I tried it. This method is the more satisfying of the two, and works with any audio format you can think of (I tried Mp3 and Ogg, both worked perfectly).

To create karaoke tracks using this method, the first thing you need to do is download Audacity. Audacity is a great audio editor, and works on pretty much any OS. Once you have Audacity, launch it and load the song you want to strip of vocals (File –> Open or File –> Import –> Audio will do the trick).

create karaoke tracks

Once your audio track is loaded, you’ll usually see two blue tracks. These are the two stereo tracks of your song. In order to get rid of the vocals, your first step would be to split these tracks into two separate audio tracks which you can edit individually. To do this, click on the small black triangle on the top left and choose “Split Stereo Track”.

create karaoke songs

Now that you have two separate tracks, double click on one of them (doesn’t matter which) to select all of it. Click the “Effects” menu and choose “Invert”.

create karaoke songs

This will invert the entire track, which will enable us to cancel it out. If you listen to the track now, the vocals will still be there. There’s one step left, and this is the important one: Click on the black triangle for both tracks, and change both of them to Mono.

create karaoke songs

It’s very important that you change them both, otherwise the vocals will not be stripped. That’s it, you can now hit play and listen to your new karaoke track. You can also export it into an audio file to create your custom karaoke playlist (you’ll need the LAME Mp3 encoder if you want to export to MP3).

So how does it work? This method doesn’t work with every song, but it should work with most. Without getting too technical, most songs are recorded on two stereo channels, with some instruments balanced more to the right, and some balanced more to the left. The vocals of the song are usually in the center, therefore appearing on both tracks. When we split the tracks and invert one of them, the vocals on the inverted track cancel out the vocals on the regular track. We then switch them both to mono, and we’re left with only instruments.

If the song you chose uses reverb, you might here a slight echo of the vocals, but this shouldn’t be too much of a problem. If the song you chose is different than most, and the vocals are not dead centered, this method might not work at all. The best way to find out is to give it a try!

For Mp3s & CDs: Karaoke Anything! [Windows]

If you don’t feel like doing the actual work, you can let Karaoke Anything! do it for you. Note, however, that this app only works with audio CDs or Mp3 files, and you can’t load Mp3 playlists, only individual files.

Using Karaoke Anything is dead simple. Launch the app, choose “MP3 Player Mode” or “CD Player Mode” and you’re pretty much done. If you chose to use Mp3 files, click on File –> Open to add your song. Click play, and the song will start playing without any vocals. It’s like magic!

create karaoke tracks

You can use the “Karaoke Effect” slider to control the vocals’ volume, in case you want to be able to hear it but still sing over it without it interfering.

Which One Should You Use?

That really depends. In general, both methods give similar results, although some songs may end up better using one method than the other. If you want to create your own vocal-free files, if you want to use anything other than Mp3s or CDs, or if you’re not using Windows, Audacity is the obvious choice. Otherwise, give Karaoke Anything a try, and you might be able to kick off the party in the time it takes you to download a 2.5MB installer.

]]> 0 13619
Top 12 UI Design Tools Tue, 08 Nov 2016 10:43:13 +0000 […]]]> The amazing and intimidating thing is that there are a myriad of challenges in UI & UX Design, and exponentially more potential solutions. The best kinds of solutions are ones that can be seamlessly integrated into the current tools of choice, and those that can be accessed at any point from the process. So without further ado, I present to you the first collection of key tools we use to make our lives easier:


Get inspired! Coolors is a color palette randomizer with the ability to lock down or enter colors you gotta have, while exploring potentially harmonious color combinations. After creating an account you can save multiple palettes, and export the colors into an eps file format for easy application in Illustrator, Photoshop, and Sketch. Currently they’re working on developing Illustrator and Photoshop add-ons for even more integrated bliss!



Gone are the tedious days of taking website screencaps, and dragging art into a program with an eyedrop color picker. When picking from the site, ColorZilla automatically copies the hex code to your clipboard, and provides the RGB values. An impressive feature is the Ultimate CSS Gradient Generator, complete with hue and saturation sliders.



Devs and Designers get along best when we communicate clearly and effectively. To any eagle-eyed artist, this is most imperative when it comes to layout and visual quality assurance. Specctr helps to spell out sizing, font details, color, and padding so that clarity is delivered early on. Super customizable, you can set measurements in percentage (for responsive design), and scale up specs without having to alter your art (for example, if you created half size designs to save on space, double the specs to reflect true size). Only down side is they don’t yet have a plugin for Sketch. One day!



Cmd + Shift + 5; the go-to shortcut to launch screen capture and annotation. My favourite thing about Skitch is how quick it is to sync my marked up image, and how it updates the “note” as I go. Saves a lot of time and offers clarity especially when working remotely from your team. Your notes are hosted on Evernote, accessible through a single URL, removing the need to upload files multiple times (e.g. to Jira, Email, Slack, etc).



Bringing your ideas to life and putting them through the paces before full development is crucial. Invision allows for speedy demonstration of your flow concepts and transitions on desktop and on device. Pinpoint commenting allows for concise collaboration and feedback between teams.


Sim Daltonism

Accessibility is just as important when making sure a design works in terms of balance, hierarchy, harmony, and excitement. While still a work in progress, Sim Daltonism is a helpful real-time simulator tool to demonstrate what your designs could look like as seen by a colorblind person. You can make adjustments to contrast and ensure it’s working on multiple levels. Available filters are: Monochromacy (complete), Monochromacy (partial), Protanopia (complete red-green), Protanomaly (partial red-green), Deuteranopia (complete red-green), Deuteranomaly (partial red-green), Tritanopia (complete blue-yellow), Tritanomaly (partial blue-yellow).


Noun project (icon archive)

Noun Project gives you access to “Thousands of glyph icons from different artists. Some icons are free and some for a fee,” downloadable as PNGs or SVGs. The desktop app allows designers to drag and drop icons directly onto their artboards.



While designers pride themselves on being able to ID Garamond and Open Sans in a flash, there are just as many designers continuing to produce gorgeous typefaces. Have the answer at your fingertips without breaking your stride. They don’t stop at just the typeface name; WhatFont includes line height and point size, as well as a preview of the rest of the font.


Page Ruler

This Chrome extension is useful especially when going through visual quality insurance, or to answer a passing curiosity. Bypass taking screencaps and checking in an external app, and check sizing from the browser. What I like best about this tool is the pressure is off; there isn’t a need to be precise on the first shot. You can reposition, resize, and Element Mode highlights objects on the page as you hover over, taking out the guesswork of where they begin and end.


Responsive Inspector

Rather than getting within hugging distance of your screen, in order to test exact screen sizes for your responsive site, this Chrome extension snaps your browser into shape. Responsive Inspector also provides CSS media query code viewing per screen size.

responsive inspector

Sketch Content Generator Plugin

For those times that real data and content is unavailable, use this Sketch plugin for fleshing out your designs.



During the periods of vigorous functional & UI testing, Snaffu is your new best friend (and I’m not just saying that because we built it). Installable in your app and triggered by shaking the device, Snaffu captures all build and device info, and a screencap of the offending bug. Annotation tools draw attention to the issue, and anyone on the team can add the issue directly into JIRA, Pivotal Tracker, or Asana to be addressed. Having Snaffu integrated into your app makes for seamless testing and reporting right from the device, saving time and energy usually spent on tedious data capture and entry.


]]> 0 13597
How to save a GIF from Twitter Thu, 11 Aug 2016 04:22:04 +0000 […]]]> Twitter has currently no option to save a GIF directly in their app. Another problem is that Twitter GIFs are not real GIFs. They are just videos that automatically play in a loop. However, it is possible to download a Twitter GIF and convert it to a real GIF in just two steps.

First, you need to download the GIF as video. SaveDeo makes that possible:

  1. Go to:
  2. Copy the direct link to the post in the input box
  3. Click download.

Now you have the GIF in the MP4 video format. Next you need to convert the video to a GIF. Therefore you can useEZGIF:

  1. Go to:
  2. Upload the video you just downloaded.
  3. Set the start time to 0
  4. Set the end time to the length of the video.
  5. Click convert to GIF.
  6. Click save to download the file.
How to add an HTML Signature in Apple Mail for El Capitan OS X 10.11 Wed, 10 Aug 2016 06:50:25 +0000 […]]]> There are plenty of tutorials online to create an HTML signature in Apple Mail with older versions of OS X, and you have probably already seen one of my own tutorials on how to add HTML Signatures in Lion, Mountain Lion, iOS 7, Mavericks or Yosemite, but the process has changed ever so slightly for the new OS X El Capitan (10.11). Here is how to do it:

In Apple Mail, go to Preferences > Signatures and create a signature with any random content. Name it something meaningful in the central column. You will be swapping this out later.

Associate the placeholder signature with one of your email accounts by dragging its name from the second column in the Preferences > Signatures window to an email account in the first column.

Close the Preferences window to save it, then quit Apple Mail.
We are going to need to locate the folder containing the placeholder signature. Unfortunately, you are not going to be able to use Finder to get to these folders.Apple goes to great lengths to hide these files from people as they usually contain info that is not editable by hand. Trying to navigate through by clicking in Finder will usually lead you to your visible iCloud Drive folder with nowhere to go. Don’t worry though, I will walk you through an alternative method of getting at those files.The files can be in 2 different places depending on whether you are using iCloud Drive or not. You are most likely using iCloud Drive, even if you are not using an iCloud email address. Check by going to System Preferences > iCloud, then seeing if the iCloud Drive checkbox is ticked or not.Using iCloud Drive:

~/Library/Mobile\ Documents/com~apple~mail/Data/V3/MailData/Signatures/

Not Using iCloud Drive:


Open, found in Applications > Utilities, paste the following line into the box and press enter

Using iCloud Drive:

ls -laht ~/Library/Mobile\ Documents/com~apple~mail/Data/V3/MailData/Signatures/

Not Using iCloud Drive:

ls -laht ~/Library/Mail/V3/MailData/Signatures/

This line tells Terminal to list all the files in this directory along with some other file info, then sort it by date. When you press enter you should see a bunch of lines, each of which corresponds to a file and some of its metadata. Look at the right side column — the file names — and notice some that start with ubiquitous_ and end in .mailsignature. These are the files we are interested in working with.

If you get an error, make sure you pasted the line in exactly like shown on one line. If you still get an error, try the next path on the list above.

As mentioned above, we could normally use Finder to view these folders, but Apple has hidden access to them to prevent direct editing, something we wish to do here. If you have only 1 ubiquitous mailsignature file, then this is most likely the placeholder file you created in step 1. If you have more than one mailsignature file in there, then you need to find the one you created in step 1. Because this list is sorted top-down by the most recently updated, it will most likely be the top one, but you can check by opening them all and seeing ther contents. does not respond to double-clicking the file so how can you open the mailsignature files? You can copy/paste the following command on the keyboard, all on one line.

Using iCloud Drive:

open -a TextEdit ~/Library/Mobile\ Documents/com~apple~mail/Data/V3/MailData/Signatures/ubiquitous_*.mailsignature

Not Using iCloud Drive:
open -a TextEdit ~/Library/Mail/V3/MailData/Signatures/*.mailsignature

This line tells Terminal to open all files in that directory that have a filename that starts with ubiquitous_ and ends with mailsignature, and to open them using the TextEdit application.

Once you have these files open in TextEdit, move on to next step.

When you created a temporary placeholder signature in step 1, Mail automatically created a ubiquitout_XXXXXXX.mailsignature file that represents it. This placeholder now should be open in TextEdit.If you have more than one ubiquitout_XXXXXXX.mailsignature files open in TextEdit, we have to find the right one amongst them now. To help ensure you have the right file, look the one you think is your placeholder in TextEdit. You should see the placeholder text you entered in step 1, along with other code and metadata.
Look for your placeholder text in the highlighted part shown in the image above. Here, we know we have the correct file because we can clearly see our placeholder text:“This is a placeholder.” If you cannot find the placeholder, you may still be in “edit” mode on the signature. Try closing the Mail > Preferences Window, quitting Apple Mail and opening the files using the process outlined in the previous step. If you still cannot find the placeholder, you may need to try one of the other folders from the above step.

When you have located the right placeholder .mailsignature file, keep it open and close all other TextEdit windows. Feel free to resize the window to make text editing a bit easier. You will see a few metadata lines on the top of the file and some html code below it. Select only the placeholder code

Keep the top metadata lines, but replace the html in the file with your own from step 2


Save and close the file.

If you are using iCloud Drive, skip this step and proceed to the next step. You can determine if you are using iCloud for Apple Mail by checking System Preferences > iCloud. Still unsure? Skip this step — you can redo the steps and include this one if your signature is not working correctly at the end.Even though you save this file, Apple Mail may use the original version and overwrite your new signature unless you lock the file. With your text editor now closed and the file saved, go back to terminal, enter the following line, and lock all the mailsignaturefiles in the folder.Lock Files:

chflags uchg ~/Library/Mail/V3/MailData/Signatures/*.mailsignature

If you mess up, you can unlock the files with this command.

Unlock Files:

chflags nouchg ~/Library/Mail/V3/MailData/Signatures/*.mailsignatureOpen Apple Mail and go back to Preferences > Signatures. If you have images in your signature, they will will not show here in the preview, but they will show in the real signature if the image source location is valid.

To test that it is working correctly, simply compose a new email using the account you associated this signature with in step 2, and set the signature (right side of screen) to be the one with the name you created in step 1. If the images show, and everything looks as it should, you have succeeded!

How to Add a Signature to Your Apple Mail E-Mails Sat, 06 Aug 2016 00:45:23 +0000 […]]]>

Choose Mail→Preferences and click the Signatures button.

The Signatures pane opens.


From the Signatures pane that appears, click the Add Signature button.

Your signature options show up here.


Click the signature name and then type an identifying name.

Press Return to save the new name.

Click inside the text entry box and type the signature.

Now open your HTML signature in an editor, copy all and paste it to the text box above

(Optional) If you have multiple signatures, click the Choose Signature pop-up menu.

Here you can choose which one you want to use or to use them all randomly or in sequence.

If you prefer the signature to appear above the quoted text in a reply, select the Place Signature above Quoted Text check box.

HTML Email Signature for GMail Thu, 04 Aug 2016 08:12:58 +0000 […]]]> If you want to install a HTML email signature into your Gmail, you have come to the right place. GMail users are in luck as the installation process is very straight forward and simple. Assuming that you have a HTML email signature created already, follow the 4 easy steps below to get your great looking email signature installed.

Step 1: Open your HTML file

Drag your HTML email signature file into your browser.

Step 2: Copy Signature

Select your entire signature design (Command+A) and Copy (Command+C). On other broswers where you cannot select the content by highlighting it, go toEdit > Select All and then Edit > Copy

Step 3: Open GMail Settings

In Gmail, you may see a Machine Bearing icon on the upper right hand side. In the drop down menu, go to Settings.

Step 4: Paste HTML Content and Save

Under the General tab in Settings, scroll down till you find the Signature section. Click inside the Signature edit box and go to Edit > Paste to paste in the HTML you have stored in the clipboard (Command+V). Click “Save Changes” right below the Signature edit box.

30 GIF Examples Of UI Mobile App Animations Tue, 26 Jul 2016 09:21:15 +0000 […]]]> This article is all about UI mobile app animations! When presenting an app concept, storyboards and screenshots alone just lack life and cannot fully drive the message across. If you want to catch your potential clients’ attention, showcasing your mobile app concept in GIF animation will make it more realistic, dynamic, and engaging.

Learn From These 30 GIF Examples Of UI Mobile App Animations

Below is our list of 30 GIF examples of User Interface mobile app animations that will surely inspire you to do the same next time you present your app concept to your client.


This speedcam app in GIF is simply impressive

1.Speedcam App Animation by Jakub Antalík for

Undeniably, Jakub Antalik has successfully presented his speedcam app in action in this GIF. Its nice colors and smooth animation simply make it impressive. Jakub Antalik created it in After Effect, imported it in Photoshop, and exported it as a GIF.

designer screen

This GIF image is simply awesome

2.Designer Screen GIF-Animation by Sergey Valiukh for Tubik Studio

This mobile app design by Sergey Valiukh is simply awesome! You can’t help being in awe with his concept and approach.


This GIF app is another work of Sergey Valiukh

3. Gif Animation of Template Gallery by Sergey Valiukh for Tubik Studio

This is another bang-up work of Sergey Valiukh. This animation for a user profile gallery slider simply rocks!


How you view weather will never be the same with this app

4.Weather Rebound by Chris Slowik

What an impressive weather app, without question. Kudos to Chris Slowik for this awesome work! Chris Slowik removed its current weather icon from the ‘window’, hence, you can’t see an icon when you look at it.

curl (1)

If this app won’t get you to exercise, what would?

5. Curl by Nicolas Girard

Health buffs out there may say that the model in the app’s GIF displays a wrong form for bicep curls. But, hey, there is no questioning that this app concept is simply awesome! Nicolas used 3DSMax for the armband module and did everything else using After Effects.


Welcome to content that moves!

6. GIF – Workflow Payment by Barthelemy Chalvet for AgenceMe

If you are not a fan of content that moves when the screen is rolled, then you may think that this app is not cool at all. However, if you have no problem with such, you’ll surely agree that this work of Barthelemy Chalvet is awesome. Its animations are really nice, appearing undeniably fluid and fast. The GIF focuses on a payment procedure that does not only look neat but handy, too.


Get the latest information about your favorite celebrity just by scanning their photo

7.FaceScan App by George Frigo

This animation only lasts for 12 seconds. Nonetheless, it is already pretty obvious what it is all about. This concept formed from George Frigo’s desire to establish a similar application that makes it possible for Internet users to obtain information by using a photo of a person, whether he’s a celebrity or just an ordinary citizen.


Discover music in an interactive way with WIP Discover

8.WIP Discover Music app by Alexander van Ravestyn

As its name suggests, it is pretty obvious what Alexander van Ravestyn wants to direct users’ attention towards the process of navigating: a slickly designed screen with a music player. This IOS app focuses on discovering music in a rather interactive way. There is no denying that it is simply awesome.

walkthrough animation

Walkthrough has a series of dynamic slides and buttons

9.Walkthrough Animation by Devin Ruppert

The GIF of Walkthrough by Devin Ruppert highlights a welcome screen featuring a slider with numerous dynamic slides and a panel featuring login buttons. Everything about this app is brought to life so that what you can expect from this app can be effectively showcased. Great work!

interaction overview

An app that is designed to make life simple

10. Interaction Overview by Mihnea Zamfir

Despite being concise, there is no denying that this animation is effective in showing a client a simple procedure of adding and deleting entries from a card directory. Now, talk about simplicity, beauty, and efficacy all rolled into one!

Delete task and assign task to your teammate in action

Never miss a task with this app

11. Delete Task and Assign Task to Your Teammate in Action by Tobs

The GIF is targeted at demonstrating swipe technique in action that is not only common but effective, too. The whole thing simply looks alive, conventional, and engaging! What a great way, indeed, to delete and assign a task to a teammate in action. The animation was done in After Effect as well.

menu interaction

A stylish app with a stylish design

12. Menu Interaction GIF by Ben Dunn

This work by Ben Dunn, without question, is an impressive tool for showcasing the appeal of a standard menu in action, sliding out from the left side elegantly as it presents the important links. Don’t you just love the way how icons pop up from the left side?


The animation might seem complicated but you can’t deny the awesome design of this app

13. Abracadabra App by Sergey Valiukh for Tubik Studio

Although there are some who have criticized this particular work for having an animation that seems complicated, it just can’t be denied that this another work of Sergey Valiukh is just as awesome as the other apps he has created. The menu idea is simply great, especially how it folds.

showtime app

Want to know where the hottest place in town is? Showtime will lead you

14. Showtime App by Luft

This app by Luft is the most ideal for the weekend nocturnal creatures who are constantly in the lookout for a nice place to paint the town red. The only problem about this app is its right button color which makes it less readable. With this app, it’s show time, indeed!

ios7 animation

A fun and fancy app for iOS 7

15. iOS 7 Animation by Fabio Basile

This app is, obviously, a result of the freedom of Fabio Basile to have fun with animations and fancy interactions. Without question, this is way better than those horrid settings trays that people use.

life minimal app

16. Life Minimal App by Budi Tanrim

This app by Budi Tanrim is one great example of an app with impressive transitions and visualization. With the help of PSD, After Effect, and 12 grueling hours of hard work, this animation came into existence.

weather by beardchicken

Weather lives up to its name and the animation makes it even more interesting

17. Weather by BeardChicken

Is the weather outside frightful? Well, just imagine how fun and easy and checking the weather will be with this weather app by BeardChicken. This work is simply elegant!


Awesome transitions – that is how you describe this app

18. Account by Barthelemy Chalvet for AgenceMe

You can’t help but admire the transitions of this app, although some people think that it gives them motion sickness. Others observed, though, that the text is too small. Whatever your take on this is, there is no denying that it simply looks awesome!


A neat app with impressive animation

19. Work Page by Barthelemy Chalvet for AgenceMe

Another app with great animation. Its colors and font are simply spot on. It may look minimal, but it’s definitely looking neat! This is another animation made possible with the use of After Effect.


This app puts Photoshop CS6 to good use

20. Covert Inbox by Creativedash

This app clearly demonstrates what happens when you are tapping on something and you get a new message. Its animations and details are simply incredible.The GIF was created with the use of Photoshop CS6.

soccer analytics

Keeping up with the latest news in soccer is much more fun with this app

21. Soccer Analytics by Monterosa

This app by Monterosa is a must-have for every soccer aficionado. The graphics are awesome and the animation is simply amazing.

onboarding-tour by mark geyer

Discover your pace without an y pressure with this app

22. Tour by Mark Geyer for Salesforce UX D

This is an onboarding tour concept for Salesforce1. The users would be able to swipe through the tour at the pace of their choice before diving into the app. The animations are just as impressive with the other apps listed on this list.

loading animation

This is an Iron Man-ispired app

23. Loading Animation by Nicolas Girard

Mind blowing animations that simply awe. Nicolas created it for Commongood.TV. Iron man-inspired? Hmmm…


Save, retrieve, and access images easily with this app

24. Photo Navigation Concept by Chapps

This app is based on the concept that, in just a few clicks, the user can already get the necessary images that have been added and tagged earlier. With just one touch, you can choose the category that you want or need. The whole process is reminiscent of an image search on a desktop, only it is done in a mobile device.


A great concept fo a payment card

25. Fiche Workflow Payment by Barthelemy Chalvet for AgenceMe

This is definitely a gorgeous app. A great concept for a payment card, indeed!


A map app with a refreshing design and concept

26. Map Pin Bubble by Ben Cline for RALLY

Oh, the secondary bubble simply look slick. Commenters refer to it as ‘design with life’, thanks to its riveting animation. This app makes use of Map Box API. Without question, it is a refreshingly unique approach to iOS map callouts.


Neat and simple – that is what this app is all about

27. Menu (Animation) by Nest

You’ll surely love the neatness and simplicity of this app. Its transitions are simply awesome. Everything about this app is done in AE.

first shot

The design and color palette used in this app shout simplicity and fun

28. First Shot by Plady

Another app that oozes not only with an impressive concept but great animation, too. Now, can you imagine how exciting Dribbble can even become if it adapted this concept? Plady used Photoshop for this great work.

exercise screen

Workout tracking becomes easy with this app concept

29. Exercise Screen by Vitaly Rubtsov for Yalantis

Are you a health buff? Then, this app concept will surely be in your good graces. This GIF showcases a little of its set interaction. Hopefully, this concept can be fully actualized as it can surely make workout tracking a piece of cake. Just be careful, though: you might end up spending more time playing with it than exercising!

animated sliding bar

There’s no denying that the 3D fold effect of this app is simply awesome

30. Animated Sliding Tab Bar by Virgil Pana

This concept is simply smart as it can be of help on devices that have small screen size. Its drag handler is close to the edge of the screen for the bounding box because the action is limited. Nonetheless, the 3D fold effect is just cool, isn’t it?


Both UI and UX developers have recognized the importance of animated pictures in presenting their ideas that are a result of their painstaking work and inherent artistry. With GIF animations, the usually irritating and time-consuming procedure of explaining to clients can be averted. No matter how wonderful the screenshots of app concepts are, only short and fully animated GIFs can convey and demonstrate the interaction between all of the vital components in a more alive manner.

]]> 0 9504 Creating Simple Line Icons in Adobe Illustrator Mon, 25 Jul 2016 11:24:30 +0000 […]]]> In the last couple of years, icons got really simplified, especially after the mobile apps became so popular. I actually do love icons as an icon is the best way to present information quickly and very simply. Icons are beautiful; they can be colourful, simple and artistic. Do a search in Google for a camera icon, you will see so many versions which are just great.

Because of my love for icons, I have decided to create a quick tutorial on how to create simple line icons in Adobe Illustrator. I am going to show you how with simple shapes and various techniques and tools, you can achieve a great line icon design. You can even create a set if you have time.

Have a look at what we are creating today:

All these icons are created with simple shapes and the pathfinder tool. But let’s get to business.

Comment / Chat icon

The chat icon is created by using two shapes: a circle and a triangle. We are using a rectangle to make a triangle as this is done by using the pen tool to remove one of the anchor points, no matter which one.

You now should have a nice triangle shape that will be used to create the comment icon.
The next step is to scale down the triangle a little bit and reflect it vertically so we will have a nice shape for the speech bubble.


We also need to change a little bit the circle shape so to have a nice ellipse. To do so, use the Direct Selection Tool (Click A to use it right away). Select the top anchor point of the circle and move down with two steps (Hold Shift and Down Arrow to do bigger steps). Repeat the same for the bottom anchor point. Doing it correctly, you should have something like this.


Now you should position the triangle shape into the ellipse one to create the main comment icon shape. You can rotate a little bit the triangular shape to have a nice angle of it.


Ta da! We have a nice shape of a comment icon. Here comes the Pathfinder. In order to have a whole shape we need to use the Pathfinder Tool. If you do not see, you have to go to Window > Pathfinder or just hit Shift+Ctrl+F9.

Now with the Pathfinder visible click on the Merge to make a shape from the ellipse and the triangle.


Now you should have a whole comment icon shape.


To create a line icon, we need to remove the fill of the shape and add a stroke. For this tutorial, I am using 5pt Round brush with 1.5 pt stroke.


To finish it up, we should expand the appearance to create a nice looking shape that will look good in different sizes. To do so, with the selected shape, go to Object > Expand Appearance and it will create a shape from the stroke. This also can be done with Object>Path>Outline Stroke. It is up to you, which one you will choose. Make sure that you click onMerge again in the Pathfinder option to get rid of any small shapes created after expanding or outlining the stroke.

Related post:  Photoshop Tips: How to Create Rain and Snow Effects

comment-icon-09Now, you should have a great looking comment or chat icon that can be used for anything. You also can use it as SVG icon in a web project. Just save the icon as an SVG file and you will be able to use it in any web document.

Search Icon

This icon is very easy to be done. You need a circle and a line.
search-icon-01You have to remove again the background from the circle and add a stroke to it. Also, select the line and rotate it to -45 °.

The next step is to position the rotated line wherever you want but in a way that a search is clearly recognizable.

To finish it off, you need again to expand the appearance of the strokes. To do it, go to Object > Expand Appearanceand in the Pathfinder options click on the merge.
Save as png or svg and you can use it in your projects.

Email Icon

The email icon is a bit complicated. You will need three shapes to create it.
You need a rectangular shape and two squares rotated to 45 degrees. Pay attention that the width of the rotated squares should be equal to the width of the rectangle. You need the same width to create the envelope.
The next step is to remove the remove the fill and add a stroke to the shapes. Then position the shapes as shown on the picture below. The squares should be put on the top and bottom lines of the rectangle.
As you can see, we are starting to have the envelope shape. Now, you should expand the appearance of the shapes to remove the strokes and have nice shapes to combine together.
With all the shapes selected, click on Divide in the Pathfinder options.
When you do this, you will notice that you have a group of different shapes combined together. You should Ungroup these shapes, so you can clean up the shapes you do not need. To do it, go to Object > Ungroup or just click Ctrl + G while the shapes are selected.

Related post:  How to do Metro UI Animations with HTML/CSS & JS

Select all the shapes you do not need and delete them.
Now, we have the shape we wanted. To finish the icon, we need to do some adjustments. After, cleaning up the unwanted shapes. Select the envelope icon and click on Merge in the Pathfinder. Here we go, our third icon is ready.

Desktop computer icon

I thought that this one is interesting as it used all over the internet and it is fun to be created. Draw a two rectangles (small and big) and a line. The rectangle should be a rounded one. To do it, click on the Rectangle Tool (Shortcut is “M”) and choose Rounded Rectangle. When you click on the artboard, a nice box will appear and you have the options to add width, height and corner radius. Choose your size and radius and click OK. The smaller rectangle can be one without rounded corners. The line should be the same width as the rectangle.desktop-01

Now, you should know the steps. Remove the fill and add a stroke. Make sure that all strokes are equal.


The next step is to position the elements as shown below. Add the line in your rectangle to have an iMac look and put the small rectangle below the big one but still touching. Position the two stroke on one another.


Now, we are going to play with the Direct Selection Tool (A) or also called the ” white arrow”. Select the tool and select the small rectangle. This tool gives you the opportunity to play with the anchor points that are making the shape.


You can select to move just one anchor point, two or all of them. In our case, we want to move the bottom two anchors a little bit up and actually make a trapezoid shape.

Using the Direct Selection Tool (A), select the bottom anchor points an move them up with the arrows. Using Shift and the arrows will give bigger step.


As you can see I moved it a little bit. Now, the trapezoid shape. Select only the left or right bottom anchor point and move away. Do it for both of the points. Remember with how many steps you are moving the anchors away, so you have an equal trapezoid shape.

Here we go. You should have something similarly looking. Let’s finish it by expanding the strokes (Object>Expand Appearance) and merging (Pathfinder>Merge) everything.


Now, you should have 4 line icons that can be used in different web or graphic design projects. Just save your icons as PNG or SVG.


I hope you like this tutorial. If you have any issue while doing it, leave a comment below. If you like it, please share it with friends and colleagues. .

]]> 0 9292
HOW TO PUBLISH YOUR BLOG POSTS TO SOCIAL MEDIA AUTOMATICALLY Mon, 25 Jul 2016 03:56:18 +0000 […]]]> So once you’ve created content on your WordPress blog, it can be a bit time consuming to go to each social media website and copy and paste the link over and over again to promote your content. If you’re looking for an easy way to publish your posts automatically to Google Plus, Facebook, Twitter, and other social media accounts, then I would recommend using the free WordPress plugin called Microblog Poster.


Microblog Poster publishes blog posts directly to social media. You can customize each post by what content to include, and what picture to post with the article, among other features. Supported social media accounts include:

  • – Tweets your blog post
  • – Publishes a post on your wall
  • – Auto post new plurk. (I’ve never even heard of plurk, I have no idea what that means!)
  • – Submits a new bookmark of your post URL
  • – Auto update your status. (For those of you who don’t use Facebook)
  • – Submits a new bookmark to your wall. (Again, a new one for me, never heard of it)
  • – Publishes to your feed/wall to show the post to all your connections.
  • – Auto-publish to your blog.
  • ( – Same as above.
  • – Submits a new bookmark.
  • ( – Posts directly to profile wall.

By doing this, you are effectively saving time instead of copying and pasting links, signing in and out of each account, and wasting time that you could be doing something else.


First, go to Plugins in WordPress, and click in the upper left hand corner “New Plugin”. Search for “Microblog Poster” and it should be first link, the plugin author is Efficient Scripts.

Next, once the plugin has been installed and activated, navigate to the right side of your WP admin dashboard under “Settings”. You will then see a new option where you can modify the settings for the new plugin.

In the plugin details, click on Social Media accounts tab, then click on the button that says “add new account”.

Easily share posts to social media instantly

When you’re in the new add account section, for each account you’ll have to have access to the API key. The Microblog Poster requires this in order have access to post your half for each social media account, username and password just doesn’t cut it. They have excellent step-by-step guides on how to enable and signup for access to various social media API’s on their setup page, so it’s no use repeating what they already have there.

Once you authorize each API and provide access, you’re good to go! All of your future posts will be posted on social media on your behalf. It’s a pretty simple way to save time and not have to worry about social media at all when it comes to promoting your content, this plugin does all the hard work for you. Never worry about making a Facebook or Twitter post again, it’s the 21st century, everything is automated!

]]> 0 9208
3 Best WordPress Plugins to Auto-Post to Social Networks Mon, 25 Jul 2016 03:51:53 +0000 […]]]> As bloggers, apart from traffic from search engines, we are aware that social networks plays a substantial part referring visitors to our blog. It is a source that cannot be underestimated. The bad thing about social media is that it takes time and effort to build your fan base and authority. It’s not going to happen overnight, and in order to grow our social accounts and bring traffic, we need to be active and regular in sharing posts and interesting content. These social activities can take a fair bit of our time and resources if we need to manage many accounts over different social platforms. And if this is going to be our daily and regular routine, why not make it automated right? In this short post, I have handpicked 3 of the plugins that I have personally used and tested on different blogs of mine. All these plugins are free to use, with the options for you to upgrade if you outgrown your requirements, or need more features.

1. JetPack

The plugin Jetpack comes packed with many many features that you can use for your blog. But for now, I’ll just talk about how it can increase your social productivity by auto-posting to social networks when you publish new content on your WordPress blog. Jetpack connects up to 6 different social networks as per follows:

  • Facebook
  • Twitter
  • Tumblr
  • Path
  • Google+
  • LinkedIn

The number of networks supported by Jetpack is nothing to shout about. BUT, it can auto-share to Google+ (page or profile), which is a BIG thing for a FREE plugin. If your post is appearing on Google+ as a private share (i.e. shared only to you), this is probably caused by the Google Plus, and can be resolved by tweaking it’s settings. More about the settings here.

For Facebook, it only limits you to choosing either your personal profile or Facebook Page. Doesn’t really matter if you separate personal and work. Besides, you can always use another WordPress plugin or web-tool to do the necessary sharing.

Twitter, Tumblr and LinkedIn are pretty straightforward. Just hit the connect button and provide the necessary credentials and you are done.

One drawback, is the lack of option for us to customize how we want our posts to appear on the selected social networks. Most of the plugins give us the ability to format the post to our preferences to include/exclude items such as title, URL, excerpt, hashtags, categories, etc.

auto share social networks wordpress plugin 2

2. NextScripts (SNAP)

SNAP is a powerful social network auto-poster created by NextScripts. The plugin supports more than 20 social networks for you to auto-share to. Whenever you publish new posts on your WordPress blog, these posts can be shared  automatically and immediately to your selected networks, or alternatively you can have them scheduled using WP Cron. The latter method may work better if you prefer to staggered and have your posts shared in different timing.

auto share to social networks wordpress plugins 1

SNAP is available on free or paid plans. Take a look at the table to see what social networks you can auto-share to between these two versions.

Free Version PRO Version
Facebook Google+
Twitter Pinterest
Blogger Instagram
StumbleUpon LinkedIn
Tumblr YouTube
Flickr & more Reddit & more*

*includes  those in the free version.

There are a number of reasons why I personally prefer SNAP over other paid plugins. Here are some:

  • The plugin doesn’t self-promote themselves when our content are shared to the social networks. For example: “Shared via” or “Posted by SNAP for WordPress” messages.
  • Many ways to format how your content appear in different social networks.
  • Able to auto-import Facebook comments into WordPress comments.
  • Able to auto-import Twitter replies and mentions as WordPress comments.
  • Exclude or include categories.
  • Able to share/post to multiple networks simultaneously without publishing any WordPress posts. Very useful if you want to write unique content specifically for micro-blogs, etc.
  • Able to choose and use your URL shortener. Great for obtaining stats, and tracking the number of clicks on your links.

Why bother paying for the PRO version?

One key benefit and advantage is that you get to auto-post to much more social networks. It saves you time, effort and makes you more productive. Networks such as Google+, Instagram and YouTube do not have provide any free native API for automated posting, so in order for us to auto-share on these social platforms, we need to use NextScript’s API.

The cost is $49 per year which is consider fair since the plugin supports lots of networks, frequently updated, and comes with comprehensive settings for customization. Other than that, the PRO version also provides the feature for you to add multiple accounts for each social network. If we can have the cron job done via a 3rd party or NextScripts, that will be perfect.

3. Microblog Poster

Depending on your requirements, it’s either you love or hate Microblog Poster. There are good features that makes you want to use it, but there are also features you wish it’s available for free to use. Let’s go through the facts, the good, and then the bad.

The number of social networks support is not a lot compared to other plugins. It’s better than Jetpack in this aspect though. Currently Microblog Poster only supports 11 platforms. I do hope more get supported since this plugin really has plenty of potential to be a big player.

  • – Auto post to your account.
  • – Auto publish to profile wall.
  • – Auto post to your account.
  • – Auto submit bookmark of your post.
  • – Auto submit bookmark of your post.
  • – Auto publish to profile wall.
  • – Auto publish to your blog.
  • ( – Auto publish to your blog.
  • – Auto submit bookmark of your content.
  • ( – Auto publish to profile wall.
  • – Auto publish to profile wall.

auto post to social networks with wordpress plugin 3

The Good

  • Supports multiple account for each social network (even for FREE accounts!)
  • Auto-republish your old posts.
  • The cost is only one-time $49, and includes future all days.
  • Purchase is backed by 30 day guarantee.
  • URL shortener available.
  • No self-promotion links on your shared posts.

The Bad

  • Does not support Google+ and Pinterest.
  • Cannot auto-post to LinkedIn company page and Facebook Page (only made available for paid plans)

Final thoughts

I have seen many plugins come and go. It doesn’t only happen to auto-post plugins. Most WordPress plugins started free or freemium, but eventually either ends up a pay-to-use model, or die peacefully because the developer no longer wants to continue the development for free. Jetpack is the only plugin that managed to stay free and reliable as much as I can remember over these years. It’s good to start free, but think long term too. If you are considering a plugin, do factor in how you may outgrow these plugins, and make sure that their paid plans are something you can trust and depend on.


]]> 0 9210
6 TOOLS TO AUTOMATE SHARING TO SOCIAL MEDIA NETWORKS Mon, 25 Jul 2016 03:45:57 +0000 […]]]> Promoting your post to social media channels is as important as creating an engaging content to improve readership. Syndicating your posts to your relevant social networks can significantly enhance visitors to your site. This will help you improve your overall search rankings. For your content to be found, no matter what topic it is, you must be active on social media.

So, it’s important to publish your posts to your own social networks every time you add a new content to your site. Unfortunately, not all bloggers have the time in the world to promote their new posts to G+, Twitter, Facebook and other social networking sites.

The best solution? Use auto-posting tools.

Automating the way you promote your latest content to your social networks is now possible through social media auto-posting plug-ins. There are hundreds of solutions that can automatically promote your blog posts to your social media networks but these are the most popular ones

1. Hootsuite

HootSuite Tool

Why use Hootsuite when you’re already using Buffer? Is Hootsuite better than Buffer and vice versa?

Hootsuite and Buffer are good services that can automatically share your posts. When it comes to social networking support, Hootsuite has wider coverage.

Cool features I love:

  • Auto post to: Facebook groups / profiles / business pages, LinkedIn company pages / groups, Google+ pages, Twitter, Foursquare, WordPress, Mixi.
  • Ability to share from: Youtube, Flickr, Instagram, Tumblr, Blogger, StumbleUpon and much more.
  • Auto post updates from RSS feeds.
  • Schedule multiple posts in bulk.
  • Determine how people share their posts. For example, if someone shared a post from your site using Hootsuite, you’ll be able to track that they used Hootsuite to reshare your post.
  • Monitor activities of multiple social accounts – all at once in one dashboard. Here’s an example (click for larger size):
    Hootsuite Stream
    See how I can view my Twitter mentions, Facebook group activities and Google+ feed from one single dashboard? Instead of opening and closing a new window back and forth, I can view these information and even interact easily using Hootsuite! Such a time saver, right?
  • Share links and photos. It uses the hosted server for link and photo sharing.

Some more info:

  • Pricing: Free / Pro (From $8.99 a month) / Enterprise
  • Post through: Chrome extension / Firefox extension / iPhone app / iPad app / Android app / Even if you’re not on chrome, you can just drag and drop their icon to your browser.

With basic account, you’ll have message scheduling and can set up 5 social networks. Its pro version has unlimited social networks, atom feeds, and stats history. It also allows bulk scheduling. But you don’t have to rush into getting a pro account as its basic version is already enough to automatically share posts to your important social networks.

For personal and professional use, this auto-posting tool is worth a try. It’s great if you want to establish a market on your online brand.

2. Buffer App

Buffer Interface

It’s one of those apps that can help you out in posting stuff to your social networks. You’ll learn how to do publishing posts automatically to your social networking sites and embrace this useful tool. What I love the most about it is its clean and easy-to-use interface.

With this app, you can:

  • Set up buffering patterns for different days of the week. For instance, on Mondays through Fridays, you post an update every 4 am, 5 pm and 6 pm. And on weekends, you can publish update every 4 hours.
  • Find out the times of day that your post gets the most engagement and the type of topics your audience like the most.
  • Track which updates get the most engagement. Analyze which of your updates get the most reshares/retweets, mentions, clicks and favorites.
  • Shorten or not shorten your links. Available shorteners: / /
  • Use Google Analytics to see how much traffic you get from social media posts.
  • Buffer adds content suggestions that you can post to your social networks.

Buffer info:

  • Pricing: Free / Awesome ($10 or $102 a year) / Business ($50 – $250 month)
  • Post updates through: Buffer’s dashboard / iPhone app / Android app / Chrome extension / Firefox / Safari
  • For free account, you can already manage multiple social networking accounts, such as Twitter, Facebook, Google Plus and LinkedIn.
  • The free account allows you to provide 10 updates per day.

3. TweetDeck


TweetDeck underwent major tweaking. The most noticeable one is its overall interface. Its new dashboard is now in white that resembles that of HootSuite. With its new interface, you now have more options depending on the number of social network accounts you’ve added.

Unfortunately, this app no longer supports Facebook integration. So, if the majority of your audience is on Facebook, then you better use HootSuite or other auto-posting tools on this list.

However, if your audience spends more time on Twitter, then this could be a great app for you to provide automatic updates for your followers.

Key features:

  • Available in: Mac / Windows / Chrome app / iPhone / Android
  • View and monitor lists, searches, activity and more – all in one single dashboard.
  • Ability to select what kind of tweets to display in your stream, exclude unwanted terms from any or specific users.
  • Manage multiple Twitter accounts.

4. Dlvr.It

DlvrIt tool

From the term suggests, will help you connect with your readers by delivering your content to various social networks. Yes, just like the other options mentioned above. But what’s unique about this app?

Key features:

  • Auto-share content of your favorite sites (through RSS feeds) to your social networks. Take a look at this example. See how I was able to distribute the feeds of my favorite sites? Every time they post a new content, my social accounts will automatically update with the link + title (and the author as well) to their new posts:DlvrIt
  • Promoted stories. It’s the promoted stories feature where you can pay $1 for a story that you want to spread to a wider network base. For such amount, your story will be delivered to search engines, like Google, Bing, and Yahoo! Your content will also reached top news sites and feeds, such as ABC news, Boing Boing, etc. Of course, it’ll reach your social networks. However, the $1 is only applicable to your first story. The next time you promote another story, you’ll have to pay $10-$30 (depends on your plan). It’s still a good deal though. Click here for more info.
  • Ability to filter the content that this app shares. You can filter it by categories, body content, title and URL. It’s a useful tool if you only want specific authors or categories that you want to be shared.
  • Plus, you can set up your Google Analytics’ custom tracking codes to effectively track your click-throughs and conversions, among other things.

5. SproutSocial


It’s one of the social management tools that let you fulfill most (not all) of your social-management needs. One of the striking things about this app is its simplicity. Unlike HootSuite and Buffer App, this one doesn’t have learning curve. From the moment you open an account to the minute you make your first update.

Although it’s a one-stop shop for your Facebook, G+ pages and LinkedIn social network accounts, it emphasizes more on your Twitter account.

Key features:

  • Sexy dashboard. Really sexy.
  • In-depth reporting system. You have the ability to view your social media performance such as how people are engaging with your posts, # of new followers, fans, retweets, mentions, etc.
  • RSS scheduler. Like Hootsuite and Dlvr.It, you can set up feeds to auto-publish posts to your social networks when new blog posts are live.
  • Discovery. It’s also capable of helping you discover interesting people to follow and not so engaging networks to unfollow. All tabs are self-explanatory.
  • Sync feedly account. You can connect your Feedly account and view the latest content right from your Sproutsocial RSS reader.
  • Available in Chrome / App Store / Android / any browser using their bookmarklet toolbar.
  • Plans: Deluxe ($59 per month) / Premium ($99 per month) / Enterprise ($1500 per month) – with 30 day trial in each plan

6. Rss Graffiti

It’s a Facebook app that can work with your personal profile or fan page on Facebook. This app is specially designed to share your own blog’s RSS feeds on your Facebook wall.

When setting up your scheduled posts, make sure that you won’t be posting several updates on your wall as your followers might find them annoying. You can choose the number of posts this app will share in one day once it goes live.

You can also use this app to post updates for your Facebook groups. And connect your Graffiti account to your Twitter so it’ll auto-update your posts to said networking site.


  • Plans: Free / Broadcast Add-on ($5 per month) / Optimize Add-on ($50 per month) / Express Add-on ($150 per month)
  • Free account can post unlimited feeds, unlimited Facebook targets, up to 300 posts per page, per month

I suggest trying out the free account. It caters to most of your social-management needs. However, if you need to update more than 300 posts each month, then subscribing to one of its premium plans could be a viable option.

]]> 0 9212
25+ Free Plugins to Help You Auto Share Your New Blog Posts Mon, 25 Jul 2016 03:41:33 +0000 […]]]> One of the best things you can do when you publish a new blog post is publish a link to that post on the various social networks you use. It keeps up your social activity – though you do need non-promotional posts occasionally – and it spreads awareness of your new post. The trouble is, it can take a while to do. It’s annoying and time consuming to take your blog post link and go to each social network in turn, writing a post and putting up the link.

Savvy marketers are always looking for ways to save hassle or time via automation.This is one case where you can automate simple tasks and save yourself a lot of annoyance. That’s why I’ve compiled a huge list of tools, plugins, and methods you can use to share your posts. Just be wary; automation has its downsides. If your social profile is nothing but an automated feed, people aren’t going to follow it or pay it any attention. Only use automation for some of your posting, and make sure you give the profile the attention it deserves.

1. Jetpack Publicize

This is the option the vast majority of you will want to use, for one simple reason; it’s included by default with and is a very simple, easy integration with It supports a bunch of different social networks, and all you need to do is click a button to log in to that network and authorize Jetpack. From there, just configure how you want it to post when a new blog post is published, and your automatic posting will be set up and ready to go.

2. WP AutoSharePost

This is a very simple autoposter with one unique feature, which is the comment grabber. It will fetch comments left on Facebook or Twitter and publish them to your blog as well. However, it is limited to just those two social networks. Use caution, though; this is an old plugin that has not been officially updated in nearly three years. As such, you never know if it has an open security hole or an incompatibility with other recent plugins.

3. Social Networks Auto Poster

SNAP, by NextScripts, is one of the most popular autoshare plugins available. It supports a wide variety of social networks, some that barely even fit the description. The list includes the big names, as well as LiveJounral, Plurk, VK,, and more. This plugin is also very well supported and kept up to date, with the most recent update being two weeks ago as of the time of this writing.

4. Microblog Poster

Initially concepted to post to microblog sites like Tumblr, this plugin has expanded. It’s still smaller than something like SNAP, but it also supports sharing old content, rather than just new published content. It allows multiple accounts per social network, as well as shortcodes. Additionally, they have support staff that speak English, Russian, and French, for multilingual assistance.


If This Then That is a workflow recipe system. It’s excellent for autoshares, but you will have to set up individual recipes for each social network. Essentially, you will run off your blog RSS. When a new RSS entry is made, IFTTT can then push an update to the social network of choice. You will have many recipes, like RSS to Twitter, RSS to Facebook, and RSS to Tumblr, or whatever else you happen to use. As a bonus, IFTTT is very robust and lets you do a ton of other automation as well.


DeliverIt – minus the vowels as is so trendy with web 3.0 branding – accepts input from five RSS feeds, publishes to 3 social pages, and checks for updates every 30 minutes on an ongoing basis. It has the ability to upgrade to paid plans that publish to a much broader range of profiles, if you like it enough to pay for it.

7. Buffer

One of the premier content curation and autosharing plugins available, it allows detailed post scheduling as well as automatic social sharing. You can also create content through it using Pablo, their new content creation engine. Buffer is high profile, well-supported, and it’s free for the basic plan. There are, as always, paid upgrades if you choose to use them.

8. MailChimp Social

Powered by the fantastic MailChimp, this plugin has the same comment grabber features as some of the other plugins on this list. It integrates easily with MailChimp, of course. Automatically post to major social networks, pull replies as comments, and swap through different social identities for posting.

9. HootSuite Publishing

The social publishing wing of HootSuite is another one of those side features that integrates really well with a broader plugin or CMS, in this case HootSuite itself. Not only does it allow blog to profile automatic posting, but it also does all sorts of social management, including moderation and the management of a content library. As always, if you like it, consider upgrading to the paid plans; they’re worth the money.

10. Content Resharer

Produced by 99Robots, this plugin primarily focuses on Twitter. The emphasis of this plugin is not the initial publication of your content, but rather the extended republication of it down the line. When we recommend that you tweet about content on publication, later that day, the next day, and in the coming weeks, it can get obnoxious remembering to do all of it. That’s what this plugin is for; managing that scheduling automatically.

11. Twitter Feed

This shockingly yellow-brown site is managed by Bitly, the prominent URL shortener company. They make you sign up with an account, either via email or through another social network – Google, LinkedIn, and Yahoo are listed, but Blogger, WordPress, OpenID, AOL, Flickr, Verisign, Hyves, LiveJournal, and Netlog are all supported. Which is odd, because no one uses half of those and cares about marketing. Still, it’s a basic RSS to Twitter app, and it works just fine.

12. Reddit Bots

Very few social media auto posters take Reddit into consideration, and with good reason; the site is very sensitive about automatic posts made in their subs. However, you can still use custom bots to post for you, if you’re careful about how you do it. That, or you can make your own subreddit and make the rules yourself. That’s up to you.


13. Social Marker

This is one of the few widespread social autoposters that will do Reddit, because it’s specifically designed to send posts to social bookmrking sites. It’s free, the plugin is easy to use, and it works with Slashdot, Reddit, Digg, Fark, and a handful of others.

14. OnlyWire

This is another one that works both for social media sites and social bookmarking sites. It’s perhaps one of the bigger options, in that it has RSS automation alongside various extensions, and a whole pile of analytics. As any good marketers knows, analytics are the key to success, and this is no different. Make use of them and you can get a lot of value out of automated posting.

15. Revive Old Post

Previously known as Tweet Old Post, this plugin is specifically designed to help you tweet older content that may not be published recently. It doesn’t run off RSS like so many others, so you don’t need to bother with setting up an RSS feed just for automation. It does have a pro version, which is required to share image posts on Twitter, so make sure you want that functionality before you buy. Also, make sure to update your old posts before you promote them, so you’re not promoting outdated or invalid information.

16. Tribe Pro

This is a somewhat gray hat option, but most of the black hat features are gated behind the paid versions. With the free version, you have an activity feed and leaderboard, you have a whole tribe social system, and you have the ability to share and submit content on over 50 websites. It also shares blog comments, but I don’t recommend automatic comment submission on blogs. That road leads to spam.

17. Social Media Auto Publish

Not to be confused with SNAP, SMAP supports Facebook, Twitter, and LinkedIn. They do image posts as well as text posts, allow category filtering, and allow custom post type filtering. It’s also kept relatively up to date, with updates only a few months ago. The one unfortunate downside is just that it handles so few social networks. If you wanted Pinterest or Instagram posting, you’re out of luck.

18. WP Pinner

Speaking of Pinterest, that’s one social network that is often woefully underrepresented in the world of social media autoshares. If you post graphical content frequently and you want it posted to Pinterest, this is one of your best bets. It’s completely free and only requires your name and email address to sign up.

19. Facebook Auto Publish

This plugin is like a smaller version of SMAP above, in that it’s made by the same person and it has all of the same features, except it only works on Facebook and not on any of the other social networks. Really, if the only network you use is Facebook, this plugin will probably be more than enough for you.

20. Social Oomph

This app has both a free and a professional version, with a great comparison of their features on their homepage. It works with Twitter above all else, but allows you to manage up to five Twitter accounts at a time. It also has a whole lot of additional Twitter management features, if you need them.

21. PostPlanner

Yes, PP is technically a paid app, but it’s really great and it’s really cheap. There’s not much reason to avoid it just on the grounds of $7 a month. Skip two coffees any time during the month and you’ve got it covered. PostPlanner does all of the automation you could want for Facebook, plus a whole lot of extra features.

22. TweetDeck

Free and perfectly accessible on Twitter, this app has a lot of Twitter management capabilities, along with autoshare capabilities, scheduled tweets, curated feeds, lists, multiple account management, and a whole lot more.

23. MassPlanner

This one covers a bunch of different social networks, but it notably covers many that are hard to automatically post to. The reason it’s listed as free when it’s not, besides the free trial, is that it’s one of the only apps that does Pinterest, Google+ and Instagram all at the same time. Normally, you’ll be out of luck, or will need to use three different apps for those three sites.

24. A Custom Twitter App

Maybe you want some additional functionality. Maybe you want more customization. Maybe you just don’t trust outside code. Whatever the case, it’s actually really easy to make your own Twitter app. All you need is a little bit of coding know-how and access to Google Scripts. Mock something up, make it a Twitter app, and you’re good to go.

25. Networked Blogs

This option is less of an autoshare system and more of a blog network. You register via Facebook and post a link to your blog, and it is added to a massive list of blogs that are shared, shown, and posted around the web. Some great sites use the system, and a lot of mediocre sites as well.

★ Paid Options

I know this post is about free plugins, but there a few great plugins worth mentioning that have a small monthly fee.

25. Postcron

Rocking a very Patreon-like logo, Postcron hooks into 15 social accounts and allows teams to manage it, with a bunch of additional features to make automation that much easier. It’s $10 a month, with a discount if you pay annually, as these sorts of apps are so frequently encouraging. It’s pretty basic all things considered, but it handles large volumes quite well.

26. SocialAdr

This takes your initially posted content and shares it throughout the web, but it also goes one step further, putting it in front of audiences that are highly likely to be interested in what you have to say. Think of it like a viral surge in a box. The only drawback is that it’s not free. The lower level is $15 and gives you a fixed number of usage credits per month. Did I mention this is gray hat? Yeah, be careful using it; it can look a lot like reciprocal link networks from the outside.

27. 1-Click WP SEO

This is an application I would be careful with if I were you. The software works and is recommended by some big name bloggers, but the website seems a little sketchy to me. It has all the hallmarks of a templated affiliate site. That said, it’s a relatively low one-time fee rather than a monthly payment, which warranted inclusion.

28. PostRSS

This works very much like the IFTTT method of taking RSS input and publishing to social media. Unfortunately, while it had a free plan, that free plan was disabled. The cheapest plan is $5 per month and limits you to one target. For $10 per month you get 10 targets, an incredible number of monthly tasks, and some other features. It’s limited to just Facebook, Twitter, LinkedIn, and VK, though.

29. CoSchedule

This is one of those high-end enterprise-level management programs you hear about on the radio and see posted about around the web. It has a free trial, but it’s only 14 days, so I didn’t include it with the rest of the free plugins. For the fee, though, you get a ton of features, ranging from blog autoshares to editorial calendars, Evernote integration, a Chrome extension, and a lot more.

30. Exxica’s Social Marketing Scheduler

This plugin was going to go up in the free section, but they hid a little fine print around. They offer a “free” plugin but it stops working after 45 days and nags you to pay their fee, which is 10 Euros per month. Honestly, it’s not even that great a plugin, given how few sites it works with and how little customization it has.

What is your favorite sharing plugin? Let us know in the comments below!

]]> 0 9214
10 WEB DESIGN TRENDS FOR 2016 – Infographics Fri, 22 Jul 2016 06:40:04 +0000 […]]]> Does your business website utilise the latest design trends? Could your competitor’s more modern website be costing your business money?

We share 10 web design trends you need to be aware of in the infographic below.

]]> 0 9171