Skip to content

Instantly share code, notes, and snippets.

HTeuMeuLeu hteumeuleu

Block or report user

Report or block hteumeuleu

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
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.