Thursday, June 9, 2016

Tun2u Web Agency

Tun2U\’s fully responsive, parallax scrolling website has vivid colors, cool 3D visual effects, an impressive minimal style and auto rotating buttons.


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

NASSCOM Product Conclave

The Product ecosystem growth journey of 2014-2015 has globally shifted its focus and direction. With the changing matrix and shrinking funds, priorities have changed for the ecosystem players.


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Even More WordPress Plugins for Writers

The life of a writer (whether author or copywriter) is generally quite misunderstood. Friends assume that you’ve landed the dream job. You don’t have to leave your lounge room to get to work. No pesky boss breathing down your neck. And, free from the constraints of the corporate world, you can take a four-hour lunch break every day if it so pleases you.

While all these things apply some of the time, people tend to forget that the life of a writer is often characterised by hour upon hour of staring into a flickering laptop screen. Desperately trying to find the right word, the perfectly poised phrase, the exact tone. For writers, the ability to make ends meet is quite often reliant upon an intangible, un-controllable quality — inspiration. If writers are unable to transform an idea into words, they simply don’t make money.

So, on that rather depressing note, I thought it would be a gesture of solidarity amongst the online writing community to follow up on my article, The Best WordPress Plugins for Writers and Writing and provide details of a few more WordPress Plugins designed to make the life of the online writer just that smidgen easier.

Revive Old Post

Revive Old Post

This plugin automatically uploads your old blog posts onto your Twitter feed, saving you from the embarrassment of having to spruik your old copy just to keep it relevant. It also helps to optimize your Twitter feed and save it from dying a slow, painful death because you simply don’t have the time to update it (or got so wrapped up in drafting your novel that you forgot!). With over 80,000 active installs, and regular updates, this plugin could become a key tool in any writer’s social media arsenal.

Continue reading %Even More WordPress Plugins for Writers%


by Sally Wood via SitePoint

Safira Design

Web Agency


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

BRLink

Cloud and Hotspot solutions for all kind of business.


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

How to Build a Self-Sustaining Content Marketing Engine

How to Build a Self-Sustaining Content Marketing Engine

This article was originally published on Growth Everywhere.

More content than ever is being produced today as more businesses are understanding the need to operate as a media company.

And that’s fair. The results from content marketing cannot be denied:

Analytics

[author_more]

So the question is this: how do you create a self-sustaining content marketing engine? An engine that can operate efficiently with all the moving parts flowing as one?

I’ve gone through this exercise a few times (and failed in the process).

In this post, I’m going to give you a template to build your own content marketing engine. Every business is different, so take what makes the most sense and integrate it into your company.

1. The Team

If you’re going to create a content marketing engine, you’re going to need help. One person can’t do it all alone.

Here’s an example of how a team might be set up for a small company:

  • Editor
  • Designer
  • Social Media Specialist/Individual Outreach
  • Paid Advertising Specialist
  • Writers

Let’s talk about these roles for a little bit:

Editor

The editor is responsible for making sure your content is up to par, gets scheduled, and follows your content process. In a sense, they can be seen as the executor of your content machine. For larger companies, you might have a Content Marketing Manager, Director of Content Strategy, VP of Content or Chief Content Officer.

Where to find good editors:

  • Inbound.org and Growthhackers.com - These are communities where marketers go to post the latest marketing news. They also have job boards that you can post your jobs on.
  • Problogger.net - Problogger has a job board where you can hire writers or editors. The quality of the talent here is higher because Problogger is seen as a strong resource for learning how to blog properly.
  • Craigslist - Don’t scoff at Craigslist. Some of the best talent I’ve found has come from Craigslist. It’s all about having a strong hiring funnel to start.
  • Referrals - Always a strong place to start if you’re in need of help.

Designer

The designer helps make the imagery of your content look nice. Keep in mind that how your images and graphics look reflects upon your brand and that content with great imagery gets more engagement

Where to find good designers:

  • Behance and Dribbble - Both sites are directories that show off the portfolios of individual designers. I personally prefer Dribbble.
  • Visual.ly - If you’re looking for infographic designers, Visual.ly is the spot to go to.
  • Referrals - Always a strong place to start if you’re in need of help.

Social Media Specialist/Individual Outreach

The social media specialist will listen to and engage with your audience. They’re also responsible for curating content that your audience might be interested in. If you’re wondering what your self promotion to outside content ratio should be, I suggest going with 1:4. This means that for every self promotional share, you should have four curated shares.

