How to Determine if an Element Exists with jQuery?

jQuery makes it easy to determine if an element in your DOM exists.

if ( $('#elementID').length ) 
{
 // do something
}

Simple enough, right?

Clip to Evernote

2 notes / Permalink

Tags: jquery tips code

CSS Tip: style links for accessibility too.

It is easy to overlook, and quite frankly forget about, a:focus and a:active when controlling your link styles. When styling your a tags remember that the outlining applied by default in most browsers is a good recognition effect for users who tab through links or access the site with keyboard controls. Removing the styling on the a:focus and a:active will remove this visual indicator for those users tabbing, or otherwise accessing the links on your website.

Clip to Evernote

0 notes / Permalink

Tags: tips css

SEO Tip: Use Google Suggest for keyword research

There are a lot of great tools available, both free and paid, to conduct keyword research. However, one you might overlook is what is in front of you every time you go to google search. Aand if you are like me that is lot.

Google Suggest is the drop down box that appears with synonyms for your query when you type into the search box. What this shows you is relevant, and possibly alternative, search phrases to you keyword. Best of all, the suggestions are “straight from the horse’s mouth” being Google’s mathematically determined suggestions to your search query.

Clip to Evernote

0 notes / Permalink

Tags: seo tips google

SEO Tip: Don’t try to over optimize your web page

Build a page with a single keyword or phrase in mind. You should target on-page optimization for your website content in a 1 to 1 relationship not a many to 1. Logic says that a single page should be content specific to a single topic (e.g. keyword/phrase).

Clip to Evernote

0 notes / Permalink

Tags: tips SEO

Google Tip: Monitor Your Competitor’s Inbound Link Anchor Text

Use the “inanchor:” and “allinanchor:” operators to see which of your competitors have obtained keyword rich links to their site. This will help you analyse their link building effectiveness on keywords you target or should be targeting.

Example: inachor:"product keyphrase here" would return results with “product keyphrase here” in the link anchor text.

Clip to Evernote

2 notes / Permalink

Tags: google tips

Google Tip: Google Stops It’s Results at 1000 for a Given SERP

If you do an indexation search on Google you can only get 1000 results deep, or to page 100. An odd stat to uncover since most searchers don’t make it past page 3 of any given search query SERP (Search Engine Results Pages).

An alternative to this issue is the utilize Google’s search operators and begin your query with “site:” or “inurl:”. This will limit your results to the requests site.

Example: site:www.thedomain.com inurl:product

Clip to Evernote

0 notes / Permalink

Tags: google tips

Twitter Tip: How to Remove Yourself From Another User’s List

To prevent yourself from being on a Twitter list you must block the creator of that list.

Clip to Evernote

0 notes / Permalink

Tags: twitter tips

When Will I See the New Twitter?

Ev Williams, co-founder or Twitter,  answered this is question in a recent #AskEv session on Twitter. The New Twitter is being rolled out worldwide to a randomly selection of users over the next few weeks. This cautious rollout schedule is smart measure on Twitter’s part. Most apps that have such a large user base rollout out in steps and I am sure that Twitter doesn’t want to show the FAIL Whale anymore than it already does.

Clip to Evernote

0 notes / Permalink

Tags: twitter tips newtwitter

How to Add Evernote Site Memory Button to Tumblr Blog

To accomplish this we will need a few things:

  1. Your customize Tumblr URL
  2. Your Evernote Site Memory button Code
  3. A hosted jQuery source.

Getting to Your Customize Theme Page

We will need to edit your Tumblr theme to include the Evernote Site Memory button and add some jQuery to manipulate the showing and hiding of the button where applicable.

To access your Tumblr Theme code got to the customize URL (http://www.tumblr.com/customize) or click “Customize” in the right hand column.

Click the “Theme” link on the customize toolbar to open your Theme HTML context. The Theme HTML is where we make the magic happen.

Evernote Site Memory Button

In a new tab go to the Evernote Site Memory Button Builder. On this page you can build you site memory button. Evernote has provided a few different options to fit into various layouts. After you build your button copy the code from the Button Preview section.

My tumblr site uses the following button code:

<script type="text/javascript" src="http://static.evernote.com/noteit.js"> <a href="#" onclick="Evernote.doClip({contentId:'post',providerName:'Andrew Epperson\'s blog'}); return false;"><img alt="Clip to Evernote" src="http://static.evernote.com/article-clipper-vert.png" border="0" /></a>

Take your copy of the code and insert it into your Theme HTML at the desired spot. Wrap the site memory button code inside of a div with and id of “enClip”. We will use this id for the jQuery. The code should like this:

<div id="enClip"> <script type="text/javascript" src="http://static.evernote.com/noteit.js"> <a href="#" onclick="Evernote.doClip({contentId:'post',providerName:'Andrew Epperson\'s blog'}); return false;"><img alt="Clip to Evernote" src="http://static.evernote.com/article-clipper-vert.png" border="0" /></a></div>

We now need to give our post content the id of “post” that we are declaring in the “contentId” parameter of the Evernote clip javascipt. Assign the div that contains your posts elements the id of “post”. Yes on the homepage this will create duplicate IDs which should be unique, but the HTML will still render and Evernote requires an ID and not a class for this purpose.

Using jQuery to Show the Button

Now we want the Evernote Site Memory Button to show an the individual post, but not on the homepage with multiple post. This is desired because of how Tumblr repeats posts in the theme our post id of “post” is repeated on the homepage and the button wouldn’t know which id to pull content from.

Within your <style></style> tag add the styling to hide the “enClip” div and any other styling that is required for layout on the page. My css looks like:

#enClip {float:left; padding-right:10px; display:none;}

Now we add our jQuery library and code to show the button on the individual post pages. Add the following code before your tag (replacing YOURURL with your Tumblr blog username:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> <script type="text/javascript"> $(function() { var wl = window.location.href; if ( wl != "http://YOURURL.tumblr.com/" ) { $("#enClip").show(); } }); </script>

The above code checks to see if the URL does not equal the path to your homepage. If it does not match then we show the enClip div that contains the Evernote Site Memory Button.

Now you can save your Theme edits by click the “Save” button in the upper right corner of the customize page and then view your Tumblr blog to see the results.

Clip to Evernote

5 notes / Permalink

Tags: how to evernote tips themes

Google Tip: How to turn off personalized search results

Google now shows you personalized search results all the time, even when you are not logged in. Results are personalized based upon your last 180 days of Google activity as tracked by the linked cookie in your browser.

To turn off personalized search you can easily appending “&pws=0” to the end of your Google SERP (search engine results page) URL in the address bar of your web browser. For example: http://www.google.com/search?q=pizza&pws=0

Clip to Evernote

1 note / Permalink

Tags: google tips serp