litmus.com
Open in
urlscan Pro
151.101.195.52
Public Scan
Submitted URL: https://litmus.com/community/discussions/84-what-s-your-favorite-hack#comment-1287
Effective URL: https://litmus.com/community/discussions/84-what-s-your-favorite-hack
Submission: On December 03 via api from US — Scanned from US
Effective URL: https://litmus.com/community/discussions/84-what-s-your-favorite-hack
Submission: On December 03 via api from US — Scanned from US
Form analysis
7 forms found in the DOMPOST /community/discussions/84-what-is-your-favorite-hack/comments
<form class="new_comment nested_comment_form" id="new_comment" action="/community/discussions/84-what-is-your-favorite-hack/comments" accept-charset="UTF-8" data-remote="true" method="post" novalidate="novalidate"><input name="utf8" type="hidden"
value="✓" autocomplete="off">
<input autocomplete="off" type="hidden" name="comment[parent_id]" id="comment_parent_id">
<textarea cols="50" rows="4" class="markdown-source form-control" placeholder="Write your comment" name="comment[content]" id="comment_content"></textarea>
<footer class="comment-reply-footer">
<a class="markdown-link" target="_blank" href="/community/markdown">Markdown supported</a>
<button class="btn btn-primary btn-sm ladda-button" data-style="expand-left" data-spinner-color="#69ab7f">Post Comment</button>
<a href="#" class="cancel btn btn-link">Cancel</a>
</footer>
</form>
<form class="form-inline subscribe" id="sub-form" onsubmit="updateMarketo(this);return false;">
<div class="form-group">
<input type="text" class="form-control email" name="Email" id="ohyku-ohyku" onfocus="if(this.value == 'Your email address') { this.value = ''; }" onblur="if (this.value=='') this.value = 'Your email address'" value="Your email address"
required="">
<input type="submit" value="→" class=" submit">
</div>
</form>
<form id="mktoForm_1058" style="display: none; font-family: inherit; font-size: 13px; color: rgb(51, 51, 51); width: 1px;" novalidate="novalidate" class="mktoForm mktoHasWidth mktoLayoutLeft">
<style type="text/css"></style>
<div class="mktoFormRow">
<div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 5px;">
<div class="mktoOffset" style="width: 5px;"></div>
<div class="mktoFieldWrap"><label for="mapssecurity" id="Lblmapssecurity" class="mktoLabel mktoHasWidth" style="width: 100px;">
<div class="mktoAsterix">*</div>maps-security:
</label>
<div class="mktoGutter mktoHasWidth" style="width: 5px;"></div><input id="mapssecurity" name="mapssecurity" maxlength="255" aria-labelledby="Lblmapssecurity Instructmapssecurity" type="text" class="mktoField mktoTextField mktoHasWidth"
style="width: 150px;"><span id="Instructmapssecurity" tabindex="-1" class="mktoInstruction"></span>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow"><input type="hidden" name="UTM_Tracking_Campaign__c" class="mktoField mktoFieldDescriptor mktoFormCol" value="" style="margin-bottom: 5px;">
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow"><input type="hidden" name="UTM_Tracking_Medium__c" class="mktoField mktoFieldDescriptor mktoFormCol" value="" style="margin-bottom: 5px;">
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow"><input type="hidden" name="UTM_Tracking_Source__c" class="mktoField mktoFieldDescriptor mktoFormCol" value="" style="margin-bottom: 5px;">
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow"><input type="hidden" name="UTM_Tracking_Content__c" class="mktoField mktoFieldDescriptor mktoFormCol" value="" style="margin-bottom: 5px;">
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow">
<div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 5px;">
<div class="mktoOffset" style="width: 5px;"></div>
<div class="mktoFieldWrap mktoRequiredField"><label for="Email" id="LblEmail" class="mktoLabel mktoHasWidth" style="width: 230px;">
<div class="mktoAsterix">*</div>Email Address:
</label>
<div class="mktoGutter mktoHasWidth" style="width: 5px;"></div><input id="Email" name="Email" maxlength="255" aria-labelledby="LblEmail InstructEmail" type="email" class="mktoField mktoEmailField mktoHasWidth mktoRequired"
aria-required="true" style="width: 150px;"><span id="InstructEmail" tabindex="-1" class="mktoInstruction"></span>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow">
<div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 5px;">
<div class="mktoOffset" style="width: 5px;"></div>
<div class="mktoFieldWrap"><label for="subscribe_to_litmus_news" id="Lblsubscribe_to_litmus_news" class="mktoLabel mktoHasWidth" style="width: 230px;">
<div class="mktoAsterix">*</div>Litmus News: Monthly Newsletter
</label>
<div class="mktoGutter mktoHasWidth" style="width: 5px;"></div>
<div class="mktoLogicalField mktoCheckboxList mktoHasWidth" style="width: 150px;"><input name="subscribe_to_litmus_news" id="subscribe_to_litmus_news" type="checkbox" value="yes"
aria-labelledby="Lblsubscribe_to_litmus_news Instructsubscribe_to_litmus_news" class="mktoField"><label for="subscribe_to_litmus_news" id="Lblsubscribe_to_litmus_news"></label></div><span id="Instructsubscribe_to_litmus_news"
tabindex="-1" class="mktoInstruction"></span>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow">
<div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 5px;">
<div class="mktoOffset" style="width: 5px;"></div>
<div class="mktoFieldWrap"><label for="subscribe_to_litmus_weekly" id="Lblsubscribe_to_litmus_weekly" class="mktoLabel mktoHasWidth" style="width: 230px;">
<div class="mktoAsterix">*</div>Litmus Weekly
</label>
<div class="mktoGutter mktoHasWidth" style="width: 5px;"></div>
<div class="mktoLogicalField mktoCheckboxList mktoHasWidth" style="width: 150px;"><input name="subscribe_to_litmus_weekly" id="subscribe_to_litmus_weekly" type="checkbox" value="yes"
aria-labelledby="Lblsubscribe_to_litmus_weekly Instructsubscribe_to_litmus_weekly" class="mktoField"><label for="subscribe_to_litmus_weekly" id="Lblsubscribe_to_litmus_weekly"></label></div><span id="Instructsubscribe_to_litmus_weekly"
tabindex="-1" class="mktoInstruction"></span>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow">
<div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 5px;">
<div class="mktoOffset" style="width: 5px;"></div>
<div class="mktoFieldWrap"><label for="subscribe_to_product_updates" id="Lblsubscribe_to_product_updates" class="mktoLabel mktoHasWidth" style="width: 230px;">
<div class="mktoAsterix">*</div>Product Updates
</label>
<div class="mktoGutter mktoHasWidth" style="width: 5px;"></div>
<div class="mktoLogicalField mktoCheckboxList mktoHasWidth" style="width: 150px;"><input name="subscribe_to_product_updates" id="subscribe_to_product_updates" type="checkbox" value="yes"
aria-labelledby="Lblsubscribe_to_product_updates Instructsubscribe_to_product_updates" class="mktoField"><label for="subscribe_to_product_updates" id="Lblsubscribe_to_product_updates"></label></div><span
id="Instructsubscribe_to_product_updates" tabindex="-1" class="mktoInstruction"></span>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow">
<div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 5px;">
<div class="mktoOffset" style="width: 5px;"></div>
<div class="mktoFieldWrap"><label for="subscribe_to_Reports_and_Ebooks" id="Lblsubscribe_to_Reports_and_Ebooks" class="mktoLabel mktoHasWidth" style="width: 230px;">
<div class="mktoAsterix">*</div>Reports & Ebooks
</label>
<div class="mktoGutter mktoHasWidth" style="width: 5px;"></div>
<div class="mktoLogicalField mktoCheckboxList mktoHasWidth" style="width: 150px;"><input name="subscribe_to_Reports_and_Ebooks" id="subscribe_to_Reports_and_Ebooks" type="checkbox" value="yes"
aria-labelledby="Lblsubscribe_to_Reports_and_Ebooks Instructsubscribe_to_Reports_and_Ebooks" class="mktoField"><label for="subscribe_to_Reports_and_Ebooks" id="Lblsubscribe_to_Reports_and_Ebooks"></label></div><span
id="Instructsubscribe_to_Reports_and_Ebooks" tabindex="-1" class="mktoInstruction"></span>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow">
<div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 5px;">
<div class="mktoOffset" style="width: 5px;"></div>
<div class="mktoFieldWrap"><label for="subscribe_to_Litmus_Live" id="Lblsubscribe_to_Litmus_Live" class="mktoLabel mktoHasWidth" style="width: 230px;">
<div class="mktoAsterix">*</div>Events
</label>
<div class="mktoGutter mktoHasWidth" style="width: 5px;"></div>
<div class="mktoLogicalField mktoCheckboxList mktoHasWidth" style="width: 150px;"><input name="subscribe_to_Litmus_Live" id="subscribe_to_Litmus_Live" type="checkbox" value="yes"
aria-labelledby="Lblsubscribe_to_Litmus_Live Instructsubscribe_to_Litmus_Live" class="mktoField"><label for="subscribe_to_Litmus_Live" id="Lblsubscribe_to_Litmus_Live"></label></div><span id="Instructsubscribe_to_Litmus_Live"
tabindex="-1" class="mktoInstruction"></span>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow">
<div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 5px;">
<div class="mktoOffset" style="width: 5px;"></div>
<div class="mktoFieldWrap"><label for="subscribe_to_litmus_live_emails" id="Lblsubscribe_to_litmus_live_emails" class="mktoLabel mktoHasWidth" style="width: 230px;">
<div class="mktoAsterix">*</div>Litmus Live
</label>
<div class="mktoGutter mktoHasWidth" style="width: 5px;"></div>
<div class="mktoLogicalField mktoCheckboxList mktoHasWidth" style="width: 150px;"><input name="subscribe_to_litmus_live_emails" id="subscribe_to_litmus_live_emails" type="checkbox" value="yes"
aria-labelledby="Lblsubscribe_to_litmus_live_emails Instructsubscribe_to_litmus_live_emails" class="mktoField"><label for="subscribe_to_litmus_live_emails" id="Lblsubscribe_to_litmus_live_emails"></label></div><span
id="Instructsubscribe_to_litmus_live_emails" tabindex="-1" class="mktoInstruction"></span>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow">
<div class="mktoFormCol" style="margin-bottom: 5px;">
<div class="mktoOffset mktoHasWidth" style="width: 5px;"></div>
<div class="mktoFieldWrap">
<div class="mktoHtmlText mktoHasWidth" style="width: 475px;">
<p style="font-weight: 400; line-height: 1.4em;">Litmus uses the information you provide us to bring you great content about email marketing trends, stats, events and relevant products and services. You may unsubscribe from these
communications at any time. For more information, check out our <a href="https://www.litmus.com/privacy/" target="_blank">Privacy Policy</a>.</p>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoClear"></div>
</div>
<div class="mktoFormRow"><input type="hidden" name="vwo_uuid" class="mktoField mktoFieldDescriptor mktoFormCol" value="DED613B81319EE8E30714DCFB90E1A910" style="margin-bottom: 5px;">
<div class="mktoClear"></div>
</div>
<script src="https://www.google.com/recaptcha/api.js?onload=captchaCallback" type="text/javascript" async="async" defer="defer"></script>
<div>
<script type="text/javascript">
var formId = 1058;
var captchaCallback = function(a) {
var b = document.getElementsByClassName("grecaptcha-badge");
if (b.length > 0)
for (var c = 0; c < b.length; c++) b[c].style.visibility = "hidden";
if (a) {
var d = this.MktoForms2.getForm(formId);
d && d.setCaptchaValue(a)
}
};
</script>
</div>
<div id="captcha" class="g-recaptcha" data-callback="captchaCallback" data-expired-callback="captchaExpired" data-sitekey="6Lewok8kAAAAAJO9w3zjklo_XpKJ5VFKfUCNFJsg" data-size="invisible">
<div class="grecaptcha-badge" data-style="bottomright"
style="width: 256px; height: 60px; display: block; transition: right 0.3s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden; visibility: hidden;">
<div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-h7o513sj7dvn" frameborder="0" scrolling="no"
sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Lewok8kAAAAAJO9w3zjklo_XpKJ5VFKfUCNFJsg&co=aHR0cHM6Ly9saXRtdXMuY29tOjQ0Mw..&hl=en&v=pPK749sccDmVW_9DSeTMVvh2&size=invisible&cb=vn2kza5e1tnu"></iframe></div>
<div class="grecaptcha-error"></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response"
style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
</div>
</div>
<div class="mktoCaptchaDisclaimer">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy" target="_blank">Privacy Policy</a> and
<a href="https://policies.google.com/terms" target="_blank">Terms of Service</a> apply.</div>
<div class="mktoButtonRow"><span class="mktoButtonWrap mktoNative" style="margin-left: 110px;"><button type="submit" class="mktoButton">Submit</button></span></div><input type="hidden" name="formid" class="mktoField mktoFieldDescriptor"
value="1058"><input type="hidden" name="munchkinId" class="mktoField mktoFieldDescriptor" value="864-VPZ-131">
</form>
POST /sessions
<form class="form-horizontal community-sign-in-form" action="/sessions" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="✓" autocomplete="off">
<div class="modal-header" id="sign-in-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Sign in to Community</h3>
</div>
<div class="modal-body" id="sign-in-body">
<p class="community-modal-errors"></p>
<p>Are you new to Litmus Community?</p>
<a class="btn btn-primary btn-block toggle-modal-form sign-up" href="https://litmus.com/signup/community-plan">Create a Free Litmus Account</a>
<hr>
<p class="desc">Use your existing Litmus login to connect with the world’s most amazing email designers.</p>
<input type="hidden" name="return_to" id="return_to" value="https://litmus.com/community/discussions/84-what-s-your-favorite-hack" class="return-to" autocomplete="off">
<div class="form-group">
<input type="email" name="email" id="email" placeholder="Email Address" class="form-control" _ar_hide_="width:100%;height:42px;margin:0px;position:static;display:block;">
</div>
<div class="form-group">
<input type="password" name="password" id="password" placeholder="Password" class="form-control" _ar_hide_="width:100%;height:42px;margin:0px;position:static;display:block;">
</div>
<input type="submit" name="commit" value="Sign In" class="btn btn-outline btn-block" data-disable-with="Sign In">
<small class="note"> Having trouble signing in? Try <a class="toggle-modal-form forgot-password" href="/password/forgot">Forgot password</a>
</small>
</div>
</form>
POST https://litmus.com/signup/community-plan
<form id="sign-up-modal-form" class="form-horizontal hide" action="https://litmus.com/signup/community-plan" accept-charset="UTF-8" method="post" novalidate="novalidate"><input name="utf8" type="hidden" value="✓" autocomplete="off"><input
type="hidden" name="authenticity_token" value="d4ROcHxEBL+1pK8gBUkeihjB8d+pq15IeolKhBFRH4YRIezV7tLwQcYxPCGZxFhSqF49+j/QslD3E0OQVMgQMQ==" autocomplete="off">
<div id="sign-up-form">
<div class="modal-header" id="sign-in-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Sign up to Community</h3>
</div>
<div class="modal-body" id="sign-up-body">
<input type="hidden" name="agree_to_terms" id="agree_to_terms" value="1" autocomplete="off">
<input type="hidden" name="return_to" id="return_to" value="https://litmus.com/community/discussions/84-what-s-your-favorite-hack" class="return-to" autocomplete="off">
<input type="hidden" name="referral_code[code]" id="referral_code_code" autocomplete="off">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="signup_user_first_name">First name</label>
<input type="text" name="signup[user][first_name]" id="signup_user_first_name" placeholder="First Name" class="required form-control">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="signup_user_last_name">Last name</label>
<input type="text" name="signup[user][last_name]" id="signup_user_last_name" placeholder="Last Name" class="required form-control">
</div>
</div>
</div>
<div class="form-group">
<label for="signup_user_email">Email</label>
<input type="email" name="signup[user][email]" id="signup_user_email" placeholder="Email Address" class="required form-control">
</div>
<div class="form-group">
<label for="signup_user_password">Password</label>
<input type="password" name="signup[user][password]" id="signup_user_password" placeholder="Password" class="required form-control" _ar_hide_="width:100%;height:42px;margin:0px;position:static;display:block;">
</div>
<div class="form-group">
<label for="signup_user_password_confirmation">Confirm password</label>
<input type="password" name="signup[user][password_confirmation]" id="signup_user_password_confirmation" placeholder="Retype Password" class="required form-control" _ar_hide_="width:100%;height:42px;margin:0px;position:static;display:block;">
</div>
<div class="form-group">
<small class="note"> Litmus uses the information you provide us to bring you great content about email marketing trends, stats, events and relevant products and services. You may unsubscribe from these communications at any time. For more
information, check out our <a target="_blank" href="https://litmus.com/privacy">Privacy Policy</a>
</small>
</div>
<input type="submit" name="commit" value="Sign Up" class="btn btn-primary btn-block sign-up-button" data-disable-with="Sign Up">
<small class="note"> Already have a Litmus login? <a class="toggle-modal-form sign-in" href="#">Sign in</a>
</small>
</div>
</div>
<div id="sign-up-trial-box" class="hide">
<div class="modal-header" id="sign-in-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Get more out of your Litmus account</h3>
</div>
<div class="modal-body modal-trial-sign-up" id="sign-up-body">
<div class="row">
<div class="col-sm-12">
<p> Your free Community account includes access to the Litmus Community, as well as limited access to Litmus Builder. Check out the entire Litmus Email Creative Platform when you sign up for a free 7-day trial. </p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="feature-card">
<ul>
<li>
<a href="#">Email Previews</a>
<div class="tip">
<p>Get 2,000 screenshots/month in popular email clients, including key international webmail clients, to ensure your emails look great everywhere.</p>
</div>
</li>
<li>
<a href="#">Builder</a>
<div class="tip">
<p>Quickly identify issues pre-send that could impact your deliverability—and get actionable advice for how to fix them.</p>
</div>
</li>
<li>
<a href="#">Checklist</a>
<div class="tip">
<p>Get screenshots in popular email clients to ensure your email looks great everywhere.</p>
</div>
</li>
<li>
<a href="#">Code Editor Integrations</a>
<div class="tip">
<p>Preview and troubleshoot your emails right where you build with seamless integrations between Litmus and any local code editor, like Dreamweaver or Sublime.</p>
</div>
</li>
<li>
<a href="#">ESP Integrations</a>
<div class="tip">
<p>Save time producing and troubleshooting your campaigns with seamless integrations between Litmus and your email service provider (ESP).</p>
</div>
</li>
<li>
<a href="#">Spam Testing</a>
<div class="tip">
<p>Quickly identify issues pre-send that could impact your deliverability—and get actionable advice for how to fix them.</p>
</div>
</li>
<li>
<a href="#">Email Analytics</a>
<div class="tip">
<p>Optimize your campaigns with subscriber-level insights to improve segmentation and targeting strategies.</p>
</div>
</li>
<li>
<a href="#">Private Litmus Teams</a>
<div class="tip">
<p>Get full team visibility. Manage Litmus access and monitor usage across private teams.</p>
</div>
</li>
</ul>
<input type="submit" name="commit" value="Try Litmus free for 7 days" class="btn btn-primary btn-block trial-sign-up-button" data-disable-with="Try Litmus free for 7 days">
</div>
</div>
</div>
<small class="note">
<a class="no-thanks-link" id="js-no-thanks-link" data-disable-with="Please Wait ..." href="#">No thanks, just sign me up without a trial</a>
</small>
</div>
</div><!-- End #sign-up-trial-modal-form -->
</form>
POST https://litmus.com/password/forgot
<form id="forgot-password-modal-form" class="form-horizontal hide" action="https://litmus.com/password/forgot" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓" autocomplete="off"><input type="hidden"
name="authenticity_token" value="d4ROcHxEBL+1pK8gBUkeihjB8d+pq15IeolKhBFRH4YRIezV7tLwQcYxPCGZxFhSqF49+j/QslD3E0OQVMgQMQ==" autocomplete="off">
<div class="modal-header" id="sign-in-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Forgot password</h3>
</div>
<div class="modal-body" id="forgot-password-body">
<p class="community-modal-notifications"></p>
<div class="form-group">
<p class="desc">Enter your email address to reset your password</p>
<input type="email" name="email" id="email" placeholder="Enter your email" tabindex="1" required="required" class="form-control" _ar_hide_="width:100%;height:42px;margin:0px;position:static;display:block;">
</div>
<script src="https://www.google.com/recaptcha/api.js" async="" defer=""></script>
<div class="g-recaptcha" data-sitekey="6LcNjygTAAAAAKf3uQqit9KwM5QJTsCd0mK1LZ7E">
<div style="width: 304px; height: 78px;">
<div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-xak4l5gkeza9" frameborder="0" scrolling="no"
sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LcNjygTAAAAAKf3uQqit9KwM5QJTsCd0mK1LZ7E&co=aHR0cHM6Ly9saXRtdXMuY29tOjQ0Mw..&hl=en&v=pPK749sccDmVW_9DSeTMVvh2&size=normal&cb=gvwdmqgimq1j"></iframe></div>
<textarea id="g-recaptcha-response-1" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
</div><iframe style="display: none;"></iframe>
</div>
<br>
<input type="submit" name="commit" value="Reset my password" class="btn btn-primary btn-block" data-disable-with="Reset my password">
<small class="note"> Already have a Litmus login? <a class="toggle-modal-form sign-in" href="#">Sign in</a>
</small>
</div>
</form>
<form style="display: none; font-family: inherit; font-size: 13px; color: rgb(51, 51, 51); visibility: hidden; position: absolute; top: -500px; left: -1000px; width: 1600px;" novalidate="novalidate" class="mktoForm mktoHasWidth mktoLayoutLeft">
</form>
Text Content
* Features All Features Email Testing Email Building Spam Testing Email Analytics Email Design Email Personalization Email Collaboration & Review Technology Integrations * Solutions By ESPs By Industry By Role * Pricing * Enterprise * Resources Blog Ebooks & Reports Events Customer Success Stories Convince Your Team * Tools Email Client Market Share Gmail Tabs Check Litmus Scope Templates Email Gallery Litmus Extension * Sign In * Litmus * Features * Solutions * Pricing * Enterprise * Tools * Resources * Discussions * Snippets * Templates * Jobs * My Account * Sign In * Community Home * Discussions * Learning * Snippets * Templates * Jobs * Create a Discussion JK 20 WHAT IS YOUR FAVORITE HACK? Jonathan Kim posted 11 years ago Building/designing emails has long been a hacker's battle. What are some tricks you've used or seen that you think are really clever? Highest Voted Oldest First Most Recent MR 41 Edit Delete Mark Robbins replied 11 years ago <!--[if gte mso 9]> Please get a better email client <![endif]--> Reply to Mark Robbins JK 4 Edit Delete Jonathan Kim replied 11 years ago Lol. Definitely a fun one. Also, thanks for pointing out that this forum doesn't properly sanitize HTML :P For those wondering, the hack is: <!--[if gte mso 9]> Please get a better email client <![endif]--> JH 0 Edit Delete Justin Hipps replied 8 years ago hahaha. nice. EC 3 Edit Delete Eddie Cianci replied 11 years ago @Mark/Jonathan - sorry about the formatting, we had a bit of an issue where html comments weren't being escaped, but that should be fixed now! KM 15 Edit Delete Kevin Mandeville replied 11 years ago Hands down the greatest email hack ever is: @media screen and (-webkit-min-device-pixel-ratio:0) { } Essentially, it splits -webkit-supported email clients and non-webkit-supported email clients. This way, you can build a solid foundation & then optimize for more modern/advanced clients for better experiences. I elaborated more on this hack here. I have a blog post coming out soon-ish that goes into more detail behind the methods I've used this media query =). Reply to Kevin Mandeville MR 2 Edit Delete Mark Robbins replied 11 years ago I know Outlook.com supports media queries on desktop (but not on the mobile version of webmail) so media query targeting of cool webkit stuff could lead to some errors in that. JW 1 Edit Delete James White replied 10 years ago Kevin, you might want to read this: http://blogs.msdn.com/b/ie/archive/2014/07/31/the-mobile-web-should-just-work-for-everyone.aspx In the latest version of Windows Phone 8.1 (GDR1). IE 11 has been changed significantly. The IE dev team have decided to implement some webkit properties in conjunction with modifying the UA string of IE 11 itself for better compatibility of the web. This means that your webkit media query will actually report as TRUE, so as a feature detection method, this has slightly hampered its purpose! BG 1 Edit Delete Brian Graves replied 11 years ago I get the basic point of this. But is this mostly to avoid targeting Windows Phone? Just wondering the benefits of: @media screen and (-webkit-min-device-pixel-ratio:0) { } over simply @media only screen { } Given that the latter, paired with attribute selectors, would target essentially the same clients and accomplish the same thing. Unless i'm not thinking of a certain non-webkit client that also supports media queries. Which might also be the case. :) BG 1 Edit Delete Brian Graves replied 11 years ago @Mark But if the email client itself allows it, would the preferred approach not be similar to how you would approach this on the web? For instance, there isn't much available in webkit that you can't also do in mozilla. So, if it's not something that Outlook.com itself is hindering, why would you only deliver that to Chrome/Safari and not to Firefox? That approach doesn't seem to make much sense to me. MR 1 Edit Delete Mark Robbins replied 11 years ago @Brian Good point, may need to do some testing on this a little further. JH 0 Edit Delete Justin Hipps replied 8 years ago certainly at the top of the list- ;-) BG 14 Edit Delete Brian Graves replied 11 years ago Just discovered this one for use when designing and debugging: * { background-color: rgba(255,0,0,.2); } * * { background-color: rgba(0,255,0,.2); } * * * { background-color: rgba(0,0,255,.2); } * * * * { background-color: rgba(255,0,255,.2); } * * * * * { background-color: rgba(0,255,255,.2); } * * * * * * { background-color: rgba(255,255,0,.2); } It allows you to easily see the different depths of nodes along with each elements padding, margins, etc. Can be handy for easily identifying any inconsistencies. Example: Reply to Brian Graves JM 14 Edit Delete Jaina Mistry replied 10 years ago Creating a ghost column in between aligned tables to make it work in Outlook: <td> Table X <!--[if mso]></td><td><![endif]--> Table Y </td> Saved me hours of headaches. From: http://labs.actionrocket.co/make_mobile_email_work_in_outlook Reply to Jaina Mistry JW 1 Edit Delete James White replied 10 years ago This hack needs more recognition, because its probably the most elegant conditional hack for Outlook yet. This one line conditional comment solves so much pain. Props to Mike Ragan from Action Rocket. AA 1 Edit Delete André Armenni replied 10 years ago This is indeed the best hack. Helped me a lot. NM 13 Edit Delete Nicole Merlin replied 10 years ago My favourite right now is using Margin (with a capital M) to fool Outlook.com! It strips out margin but not Margin. And of course, they could wise up someday and start stripping Margin as well, but it's not like we had any warning the first time and we might as well make the most of it while it works :) (Full credit to a chap called Wiktor who suggested this in a comment buried way down on this post https://www.campaignmonitor.com/blog/post/3921/outlook.com-drops-margin-and-float-support-entirely) Reply to Nicole Merlin MR 2 Edit Delete Mark Robbins replied 10 years ago Amazing. Love this trick. WH 1 Edit Delete Wilbert Heinen replied 10 years ago Nice one! Doesn't work in Lotus 8/8.5 right? VS 1 Edit Delete Vlad Sopov replied 10 years ago It works in Lotus 8/8.5 - just tested it. Doesn't work in Lotus 6.5/7. Nicole Merlin: thanks for the good tip! NM 1 Edit Delete Nicole Merlin replied 10 years ago No worries! Yeah, it's true that it does not work in earlier versions of Lotus Notes, but I almost never support those versions. BC 13 Edit Delete Benjamin Carver replied 11 years ago Adding linebreaks on mobile with pseudo classes and media queries. .vanish { color: #FFFFFF!important } .vanish:after { content:"\A"; white-space:pre; } in the responsive media query. The actual email has: <webversion>View in Browser</webversion><span class="vanish"> | </span> <forward>Forward to a Friend</forward> In Desktop, it will show as: View in Browser | Forward to a Friend while on Mobile it will show as: View in Browser Forward to a Friend Reply to Benjamin Carver MR 12 Edit Delete Mark Robbins replied 11 years ago As well as the outlook conditional comment (which has got me out of many a scrape) I also love... Webkit targeting for CSS animation, HTML video and SVG images This (better than mine) solution for hiding content on non-mobile http://freshinbox.com/blog/bulletproof-solution-to-hiding-mobile-content-when-opened-in-non-mobile-email-clients/ Bullet proof buttons and backgrounds http://buttons.cm/ http://backgrounds.cm/ I recently found a way to do CSS triangles in email http://emailcodegeek.com/css-triangles/ Reply to Mark Robbins IF 3 Edit Delete Ish Fuseini replied 11 years ago CSS Triangles are very cool! Nice work EA 0 Edit Delete Eduardo Arantes replied 8 years ago The CSS triangles code above doesnt work for gmail CW 10 Edit Delete Chris Wise replied 11 years ago min-width:600px; in a full width img to force gmail's android app to not do it's weird text zoom. If responsive, just put it in a full width spacer that is hidden at the first break point. Reply to Chris Wise TG 8 Edit Delete Thomas Grimes replied 11 years ago I use the CSS selectors :before and :after to optimize button text for a given environment. For example, in a footer I might have a forward-to-friend link with the text "Share" on the desktop version, but in the mobile version the link becomes its own full-width footer button. Now that I have more space for some text, I might use: a[id="shareLink"]:after { content:" this Email"; } The result is a full width button reading, "Share this Email". Reply to Thomas Grimes JS 7 Edit Delete Jared Stivers replied 11 years ago Sneaking in preview text that many clients like Gmail display after the subject line. How often does the email preview start with "having trouble viewing...." I use a div tag <div style="line-height: 1px; font-size: 1px; color:#ffffff; display:none"> This text gets displayed in the preview pane! </div> The text above is not displayed in the message but it's like a second subject line Reply to Jared Stivers RS 3 Edit Delete Ryan S replied 11 years ago Wouldn't this get flagged as spam in some clients? or at least increase the probability of that happening? BG 3 Edit Delete Brian Graves replied 11 years ago I've wondered the same thing in the past. I know this is how ExactTarget drops the text in emails that are using their preheader tool though. So, I would assume they tested this prior to implementing the tool. BC 2 Edit Delete Benjamin Carver replied 11 years ago I think it would, yes. I usually put pre-header text in the alt tag of my "plan B" 1x1 gif I have right after the opening body tag. NS 6 Edit Delete Narong Saron replied 11 years ago I've used this a few times to change "Click" to "Tap" @media only screen and (max-device-width:600px), { span[class=click] {display: none !important; max-height: 0 !important;} span[class=tap]:after {content:"Tap";} } And here's the HTML. No images? <a style="color: #333333; font-weight: bold; text-decoration: none" href="#"><span class="tap"><span class="click">Click</span></span> here</a> Reply to Narong Saron VS 1 Edit Delete Vlad Sopov replied 10 years ago Doesn't work with gMail, right? JK 5 Edit Delete Justin Khoo replied 10 years ago You can simulate classes and use pseudo-classes in Gmail by doing using attribute selectors on attributes that Gmail does not strip: * [title="the-title"] {...} * [title="the-title"}:hover {...} Then in the code <div title="the-title">...</div> http://freshinbox.com/blog/interactive-emails-in-gmail-using-css-attribute-selectors/ Reply to Justin Khoo RE 0 Edit Delete Ryan Escamilla replied 8 years ago Love using for this for hover states with images or background colors VD 3 Edit Delete Vic Dinovici replied 10 years ago I wrap the images in divs to fix gaps in OWA (Outlook Web App): <div style="height:161px;"><img style="display:block; border:none;" src="http://cdn.domainname.com/filename.jpg" width="20" height="161"/></div> Reply to Vic Dinovici TL 3 Edit Delete Taylor Langdon replied 9 years ago Throwing this little snippet at the bottom of your email stops Gmail mobile from resizing everything and making it look terrible: <div style="display: none; white-space: nowrap; font: 15px courier; color: #ffffff;"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - </div> Reply to Taylor Langdon WH 2 Edit Delete Wilbert Heinen replied 10 years ago <!--[if gte mso 15]> <style type="text/css"> table { font-size: 1px; mso-line-height-alt: 0; line-height: 0; mso-margin-top-alt: 1px; } </style> <![endif]--> To prevend that empty td's with a height of 1px becomes 10px in Outlook 2013. and <meta http-equiv="X-UA-Compatible" content="IE=edge" /> For support of media queries in the mail app of WP8 Reply to Wilbert Heinen WM 1 Edit Delete Wiebke Meyer replied 10 years ago The support of media queries for WP8 as mentioned, doesn't work for outlook-exchange accounts - so if you ever wondered... :-) See related article here: http://blog.jmwhite.co.uk/2014/03/01/windows-phone-does-support-css3-media-queries-in-html-email/ JW 1 Edit Delete James White replied 10 years ago Thanks for referencing my article! A more detailed explanation of why this is the case can be found here: http://blog.jmwhite.co.uk/2014/08/19/email-campaigns-windows-phone-part-3-exchange-activesync/ The summary is basically the EAS (Exchange ActiveSync) protocol has its own HTML/CSS rendering capabilities, but in similar Microsoft fashion, these capabilities are rather limited, i.e. no CSS3, even CSS2 support is questionable. This isn't just for Windows Phone, the same happens on iOS and Android. JM 1 Edit Delete Jaina Mistry replied 10 years ago Tried to apply your fix for the empty tds in Outlook 2013 and couldn't seem to get it to work. Well the tests were a bit inconclusive. It just looks like sometimes Outlook 2013 decides to obey the CSS and the height, but other times, it'll just wack the cell up to 10px. WH 1 Edit Delete Wilbert Heinen replied 10 years ago Could you try the following: <!--[if gte mso 15]> <style type="text/css"> table, td { font-size: 1px; mso-line-height-alt: 0; line-height: 0; mso-margin-top-alt: 1px; } </style> <![endif]--> JM 1 Edit Delete Jaina Mistry replied 10 years ago I ended up trying font-size: 1px; line-height: 1px; (Mark Robbins pointed me that way) Which worked a treat, but the only if the td wasn't empty, and had a instead. BUT ... strangely, this didn't work for Outlook 2013 when I tried to apply it to tds that were nested in a further table. Gave up an just applied 1px borders to tables and tds instead. WH 1 Edit Delete Wilbert Heinen replied 10 years ago I use it like this: <head> ... <style type="text/css"> /* regular styles */ </style> <!--[if gte mso 15]> <style type="text/css"> table, td { font-size: 1px; mso-line-height-alt: 0; line-height: 0; mso-margin-top-alt: 1px; } </style> <![endif]--> </head> The only thing you have to add is a line-height on td's with text. Could you try it like this? GJ 1 Edit Delete Grzegorz Jurczak replied 10 years ago Just check this: <tr> <td width="10" height="1" style="line-height:1px;font-size:1px;mso-line-height-rule: exactly;"> </td> </tr> Just work for me, even if cell is empty (even without nbsp it works). I was fighting with tihs one: <tr> <td width="10" height="0" style="line-height:0px;font-size:0px;mso-line-height-rule: exactly;"> </td> </tr> But for Outlook it is a black magic and didin't work, and I didn't find a solution for that. Most of email clients work fine, even Outlook 2010 but not Outlook 2013. BK 2 Edit Delete Bret Kerr replied 11 years ago Make your preheader only appear in the preview: <span class="preheader" style="display:none !important;">Preheader text goes here</span> (via http://team-email.co.uk/hidden-preheaders-save-screen-real-estate/) Reply to Bret Kerr MS 1 Edit Delete Mohammed Shameer replied 10 years ago I have found that span at times doesnt work properly example if the template is going thru an editor, CKEditor for example. Creating a hidden div tag works here. Span on the other hand is perfect for managed ones :-) Cheers DS 1 Edit Delete Derek Skaletsky replied 10 years ago Definitely one of my favorites! AG 1 Edit Delete Ady Guthrie replied 8 years ago An old hack, but a good one. Get rid of the unwanted left margin on Android 4.4 by using this within your <style> tag: body { margin: 0 auto !important; } div[style*="margin: 16px 0"] { margin: 0 auto !important; font-size:100% !important; } Before fix (with unwanted margin-left): After fix: Reply to Ady Guthrie PM 1 Edit Delete Philip Metzger replied 8 years ago I add a div around image tags to fix these annoying gaps in OWA Reply to Philip Metzger LM 0 Edit Delete Luke Meaden replied 8 years ago Do you have any more info on this? I just noticed it the other day and have tried wrapping my img with a div but that just gets nested within the div OWA adds? TL 0 Edit Delete Taylor Langdon replied 8 years ago Try this: <div style="height:163px; font-size:0;"><img src="http://image.jpg" target="_blank" border="0" style="display:block;" height="163" width="600"></div> WM 1 Edit Delete Wiebke Meyer replied 10 years ago Forcing outlook to render my line-height-settings correct with: style:"mso-line-height-rule: exactly; line-height: 22px;" just working on block-elements. Reply to Wiebke Meyer NS 1 Edit Delete Nicholas Spowart replied 10 years ago If you set line-height on a link: <a href="#" style="display:block; line-height:22px;" you get a nice full width hit area matching the <td> line-height would have to be fixed for mobile when wrapping occurs MH 1 Edit Delete Martin Halama replied 11 years ago Sometimes I use this one: <!--[if !gte mso 9]><!--> ... <!--<![endif]--><!--[if gte mso 9]> ... <![endif]--> 2nd fav is: mso-hide:all; Reply to Martin Halama ED 2 Edit Delete Eli Dickinson replied 10 years ago Beware that mso-hide tends to break when a message is forwarded! JK 1 Edit Delete Justin Khoo replied 10 years ago One important thing about mso-hide:all is that if you have nested tables, this style must be applied to table in the block you want to hide or else content within it will not be hidden. SV 0 Edit Delete Stefan Michael van Horssen replied 8 years ago Definitely the hack that allows you to hide entire parts of an e-mail cross desktop and mobile. This allows you to restructure the e-mail entirely for mobile users and display basically another set of HTML for the parts you wish to place. Various solutions were offered. Here is a reference to one of them: "Bulletproof Solution to Hiding Mobile Content when opened in Non-Mobile Email Clients", FreshInbox (2014) http://freshinbox.com/blog/bulletproof-solution-to-hiding-mobile-content-when-opened-in-non-mobile-email-clients/ Reply to Stefan Michael van Horssen AJ 0 Edit Delete Andrea Jones replied 9 years ago I have a trick to create padding. You have to nest pretty deeply to pull it off, but it renders quite consistently. I use rows to add space above and below, and use cells to pad left and right, and fill in the rows and cells with non-breaking spaces. This is part of a gmail div inline-block hack. <table align="left" border="0" cellpadding="0" cellspacing="0"> <tr><td style="font-size: 10px; line-height: 10px;"> ;</td></tr> <========== margin top <tr> <td style="font-size:8px; line-height:8px;"> </td> <========== padding left <td> <table border="0" cellpadding="0" cellspacing="0" width="100%" > <============== the actual content <tr> <td> <img src="http://yadayadayada"> </td> </tr> </table> </td> <td style="font-size:8px; line-height:8px;"> </td> <========== padding right (more non-breaking spaces to widen the gap) </tr> <tr><td style="font-size:10px; line-height:10px;"> </td></tr> <========== margin bottom </table> Reply to Andrea Jones CF 0 Edit Delete Courtney Fantinato replied 8 years ago The same could be achieved with a lot less code, unless all the extra code is necessary for the hack: <table border="0" cellpadding="0" cellspacing="0"> <tr> <td style="padding: 10px 8px 10px 8px"> Content here </td> <tr> </table> Markdown supported Post Comment Cancel Test your email campaigns in 100+ email clients and devices. Never send another broken email again. Start your free 7 day trial COMPANY * Team * Customers * Careers * Contact * Brand PRODUCT * Features * Pricing * Enterprise * Extension TOOLS * Events * Labs * Scope * Resources HELP * Knowledgebase * Status * Community * Trust SUBSCRIBE TO OUR EMAILS * maps-security: * Email Address: * Litmus News: Monthly Newsletter * Litmus Weekly * Product Updates * Reports & Ebooks * Events * Litmus Live Litmus uses the information you provide us to bring you great content about email marketing trends, stats, events and relevant products and services. You may unsubscribe from these communications at any time. For more information, check out our Privacy Policy. This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply. Submit -------------------------------------------------------------------------------- Copyright © Litmus Software, Inc. 2005-2024. 675 Massachusetts Ave., 11th Floor, Cambridge, MA 02139. View our Terms of Service or Privacy Policy. Send us a note to hello@litmus.com or give us a call at +1 (866) 787-7030 * * * × SIGN IN TO COMMUNITY Are you new to Litmus Community? Create a Free Litmus Account -------------------------------------------------------------------------------- Use your existing Litmus login to connect with the world’s most amazing email designers. Having trouble signing in? Try Forgot password JOIN THE LITMUS COMMUNITY × × SIGN UP TO COMMUNITY First name Last name Email Password Confirm password Litmus uses the information you provide us to bring you great content about email marketing trends, stats, events and relevant products and services. You may unsubscribe from these communications at any time. For more information, check out our Privacy Policy Already have a Litmus login? Sign in × GET MORE OUT OF YOUR LITMUS ACCOUNT Your free Community account includes access to the Litmus Community, as well as limited access to Litmus Builder. Check out the entire Litmus Email Creative Platform when you sign up for a free 7-day trial. * Email Previews Get 2,000 screenshots/month in popular email clients, including key international webmail clients, to ensure your emails look great everywhere. * Builder Quickly identify issues pre-send that could impact your deliverability—and get actionable advice for how to fix them. * Checklist Get screenshots in popular email clients to ensure your email looks great everywhere. * Code Editor Integrations Preview and troubleshoot your emails right where you build with seamless integrations between Litmus and any local code editor, like Dreamweaver or Sublime. * ESP Integrations Save time producing and troubleshooting your campaigns with seamless integrations between Litmus and your email service provider (ESP). * Spam Testing Quickly identify issues pre-send that could impact your deliverability—and get actionable advice for how to fix them. * Email Analytics Optimize your campaigns with subscriber-level insights to improve segmentation and targeting strategies. * Private Litmus Teams Get full team visibility. Manage Litmus access and monitor usage across private teams. No thanks, just sign me up without a trial × FORGOT PASSWORD Enter your email address to reset your password Already have a Litmus login? Sign in PRIVACY PREFERENCE CENTER When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer. Cookie Policy Allow All MANAGE CONSENT PREFERENCES STRICTLY NECESSARY COOKIES Always Active These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information. FUNCTIONAL COOKIES Always Active These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly. PERFORMANCE COOKIES Always Active These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance. TARGETING COOKIES Always Active These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising. Back Button PERFORMANCE COOKIES Search Icon Filter Icon Clear checkbox label label Apply Cancel Consent Leg.Interest checkbox label label checkbox label label checkbox label label Reject All Confirm My Choices