Individual outreach involves reaching out to:

  • People who were mentioned in a content piece
  • People who have shared something similar and who might be interested in sharing your piece
  • People you know

It’s tedious work finding the right contact information and then e-mailing people, following up, and repeating this over and over. In an ideal world, this would be a role in itself. Probably somebody more junior.

If you are part of a smaller team, I suggest training this person in individual outreach and paid content promotion. Smaller team members need to wear lots of hats and these responsibilities fit this individual best.

Where to find great social media specialists:

  • Facebook Group: Social Media Jobs - Believe it or not, this is a KILLER group on Facebook where social media specialists are looking for gigs all the time. I have found some incredible talent here.
  • Inbound.org and Growthhackers.com - These are communities where marketers go to post the latest marketing news. They also have job boards that you can post your jobs on.
  • Problogger.net - Problogger has a job board where you can hire writers or editors. The quality of the talent here is higher because Problogger is seen as a strong resource for learning how to blog properly.
  • Craigslist - Don’t scoff at Craigslist. Some of the best talent I’ve found has come from Craigslist. It’s all about having a strong hiring funnel to start.
  • Referrals - Always a strong place to start if you’re in need of help.

Paid Advertising Specialist

The paid advertising specialist will help promote content on paid channels such as Facebook, Twitter, YouTube, Gmail, LinkedIn and more. Promoting content through paid advertising is a growing trend and I think it’s the way of the future.

For example, right now we are paying for cold traffic to come to our blog posts and we’re collecting e-mails for $2.88 per e-mail. That’s a GREAT deal for us.

Where to find great paid advertising specialists:

  • LinkedIn - Look for specialists that are working at current agencies. They’re ALWAYS looking for extra side work.
  • Inbound.org and Growthhackers.com - These are communities where marketers go to post the latest marketing news. They also have job boards that you can post your jobs on.
  • Referrals - Always a strong place to start if you’re in need of help.

For a more in-depth look at how a content marketing team should be organized, take a look at this post by Content Marketing Institute.

Here’s what their ideal workflow looks like:

Workflow

2. Ideation

Resources:

Draw up a mind map of your workflow in MindMeister.

The next step is coming up with fresh ideas for your audience.

Here are a few good ways to get started:

Swipe Files

Swiped.co contains many marketing swipe files that you can use for inspiration. You can pull landing page/image inspiration for your own purposes.

I also regularly use Evernote to clip evergreen blog posts so that I can refer back to them.

Feedly is also a great place to keep an inventory of your favorite blogs. With Feedly, I can scroll through my feed really quickly and look for inspiration. Here’s an example:

Feedly

One of my personal favorites is using Twitter lists to keep tabs on certain industries. For example, I made a list of venture capitalists that I like to follow and I always get value from checking up on it every day:

Twitter Lists

Team Brainstorming

Making good use of your team is one of the most powerful ways to come up with great ideas.

Moz has a great set of tips for running a great brainstorming session right here:

Brainstorming

Look For What’s Working

Utilize tools like Google Trends and Google Display Planner to see what’s trending. Keyword Tool is another great way to see keyword volume not only on Google, but on YouTube as well.

Keyword Tool

I personally love using SEMrush to take a look at what competitors are doing in terms of PPC and SEO. BuzzSumo is great for looking at how content is performing socially.

Here’s an example use case for BuzzSumo:

Let’s say I’m interested in looking at top performing content for ’link building’. I’ll go to the ‘Content Research’ tab in BuzzSumo and enter “link building”:

BuzzSumo

Because we’re in the ideation phase right now, I’d like to:

  1. Export all these results, and
  2. Create an alert for this phrase so I can continually monitor it.

Just thinking off the top of my head, maybe I can create an alternate version of the first result. How about ‘How to Use Pinterest for SEO: Link Building’? Might be worth a shot.

Continue reading %How to Build a Self-Sustaining Content Marketing Engine%


by Eric Siu via SitePoint

20 Inspirational, Free Tools For Better Typeface Pairing

Pairing type is one of the toughest parts to get right in a web design project, and having tons of custom fonts at our fingertips doesn't make things any easier.

If you're just at the start of your journey to web typography mastery, it's likely that reading something along the lines of...

