SEO – here's what I did… https://www.hereswhatidid.com/ The Development Blog of Gabe Shackle Mon, 05 May 2014 12:51:59 +0000 en-US hourly 1 https://wordpress.org/?v=5.4.2 Be careful with your CSS identifiers (AdBlock is watching!) https://www.hereswhatidid.com/2014/05/careful-css-identifiers-adblock-watching/ Fri, 02 May 2014 15:52:08 +0000 https://www.hereswhatidid.com/?p=557 If you notice that page elements are missing from browser to browser with no obvious source, verify that AdBlock is installed and then check that the offending element does not meet the criteria of being an advertisement.  Here is a list of the classes, IDs, and various other selectors that AdBlock currently looks for:

#advert1,
#advert2,
#advertise,
#advertisement1,
#advertisetop,
#advertising_wrapper,
#advtop,
#adwrapper,
#banner-ad,
#bannerAd,
#bannerAdWrapper,
#banner_topad,
#bannerad,
#bigAd,
#bigad,
#body_ad,
#bottom_ad,
#centerads,
#cmn_ad_tag_head,
#companionAd,
#content-header-ad,
#contentAd,
#content_ads,
#content_adv,
#contentad,
#dart-container-728x90,
#dfp_ad_Entry_728x90,
#dfp_ad_Home_728x90,
#divAd,
#div_prerollAd_1,
#download_ad,
#featuread,
#featured-ads,
#featuredAds,
#footer_ad,
#footer_ads,
#game-ad,
#google_ads_frame,
#google_ads_frame1_anchor,
#google_ads_frame2,
#googlead,
#head-ad,
#header-ads,
#headerAd,
#headerAdContainer,
#header_ad,
#homead,
#ka_adRightSkyscraperWide,
#leaderAd,
#leaderBoardAd,
#leaderboard-ad,
#left_ads,
#leftad,
#leftads,
#logoAd,
#logo_ad,
#mainAd,
#main_ad,
#mpu2,
#mpu2_container,
#mpu_container,
#msad,
#myAd,
#player_ads,
#pre_advertising_wrapper,
#prerollAd,
#promo-ad,
#publicidad,
#reklama,
#rh-ad,
#right_ads,
#right_adsense,
#searchAd,
#search_ads,
#sideAd,
#side_ads,
#sidebar-ads,
#sidebar_ads,
#skybox-ad,
#sponsorAdDiv,
#sponsoredlinks,
#sponsors-home,
#takeover_ad,
#top-ad,
#topAd,
#topAdSpace,
#topAdSpace_div,
#topAdvert,
#topBannerAd,
#top_ad,
#top_ads,
#topad,
#topbannerad,
#videoAd,
.ADBAR,
.AdBody:not(body),
.AdBox,
.AdInfo,
.AdTitle,
.AdvertContainer,
.HomeAds,
.RelatedAds,
.SponsoredContent,
.ad-300x250,
.ad-banner,
.ad-block,
.ad-border,
.ad-btn,
.ad-button,
.ad-cell,
.ad-display,
.ad-enabled,
.ad-holder,
.ad-img,
.ad-inner,
.ad-item,
.ad-leader,
.ad-leaderboard,
.ad-left,
.ad-links,
.ad-right,
.ad-section,
.ad-served,
.ad-sidebar,
.ad-square,
.ad-stack,
.ad-text,
.ad-top,
.ad-unit,
.ad-unit-300-wrapper,
.ad-vertical-container,
.ad-wide,
.ad-wrap,
.ad-wrapper,
.ad160,
.ad300,
.ad728,
.ad90,
.adBlock,
.adBottomBoard,
.adBox,
.adContent,
.adDiv,
.adElement,
.adFrame,
.adFrameCnt,
.adHead,
.adHeader,
.adHeaderblack,
.adHeadline,
.adHolder,
.adHoldert,
.adImg,
.adItem,
.adLink,
.adMiddle,
.adMod,
.adModule,
.adOverlay,
.adPanel,
.adResult,
.adRight,
.adRotator,
.adSpace,
.adSpot,
.adText,
.adTitle,
.adTopHome,
.adWidget,
.adWrap,
.ad_1,
.ad_160,
.ad_160x600,
.ad_2,
.ad_3,
.ad_728x90,
.ad_Right,
.ad_body,
.ad_container,
.ad_description,
.ad_global_header,
.ad_head_rectangle,
.ad_header,
.ad_item,
.ad_leaderboard,
.ad_line,
.ad_middle,
.ad_outer,
.ad_promo,
.ad_slug_table,
.ad_space,
.ad_text,
.ad_title,
.ad_trick_header,
.ad_wrap,
.ad_wrapper,
.ad_zone,
.adarea,
.adbanner,
.adbar,
.adbottom,
.adbutton,
.adcolumn,
.adcont,
.addiv,
.adframe,
.adheader,
.adholder,
.adinfo,
.adlink,
.adlist,
.admain,
.admiddle,
.adright,
.adrow1,
.adrow2,
.ads-area,
.ads-col,
.ads-header,
.ads-holder,
.ads-inline,
.ads-item,
.ads-section,
.ads-title,
.ads-top,
.ads1,
.adsBlock,
.ads_catDiv,
.ads_div,
.ads_top,
.ads_wrapper,
.adsbottombox,
.adsbox,
.adsbygoogle,
.adscontainer,
.adshome,
.adside,
.adslot_blurred,
.adspace,
.adtile,
.adtop,
.adv_300,
.advert-block,
.advert-box,
.advert-container,
.advert-content,
.advert-horizontal,
.advert2,
.advertColumn,
.advertContainer,
.advertLink,
.advertText,
.advert_container,
.advert_list,
.advertbox,
.advertisement-1,
.advertisement-swimlane,
.advertiser,
.advertising_block,
.advertisment,
.advertorial,
.adverts,
.adverttext,
.adwords,
.afs_ads,
.after-post-ad,
.article_ad,
.banner-ads,
.banner300,
.bannerAd,
.banner_728x90,
.banner_ad,
.bannerad,
.block-ad,
.blog-ads,
.bottom-ad,
.bottom-ads,
.bottom-left-ad,
.bottomAds,
.bottom_ad_block,
.box-ads,
.boxad,
.can_ad_slug,
.category-ad,
.change_AdContainer,
.container_ad,
.container_row_ad,
.contentAd,
.content_ads,
.cp-adsInited,
.displayAd,
.featuredAdBox,
.flash-advertisement,
.footer-ad,
.footer-ads,
.footerad,
.forumAd,
.gallery-ad,
.google-sponsored,
.googleAdSense,
.googleAds,
.header-ad,
.headerAd,
.header_ad,
.header_ad_center,
.header_advert,
.headerad,
.headerads,
.home-ad,
.homeAd,
.homead,
.homepage-ad,
.homepage_ads,
.horizontal_ad,
.image-advertisement,
.imgad,
.inner_ad,
.innerad,
.interstitial_ad_wrapper,
.ipsAd,
.item-container-ad,
.leaderboard-ad,
.leaderboard-ads,
.leftAd,
.leftad,
.list-ad,
.logo-ad,
.marketing-ad,
.mid_ad,
.middle_AD,
.module-ad,
.newsAd,
.oasad,
.openx,
.page_ad,
.pfAd,
.player_ad,
.player_hover_ad,
.pm-ad,
.post-ad,
.post_ad,
.post_ads,
.postad,
.premiumAdOverlay,
.premiumAdOverlayClose,
.promoAd,
.publicidad,
.rbRectAd,
.rectangle_ad,
.refreshAds,
.region-top-ad-position,
.reklam,
.reklama,
.reportAdLink,
.right-ad,
.rightAd,
.right_ad,
.right_ads_column,
.rightad,
.rightadv,
.sb_adsNv2,
.searchAds,
.searchad,
.searchads,
.showAd,
.side-ad,
.side-bar-ad-position1,
.single-ad,
.singleAd,
.sky_ad,
.skyscraperAd,
.smallAd,
.small_ad,
.smallads,
.sponsor-box,
.sponsoredLinks,
.sponsorlink,
.text-ad,
.textad,
.textads,
.top-ad,
.topAds,
.top_ad,
.top_ad_div,
.top_ad_wrap,
.top_ads,
.topads,
.tower-ad,
.type_ads_default,
.wideAd,
.withAds,
.wp_bannerize,
.yom-ad,
a[href^="http://ad-emea.doubleclick.net/"],
a[href^="http://ad.doubleclick.net/"],
a[href^="http://adultfriendfinder.com/p/register.cgi?pid="],
a[href^="http://marketgid.com/"],
a[href^="http://mgid.com/"],
a[href^="http://pubads.g.doubleclick.net/"],
a[href^="http://us.marketgid.com/"],
a[href^="http://www.fbooksluts.com/"],
a[href^="http://www.fleshlight.com/"],
a[href^="http://www.google.com/aclk?"],
a[href^="http://www.liutilities.com/"],
a[href^="http://www.socialsex.com/"],
a[href^="http://www.yourfuckbook.com/?"],
a[id^="mg_add"],
div[id^="MarketGid"],
div[id^="div-gpt-ad-"],
iframe[src^="http://ad.yieldmanager.com/"]
]]> Read the Agreement Validator https://www.hereswhatidid.com/2011/02/read-the-agreement-validator/ Fri, 04 Feb 2011 20:51:06 +0000 https://www.hereswhatidid.com/?p=175 Recently a client wanted to have a user agreement added to an enrollment form. The catch was that I needed to confirm that the user had at least scrolled through the text before allowing them to continue on with the form submission. Once again, jQuery to the rescue!

