Monday, March 14, 2016

6 Prejudices Which Stop You From Becoming A Blogger


Article after article on content marketing highlight the blog as the flagship of digital marketing. Yet, here you are, and you are and you still have not taken the plunge and added blogging to your social media efforts. Why not? If you are like many people, it may be because you are holding on to a few prejudices about blogging. Unfortunately, if you continue to hold onto these prejudices, you will continue to miss out on opportunities to reach new customers, promote your brand, and create engagement on social media. Here are 6 common prejudices that serve as roadblocks to blogging.

by Guest Author via Digital Information World

T3 Pharmacy Design

A specialist Pharmacy design company


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

How to Collaborate with Clients Remotely

Working Outside

Ah, remote working.

We get to skip the commute (unless it’s to a favourite coffee shop), we can wear what we want (did I hear anyone say bunny slippers?), and best of all we don’t have anybody peering over our shoulders to offer oh-so-helpful ’advice’ on our designs, code, or content.

I’m a big advocate of working away from an office environment. Whether you work from home or travel the world digital nomad style, it increases both productivity and quality of life. And after all, a happy freelancer is a good freelancer, right?

[author_more]

However, working remotely does have its challenges. If it’s not done right we risk alienating our clients from the process and giving them a crappy experience.

So here are six things I’ve learned along the years that will help freelancers work remotely and keep their clients happy.

1. Get Your Timezones Straight

The absolute first thing you need to do when you get a new client is to memorise their timezone.

It sounds obvious but you’d be amazed how easy it is to forget when you’re juggling a few clients at once.

I recommend you use some form of visual display to keep track of this, whether it’s the standard clock widgets on your Mac or PC or a dedicated app.

Here are a couple of good ones for Mac:

World Clock

World Clock

The Clock

The Clock

And for PC:

Oh Clock

Oh Clock

World Clock - Time Zones

World Clock

Knowing the time in your client’s city is so important to giving them a good experience. Not only so you can set expectations as to when they are likely to hear from you, but so you can wish them a good morning or a nice evening at the appropriate times.

When I do this, clients love it — they always comment on how thoughtful it is, even though it takes minimal effort on my part.

2. Show Them Your Face

Another key to giving remote clients a good experience is to show them your face as early on as possible.

This is because one of the biggest issues of remote working is trust (or lack of). Something as simple as your client being able to see your face and your reactions goes a long way to making them feel like they’re working with a real person.

I’ve also found that my close rates on projects are much higher when we’ve had a face to face discussion, rather than just a phone conversation, before the proposal gets sent.

So get yourself on Skype as early and as often as possible and show clients that remote working doesn’t mean you have to lose out on a quality relationship.

3. Keep Everything Organized and Accessible

When working with clients remotely, it’s important that they can access files at any point in time.

Even if you’re not working across different timezones, it’s likely that sometimes the client may want to do something outside of your business hours. Maybe they have a full time job and this is a side project so they work evenings and weekends.

You don’t want to be getting emails asking for the logo (for the umpteenth time) when you’re trying to have dinner with your family.

So make use of cloud-based storage systems, whether that’s Dropbox, Google Drive, Droplr or whatever and add them to their own folder where they can find everything related to their project.

Now depending on the type of freelance work you do, this may look different for your projects but here is an example of my folder structure for most of my website design work.

Folder Structure

Try to create these folders right at the start of a project to make sure everything stays organised throughout (it also has the benefit of helping you keep on track with your deliverables).

And don’t forget to include all the admin bits like the proposal, contract and any invoices.

Continue reading %How to Collaborate with Clients Remotely%


by Laura Elizabeth via SitePoint

How to Collaborate with Clients Remotely

Working Outside

Ah, remote working.

We get to skip the commute (unless it’s to a favourite coffee shop), we can wear what we want (did I hear anyone say bunny slippers?), and best of all we don’t have anybody peering over our shoulders to offer oh-so-helpful ’advice’ on our designs, code, or content.

I’m a big advocate of working away from an office environment. Whether you work from home or travel the world digital nomad style, it increases both productivity and quality of life. And after all, a happy freelancer is a good freelancer, right?

[author_more]

However, working remotely does have its challenges. If it’s not done right we risk alienating our clients from the process and giving them a crappy experience.

