Skip to content

Instantly share code, notes, and snippets.

💭
🕵🏻‍♂️

HTeuMeuLeu hteumeuleu

💭
🕵🏻‍♂️
View GitHub Profile
@hteumeuleu
hteumeuleu / flexbox-emails-laposte.html
Last active Jan 13, 2016
Flexbox in an email (La Poste)
View flexbox-emails-laposte.html
<div style="display:flex; flex-wrap:wrap;">
<span class="Object" id="OBJ_PREFIX_DWT100_com_zimbra_url">
<a style="flex:1 1 auto;" href="https://flic.kr/p/9sT8ev"><img src="bed2bb71f0.jpg" alt="" /></a>
</span>
<span class="Object" id="OBJ_PREFIX_DWT101_com_zimbra_url">
<a style="flex:1 1 auto;" href="https://flic.kr/p/npQD9i"><img src="c16031076e.jpg" alt="" /></a>
</span>
</div>
@hteumeuleu
hteumeuleu / email-orange-target.html
Created Aug 1, 2016
Un exemple pour cibler le webmail Orange.fr
View email-orange-target.html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<title>Orange Target</title>
<style type="text/css">
@media {
#o-header ~ * .client--orangefr { color:#fff !important; background:#2ecc40 !important; }
}
</style>
@hteumeuleu
hteumeuleu / ted16-basic-super-mail-forward.html
Created Aug 2, 2016
Example code from my TEDC16 talk of a basic Super Mail Forward version
View ted16-basic-super-mail-forward.html
<style>
* [aria-labelledby="step1"],
.step2,
.step4 {
background:grey!important;
}
@media yahoo {
.step2 {
background:green!important;
View gmail-display.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Gmail display Test</title>
<style>
.box, * [aria-labelledby="box"] {
display:inline-block; width:50px; height:50px; padding:10px; margin:5px; background:#e4505d; font:bold 1em sans-serif; color:#fff; vertical-align:top;
}
</style>
@hteumeuleu
hteumeuleu / the-fab-four.html
Created Dec 22, 2016
The Fab Four (fixed for iOS 9 and 10)
View the-fab-four.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>The Fab Four</title>
<style>
html, body { min-width:260px; min-height:100%; padding:0; Margin:0 auto; background:#fff; }
a img { border:none; }
.ReadMsgBody { width:100%; }
.ExternalClass { width:100%; }
View outlook-com-latest-bug.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Outlook.com Latest Bug</title>
</head>
<body>
<div style="max-width:480px; background:red;">
<img src="http://i.imgur.com/FmqnwPj.jpg" alt="" style="display:block; max-width:100%;" />
<img src="http://i.imgur.com/AXc8vRn.jpg" alt="" style="display:block; max-width:100%;" />
@hteumeuleu
hteumeuleu / outlook-com-latest-bug-fixed.html
Created Apr 10, 2017
Outlook.com's latest bug - Fixed !
View outlook-com-latest-bug-fixed.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Outlook.com Latest Bug</title>
</head>
<body>
<div style="max-width:480px; background:red;">
<img src="http://pm1.narvii.com/6368/5b069d9f23264f59d4b53b98be7c457223e12ad4_hq.jpg" alt="" style="display:block; max-width:100%;" id="OWATemporaryImageDivContainer1" />
</div>
@hteumeuleu
hteumeuleu / iOS10-video.html
Created Sep 12, 2016
Video Player example for Apple Mail in iOS 10
View iOS10-video.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>iOS 10 video</title>
<style type="text/css">
@supports (-webkit-overflow-scrolling:touch) and (color:#ffffffff) {
.video-player { display:block !important; }
.video-fallback { display:none !important; }
}
@hteumeuleu
hteumeuleu / fake-background.html
Created Jul 18, 2017
Fake background in email
View fake-background.html
<!DOCTYPE html>
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" lang="en">
<head>
<meta charset="UTF-8" />
<title>Fake background in emails</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--[if mso]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
@hteumeuleu
hteumeuleu / netflix-stranger-things-2.html
Created Oct 19, 2017
Netflix Stranger Things 2 Email
View netflix-stranger-things-2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
@media yahoo
{
table
You can’t perform that action at this time.