Skip to content

Instantly share code, notes, and snippets.

@koomai

koomai/email-client-quirks.md

Last active June 30, 2017 19:40
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save koomai/6f0a8d1761c184cbb0a0 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save koomai/6f0a8d1761c184cbb0a0 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. koomai revised this gist May 30, 2015. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions email-client-quirks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -3,6 +3,7 @@
    TL;DR - Gmail sucks balls.

    * Outlook ignores `display:block` on inline elements, e.g. `span`. Use default block elements like `div` or `p`.
    * Outlook 2003/2007 doesn't support `background-image`. Use a fallback colour and make sure the text is still legible.
    * Gmail supports `background-image` but ignores `background-position`. Stupid Gmail.
    * Gmail's mobile app ignores media queries. Yes, a mobile app ignores media queries. Did I mention Gmail is stupid?
    * Gmail clips your email if it thinks it's too long. The file size limit is around 100kb but keep it under 80kb to be safe. Images don't count. Minify your HTML.
  2. koomai revised this gist May 11, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion email-client-quirks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -4,5 +4,5 @@ TL;DR - Gmail sucks balls.

    * Outlook ignores `display:block` on inline elements, e.g. `span`. Use default block elements like `div` or `p`.
    * Gmail supports `background-image` but ignores `background-position`. Stupid Gmail.
    * Gmail's mobile app ignores media queries. Did I mention Gmail is stupid?
    * Gmail's mobile app ignores media queries. Yes, a mobile app ignores media queries. Did I mention Gmail is stupid?
    * Gmail clips your email if it thinks it's too long. The file size limit is around 100kb but keep it under 80kb to be safe. Images don't count. Minify your HTML.
  3. koomai revised this gist May 11, 2015. 1 changed file with 3 additions and 1 deletion.
    4 changes: 3 additions & 1 deletion email-client-quirks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,6 @@
    ## A list of stupid email client quirks as I discover them:
    ## A list of stupid email client quirks as I discover them

    TL;DR - Gmail sucks balls.

    * Outlook ignores `display:block` on inline elements, e.g. `span`. Use default block elements like `div` or `p`.
    * Gmail supports `background-image` but ignores `background-position`. Stupid Gmail.
  4. koomai revised this gist May 11, 2015. 1 changed file with 3 additions and 1 deletion.
    4 changes: 3 additions & 1 deletion email-client-quirks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,6 @@
    ## A list of stupid email client quirks as I discover them:

    * Outlook ignores `display:block` on inline elements, e.g. `span`. Use default block elements like `div` or `p`.
    * Gmail supports `background-image` but ignores `background-position`. Stupid Gmail.
    * Gmail supports `background-image` but ignores `background-position`. Stupid Gmail.
    * Gmail's mobile app ignores media queries. Did I mention Gmail is stupid?
    * Gmail clips your email if it thinks it's too long. The file size limit is around 100kb but keep it under 80kb to be safe. Images don't count. Minify your HTML.
  5. koomai revised this gist May 11, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion email-client-quirks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    ## A list of stupid email client quirks as I discover them:

    * Outlook ignores `display:block` on inline elements, e.g. `span`. Use `div` or `p`.
    * Outlook ignores `display:block` on inline elements, e.g. `span`. Use default block elements like `div` or `p`.
    * Gmail supports `background-image` but ignores `background-position`. Stupid Gmail.
  6. koomai renamed this gist May 11, 2015. 1 changed file with 0 additions and 0 deletions.
    0 email-client-quirks → email-client-quirks.md
    View file
    File renamed without changes.
  7. koomai created this gist May 11, 2015.
    4 changes: 4 additions & 0 deletions email-client-quirks
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,4 @@
    ## A list of stupid email client quirks as I discover them:

    * Outlook ignores `display:block` on inline elements, e.g. `span`. Use `div` or `p`.
    * Gmail supports `background-image` but ignores `background-position`. Stupid Gmail.