So here are six things I’ve learned along the years that will help freelancers work remotely and keep their clients happy.

1. Get Your Timezones Straight

The absolute first thing you need to do when you get a new client is to memorise their timezone.

It sounds obvious but you’d be amazed how easy it is to forget when you’re juggling a few clients at once.

I recommend you use some form of visual display to keep track of this, whether it’s the standard clock widgets on your Mac or PC or a dedicated app.

Here are a couple of good ones for Mac:

World Clock

World Clock

The Clock

The Clock

And for PC:

Oh Clock

Oh Clock

World Clock - Time Zones

World Clock

Knowing the time in your client’s city is so important to giving them a good experience. Not only so you can set expectations as to when they are likely to hear from you, but so you can wish them a good morning or a nice evening at the appropriate times.

When I do this, clients love it — they always comment on how thoughtful it is, even though it takes minimal effort on my part.

2. Show Them Your Face

Another key to giving remote clients a good experience is to show them your face as early on as possible.

This is because one of the biggest issues of remote working is trust (or lack of). Something as simple as your client being able to see your face and your reactions goes a long way to making them feel like they’re working with a real person.

I’ve also found that my close rates on projects are much higher when we’ve had a face to face discussion, rather than just a phone conversation, before the proposal gets sent.

So get yourself on Skype as early and as often as possible and show clients that remote working doesn’t mean you have to lose out on a quality relationship.

3. Keep Everything Organized and Accessible

When working with clients remotely, it’s important that they can access files at any point in time.

Even if you’re not working across different timezones, it’s likely that sometimes the client may want to do something outside of your business hours. Maybe they have a full time job and this is a side project so they work evenings and weekends.

You don’t want to be getting emails asking for the logo (for the umpteenth time) when you’re trying to have dinner with your family.

So make use of cloud-based storage systems, whether that’s Dropbox, Google Drive, Droplr or whatever and add them to their own folder where they can find everything related to their project.

Now depending on the type of freelance work you do, this may look different for your projects but here is an example of my folder structure for most of my website design work.

Folder Structure

Try to create these folders right at the start of a project to make sure everything stays organised throughout (it also has the benefit of helping you keep on track with your deliverables).

And don’t forget to include all the admin bits like the proposal, contract and any invoices.

Continue reading %How to Collaborate with Clients Remotely%


by Laura Elizabeth via SitePoint

Responsive Social Share for Mobile with jQuery

A tutorial about creating social share buttons for your mobile website by using jQuery, HTML5 and CSS. It also support share via WhatsApp.


by via jQuery-Plugins.net RSS Feed

Quick Tip: Install Multiple Versions of Node.js using nvm

This article was peer reviewed by Tim Severien. Thanks to all of SitePoint's peer reviewers for making SitePoint content the best it can be!

When developing Node.js applications you might face situations where you need to install multiple versions of Node. This can happen when you have multiple projects and they have different requirements, or you have a deployable application which must be compatible with different Node versions. Without a good tool this would mean a lot of work and effort to install the different versions manually, and basing a project on a specific version. Fortunately there is a better way!

[author_more]

Introducing nvm

nvm stands for Node Version Manager. As the name suggests, it helps you manage and switch between different Node versions with ease. It provides a command line interface where you can install different versions with a single command, set a default, switch between them and much more.

This tool is especially useful when you have to troubleshoot issues for projects where the user has a different Node version installed than you. With nvm you can switch to the client's Node version with one command, start the application and get to the issue. The node command from that point onward will point to the version you've specified. Otherwise, you'd have to do it manually, which would mean installing it in a location on your system and starting the application to target the executable of that installation.

Installation

Installation differs for Windows and non-Windows systems. nvm doesn't officially support Windows, but fortunately there's a side project nvm-windows—ironically written in Go—which offers an installer as well as a stand-alone version for Windows users.

Windows Installation

First, make sure you uninstall any Node.js version you might have on your system, as they can collide with the installation. After this, download the latest stable installer. Run the executable installer, follow the steps provided and you're good to go!

OS X/Linux Installation

Removing previous Node installations is optional, although it is advised you do so. There are plenty of good resources online as to how you might do this (OS X, Linux). It is also good if you remove any npm installation you might have, since it might collide with nvm's installation. You'll also need to have a C++ compiler installed on your system. For OS X you can install the Xcode command line tools. You can do this by running the following command:

xcode-select --install

On Linux, you can install the build-essential package by running the following (assumes apt):

sudo apt-get update
sudo apt-get install build-essential

Having the required C++ compiler you can then install nvm using cURL or Wget. On your terminal, run the following:

With cURL:

curl -o- http://ift.tt/1p3B63L | bash

Or with Wget:

wget -qO- http://ift.tt/1p3B63L | bash

Note that the version number (v0.31.0) will change as the project develops, so it is worth checking the relevant section of project's home page to find the most recent version.

This will clone the nvm repository to ~/.nvm and will make the required changes to your bash profile, so that nvm is available from anywhere in your terminal.

That's it, nvm is installed and ready to be used.

Continue reading %Quick Tip: Install Multiple Versions of Node.js using nvm%


by Bruno Mota via SitePoint

Web Design Weekly #226

Headlines

Maybe we could tone down the JavaScript

Lexy Munroe takes a look into various ways Twitter are using JavaSctipt and suggest they rethink their approach to focus a little more on progressive enhancement. Solid article. (eev.ee)

What’s New in jQuery 3 (developer.telerik.com)

Professional Logo Creation Kit

Whether your own website needs a new logo or your clients are screaming for one, this bundle from Zeppelin Graphics is the perfect solution. (mightydeals.com)

Articles

Design in a Sea of Engineering

Ted Goas shares how he gets by as the sole designer working with nine engineers. For those of you that are in the same boat this is a great article that offers some handy tips and tricks to manage the workload and communication. (tedgoas.com)

Code for edge cases

A nice simple digestible post by Hugo Giraudel that reminds us that we shouldn’t assume anything in the code we write. (dev.edenspiekermann.com)

Building Bixa Color, a color font for the web

Color font formats have been added to OpenType and are slowly getting supported in browsers. This article explains how these fonts are made and looks at how usable they are on the web today. (pixelambacht.nl)

Using D3.js with animations in React

If you ever need to use D3.js with animations in React this post by David Krawaller might point you in the right direction. He recently struggled but explains his solution in this post. (blog.krawaller.se)

Microcopy — Tiny Words with a Huge UX Impact

When we think about designing a great user experience, it’s easy to get caught up with all the things. The fonts, the colors, the flows, the content. Everything. But there’s another component to UX that can instantly delight your users that you might be overlooking. Microcopy. (uxplanet.org)

A CSS Multi-column Layout Tutorial for Beginners

A nice and simple introduction by Baljeet Rathi that looks into CSS multi-column layout. Something that can be super handy for responsive layouts. (sitepoint.com)

Facebook’s Product Director Explains One of its Biggest UX Changes (fastcodesign.com)

Getting More from Google Analytics with Philip Walton (css-tricks.com)

Tools / Resources

CSS only Responsive Tables

David Bushell revisited a four year old idea of making tabular data responsive. As time has passed he has been able to clean the code up to suit the modern landscape. (dbushell.com)

Rebass — 56 Configurable React Stateless UI Components

Rebass is a React UI component library that uses inline styles to avoid CSS dependencies and prevent leaky global styles from affecting an application. (jxnblk.com)

PostCSS.parts

A searchable catalog of PostCSS plugins (postcss.parts)

State of the art web development with React.js (github.com)

Inspiration

The Difference Between Excellent, Good and Bad JavaScript Developers (thefullstack.xyz)

Trellisheets — How we spin up CSS for Trello sites with ease (tech.trello.com)

How to become a great UX designer without a degree (blog.invisionapp.com)

Jobs

Web Engineering Manager at Slack

Slack is looking for an engineering manager to help lead the web application engineering team. This team is responsible for developing new features, building infrastructure and maintaining the site. This person will report to the CTO and will work alongside our engineering management team. (slack.com)

Senior Product Designer at Charbeat

Chartbeat believes in a better web — one where quality content, not linkbait, is king. This is a web that values attention, how and where people are engaging with content, not clicks. If these values align with you please get in touch. (chartbeat.com)

Need to find passionate developers? Why not advertise in the next newsletter

Last but not least…

Performance & Usage at Instagram (engineering.instagram.com)

The post Web Design Weekly #226 appeared first on Web Design Weekly.


by Jake Bresnehan via Web Design Weekly