JSFiddle

Wally's public fiddles

• Mailchimp Added Code

  Mailchimp alters custom code making an email unreadable in Gmail app for IOS 13.4.1.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Email: Long URL Outlook

  This is how to do a long URL in Outlook and force it to wrap.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• PostCSS and CSSNext

  Custom selectors and properties

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Gmail Supported Fonts

  These are the fonts natively supported by Gmail.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Gmail Supported Fonts

  These are the fonts natively supported by Gmail.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Gmail Supported Fonts

  These are the fonts natively supported by Gmail.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Targeting Specific Email Clients

  How to make specific custom classes for specific email clients.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Two Button Stacking in Mobile

  These two buttons are side-by-side in a window wider than 600px and stack under 600px. This is meant for email clients and works with IOS, Gmail, Outlook and other popular clients.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Email template: 3 to 2 Column

  How to go from three even columns to two with the third on the next line.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Media Queries for Email

  How to target IOS, Outlook or Android as Generic.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• th9nvam3

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• buvwqxh7

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Font Weight - Arial

  How Arial looks compared by weight.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• nwob31f6

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Background Image Outlook

  This is how you do a background image in Outlook.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Email: how to target Outlook, Android and IOS

  This is an example of how you can use a style sheet and a few classes to show/hide content in an email depending on the email client.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 0uvv01jr

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• How to show and hide something in Outlook

  Proper mso code for Outlook version 9+

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Internal Href

  This has two internal hrefs. One that takes you to chapter 4, one that takes you from 4 to the top.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Redirecting email address to point to a site a url

  In html, you can code in a url so that if an email address is clicked, it directs the person to a domain.

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• ▶︎
• 2