The Display and its Stencil are monolinear ... but they radiate great rhythm and warmth, with a touch of handwriting.

- Tremolo Typeface Review by Laura Meseguer

... will probably make as much sense to you as wine tasting does to a teetotaler.

Font selection is more an art than a science. Therefore, reading about typography, individual typefaces and foundries goes hand in hand with lots of practice. However — as Tim Brown says in his guide Combining Typefaces — "practice can take an unreasonable amount of time if you're not careful" (p.38). In the meantime, the website you are working on makes immediate demands on your budding typography skills. You need to come up with a great solution, and do it quickly.

In this article, you'll find plenty of online resources that will complement your learning about web typography and help you come up with beautiful type combinations.

You'll also learn how some of the services listed below let you test the browser rendering of your chosen fonts and offer hassle-free ways of including them in your project.

Great Typeface Combos

Browsing websites with good combinations of typefaces is a great way to develop an eye for how typefaces work together and in which contexts they're being used. Check out the resources below for some great examples.

Google Fonts Pairings Feature

Google Fonts is not just a service for picking custom fonts. It's also a place where you can learn more about your chosen typeface, including suggestions on a number of typefaces that work well with it.

When you select a typeface on Google Fonts, click on the small Pop out button to the bottom right of the font's container box.

Google Fonts Pop out button.

Next, click on the Pairings tab and you'll see examples of how your selection is paired on the web with other typefaces.

Although I like this resource, in my view it doesn't say much about the context in which the suggested pairings are used. For instance, what kind of websites use Open Sans and Roboto together? Are they text-heavy websites like news sites and blogs? Are they image-focused websites like a photography portfolio site? Which page elements use Open Sans and which ones use Roboto?

This is super helpful information when it comes to selecting type combinations, and in order to find it we have to look elsewhere.

Beautiful Web Type

Beautiful Web Type showcases a selection of typefaces from Google Fonts.

Typeface combinations on Beautiful Web Type.

The examples are a bit generic – they're not taken from real websites with specific goals and strategies. That said, the website shows off its typeface selections in beautifully designed sections. Notice how text hierarchy, font weights and styles, all play a part in making the text more readable and conveying the appropriate mood.

Google Web Fonts Typography Project

Another inspirational collection of typeface combinations from Google Fonts is on the Google Web Fonts Typography Project website.

Font pairings from the Google Web Fonts Typography Project website.

The designs on this website are beautiful illustrations of type pairings and their uses on the web. As the project's README file on the GitHub repo says:

The primary goal is to communicate, not decorate.

Typ.io

Typ.io gives you tons of information on trendy typography designs and an up-to-date range of websites with well paired typefaces.

Main screen in Typ.io website.

Not only will you see matching typefaces, but you will also get a sense of the role type plays in the design of real websites – which typeface is used for headings, which one for body copy, the font selection the designer has made for a certain kind of website, e.g., portfolio, blog, marketing, etc. In fact, you can search websites by industry, typeface, and font service.

Search box in Typ.io website.

Finally, click on the image with your favorite typeface combination, and you'll get the CSS code and the links to the services where you can purchase or download the font files.

Fonts In Use

Fonts in Use is another popular resource offering a wide collection of typefaces that work well together, taken from real websites.

Its impressive search functionality lets you browse the typography archive by:

  • industries
  • formats
  • typefaces

Search options on Fonts in Use website.

To stress the point, showing how type works on websites from a variety of industries and contexts is crucial to developing an eye for good typesetting decisions.

Interactive Type Pairing Tools

The resources I'm going to list below will ask for your input in the search for the perfect type combination. Be it a way of testing typefaces or simply making a selection and waiting for a number of suitable matches, these tools are interactive and fun to use.

Typespiration

Typeface combinations from Typespiration.

The beauty of Typespiration is that it lets you browse different designs showcasing beautiful free fonts and color palettes.

If you click on any of the designs, you'll have the option to:

  • Preview a close-up of the design. If you click the Baseline grid button on the top right you can also check how the text sits on the baseline grid:
    Preview screen on the Typespiration website.
  • Learn about the fonts and colors used in the design:
    Fonts and colors screen on Typespiration website.
  • Copy and paste the HTML and CSS code you need to recreate the design in your project:
    Quick use screen in Typespiration website.

Continue reading %20 Inspirational, Free Tools For Better Typeface Pairing%


by Maria Antonietta Perna via SitePoint