HTML

<div class="agreement">
  <div class="agreement-inner">
    Content for agreement goes here...
  </div>
</div>
<div class="agreement-agree">
  This is the stuff I want activated when the agreement has been read.
</div>

jQuery JavaScript:

$(".agreement").scroll(function() {
  if ($(this).scrollTop() >= ($('.agreement-inner',this).height() - $(this).height())) {
    $('.agreement-agree').removeClass('disabled');
    $('.agreement').unbind('scroll');
    $('.agreement-agree').fadeTo(0,1);
  }
});

I’m currently working on deploying this to a generic jQuery plugin that will let you specify the content that needs to be scrolled through as well as the content should become enabled once that criteria is met.

]]> 301 Redirection Codes https://www.hereswhatidid.com/2010/11/301-redirection-codes/ Sun, 14 Nov 2010 04:28:48 +0000 http://hereswhatidid/?p=52 A collection of the most common methods for performing 301 redirects:

Redirect with .htaccess and Mod_Rewrite

301 Redirect: xyz-site.com to www.xyz-site.com

RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_HOST} !^www.xyz-site.com$ [NC]
RewriteRule ^(.*)$ http://www.xyz-site.com/$1 [L,R=301]

301 Redirect: www.xyz-site.com to xyz-site.com

RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_HOST} !^xyz-site.com$ [NC]
RewriteRule ^(.*)$ http://xyz-site.com/$1 [L,R=301]

