Tag Archives: social

Highlight some text – a dare ya

Today I’ve implemented a little bit of script on my site that allows you – the visitors of this site – to highlight any bit of text that you might want to tweet… and tweet it at the click of a buttons.

Go on…

Give it a go.

It’s quite a simple bit of jQuery script that activates on text highlight.

var myCopy;

function clickToCopy(){
    $(".panel").remove();
}

if(!window.Kolich){
    Kolich = {};
}

Kolich.Selector = {};
Kolich.Selector.getSelected = function(){
    var t = '';
    if(window.getSelection){
        t = window.getSelection();
    } else if(document.getSelection){
        t = document.getSelection();
    } else if(document.selection){
        t = document.selection.createRange().text;
    }
    return t;
}

Kolich.Selector.mouseup = function(event){
    st = Kolich.Selector.getSelected();
    if(st!=''){
        $("body").append("<div class='panel'><a href='http://www.twitter.com' target='_blank' id='textTweet'>Tweet this</a></div>");
        $(".panel").css({
            "left": event.pageX,
            "top": event.pageY
        });
        myCopy = "" + st;

        if(myCopy.length>100){
            var whatDiff = myCopy.length - 100;
            myCopy = myCopy.slice(0,-whatDiff);
        }

        myTweet = myCopy.replace(/\%/g,"%25").replace(/ /g, '%20').replace(/!/g,"%21").replace(/"/g,"%22").replace(/#/g,"%23").replace(/\$/g,"%26").replace(/\&/g,"%26").replace(/'/g,"%27").replace(/\(/g,"%28").replace(/\)/g,"%29").replace(/@/g,"%40");

$("#textTweet").attr("href", "http://twitter.com/home?status=" + myTweet + "...%20" + window.location.href);

    } else { $(".panel").remove();}
}

$(document).ready(function(){
    $(document).bind("mouseup", Kolich.Selector.mouseup);
});

The purpose of this is less about the what it does (and being a smart-arse)… but more an experiment in allowing visitors to better choose what they share socially (rather than the bog-standard “Share this page”-type button.

Part two of this will be to also include a “copy to clipboard” option… which also allows for better analytical tracking… but this is yet to come (watch this space).

Update: I’m also going to try and make it work a little better in instances where the selected text is longer  than the characters allowed.

What to do with Samantha Brick?

It’s at times like this that I wish I worked for a mental health charity…

I’m trying to be very careful about how I word this so please forgive me if this sounds a little clumsy… but:

Whether or not Samantha Brick is actually a sufferer of a mental health condition, yesterday sure would have been a good day for self promotion.

I’ve just done a few cheeky sweeps of some of the main mental heath charity twitter and facebook feeds and there was no mention of the woman who was rapidly becoming a twitter sensation.

I’m not saying any one of these charities should have been wandering around diagnosing Mrs. Brick with x or y… but, as voices of reason and care a subtle tweet along the lines of…

“A lot of questions being asked over the mental health of #SamanthaBrick – find out more at…”

…wouldn’t have been all that bad?

Or is that just me?

Where’s our Pinterest account ? (or “Building for the future”)

Since the announcement, and subsequent release, of the new iPad there has been a lot of talk about playing catch up – how to make your website (or app) fulfil the capabilities of the new retina display.

This has lead a lot of my designer friends and colleagues to start blogging about future proofing sites (this is a good article from Paul Boag).

They argue (and I agree) that the developments in CSS3 and JavaScript now allow us to build sites that automatically render in pixel perfect quality on these new devices. There is, really, no excuse to be playing catch up.

It goes further than this now though. A question I often find myself asking is this: 

“Why are we still building fixed width sites?”

When it comes to website development one of the first questions you should be asking is “How will this look on a mobile device?” And one of the main specifications you should be requesting is that it is responsive!

Responsive design:

A way of designing a website (using W3C CSS3 media queries) that enables it to resize and realign itself to the screen dimensions of the device it is being viewed upon.

If your site is responsive you can rest easy knowing that whatever device a visitor is viewing your site on it will always look (and fit) perfectly.

I recently built a quick site for the Microchipping Alliance for work. Whilst it isn’t the prettiest thing on earth (it’s main purpose it to act as a contact point for politicians), whatever device you view it on it will fit perfectly on and I can rest easy knowing that the politician on the move will find it just as easy to access the information as one sitting behind their desk.

But where do we stop future-proofing?

As we all know, we no-longer live in a world where our digital footprint is just our website. Most of us will have a Facebook fan page, a twitter account… probably a YouTube channel and flickr profile.

If we travel back once again to a few weeks ago there seemed, all of a sudden, to be an explosion of interest in Pinterest.

Now, almost overnight, most of the people I know are asking me if I have a Pinterest account (I don’t by-the-way). Similarly the question is asked at work… “Do we need to be on [x social network or y sharing platform]?”

My answer: “Do we?”

We are somewhere within the birth of the social web. And when Mashable puts out articles such as this one it’s hard to imagine when it might start to settle. It’s quite likely there’ll never be a time when someone, somewhere isn’t bringing out a new social platform.

A while back there was a rush for organisations to create their brand pages on Google+. Now as the Social Media Explained guide shows us Google+ is mainly used by Google+ employees… so why the rush?

Was it cause their supporters are there? Probably not.
Or possibly because of the value the +1 rankings give to SEO? Maybe a little.
Or could it have been that this was something new and everyone wanted to secure their share of this new real estate? That’s the answer I’ll be putting my money on.

But is this future proofing?

I would argue not.

Each new channel you open is a new channel you have to maintain. Dogs Trust created a Google+ fan page… and they update it about once or twice a month (in comparison they update their Facebook the same amount EACH DAY).

Does that sound like a community that’s very well cared for? Do you think they’re very engaged? So my question is “What’s the point?” Surely the staff time would be better spent elsewhere… especially as I would put bet that each any every one of those Google+ers are also Facebook or Twitterers.

We are often weighed down (time-wise) by our social communities. We need to manage the channels we communicate to them from as carefully as we manage the communities themselves.

So the next time you are asked “Where’s our Pinterest account?” ask “Where’s our need for it?”

Disclaimer: you may have a very valid reason for joining up to, and using, these sites – I’m not promoting a blanket ban… more a careful thought process.

Google+ – A Party With No People

So, thanks to a friend of mine (@Creatingle) I finally received an AAA pass onto Google+ yesterday.

Having already been released for a number of days I felt like I was turning up a little late to the party (a cripplingly horrible concept for an early adopter such as myself). However it seems like Google forgot to invite anyone.

I get Google’s beta-test-until-everyone-feels-like-they’re-missing-out-on-something-amazing thing… but with a social network it seems a little… well… idiotic! When we’re used to having 750 million people (theoretically) at our Facebook finger-tips, a social network where I can only communicate with a fraction of my friends is more than a little unsatisfying. A bit like the offer an all you can eat buffet without any food.

That being said – do I think this is another Google failure? Probably not!

Google has the never-to-be-underestimated advantage of a huge market share, brand presence and its fair-share of incredibly loyal customers. That (google)plus the fact that Google+ is actually pretty good (I’m not going to critique it myself but nichewp have one that might be worth a read) and they might actually have found a winner.

I don’t think it’s likely to be taking Facebook’s crown any time soon but could see it creating its own niche for itself in the way Twitter and LinkedIn have. If one things for certain its definitely better than MySpace… but then again, was that ever an option?