301 Redirect: Redirecting Individual pages

Redirect 301 /previous-page.html http://www.xyz-site.com/new-page.html

* These scripts should be placed in the .htaccess file.

Redirect with PHP

<?php
Header( "HTTP/1.1 301 Moved Permanently" );
Header( "Location: http://www.xyz-site.com/" );
exit(0);
?>

* This script should be the first piece of code on the page to function correctly.

Redirect with classic ASP

<@ Language=VBScript %>
<%
Response.Status="301 Moved Permanently" Response.AddHeader "Location",
" http://www.xyz-site.com/"
%>

* This script should be the first piece of code on the page to function correctly.

Redirect with ASP.NET

<script>
private void Page_Load(object sender, System.EventArgs e)
{
Response.Status = "301 Moved Permanently";
Response.AddHeader("Location","http://www.xyz-site.com/");
}
</script>

* This script should be the first piece of code on the page to function correctly.

Redirect with ColdFusion

<cfheader statuscode="301" statustext="Moved permanently">
<cfheader name="Location" value="http://www.new-xyz-site.com/">

* This script should be the first piece of code on the page to function correctly.

Redirect with Perl

[perl]
$q = new CGI;
print $q->redirect(" http://www.new-url.com/ ");
[/perl]

* This script should be the first piece of code on the page to function correctly.

]]> CSS Reset Techniques https://www.hereswhatidid.com/2010/10/css-reset-techniques/ Sat, 30 Oct 2010 04:25:34 +0000 http://hereswhatidid/?p=42 Here’s a new article on MSDN that gives a brief history of various CSS Reset techniques (clearing base styles in order to avoid cross-browser differences).

The Ins and Outs of CSS Resets

Also, as pointed out in that article there is a Google Code hosted version of the HTML5 compliant Meyer’s CSS Reset script. The project is here:

http://code.google.com/p/reset5/

And the hosted code includes this:

[sourcecode lang=”css”]/*

HTML5 CSS Reset
Based on Eric Meyer’s CSS Reset
and html5doctor.com HTML5 Reset

Copyright (c) 2010 736 Computing Services Limited
Released under the MIT license. http://736cs.com/mit-license.php?2010

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, audio, canvas, details, figcaption,
figure, footer, header, hgroup, mark, menu, meter, nav,
output, progress, section, summary, time, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section, blockquote {
display: block;
}

nav ul {
list-style: none;
}

ol {
list-style: decimal;
}

ul {
list-style: disc;
}

ul ul {
list-style: circle;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: ”;
content: none;
}

ins {
text-decoration: underline;
}

del {
text-decoration: line-through;
}

mark {
background: none;
}

abbr[title], dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}

/* tables still need ‘cellspacing="0"’ in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}

input[type="submit"], input[type="button"], button {
padding: 0 !important;
margin: 0 !important;
}

input, select, a img {
vertical-align: middle;
}[/sourcecode]

]]>