html

Chargement css sans bloquer le rendu

<link rel="stylesheet" href="style.css" media="none" onload="if(media!='all')media='all'">
<noscript><link rel="stylesheet" href="style.css"></noscript>

css html javascript

Texte seul - Permalink - Snippet public posté le 03/05/2017

clickTag DFP

<html>
<head>
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTag = "http://www.google.com"; </script>
</head>
[The rest of your creative code goes here.] </html>
Make sure your creative uses the click tag variable as the click-through URL:

<a href="javascript:window.open(window.clickTag)">
<img src="images/dclk.png" border=0>
</a>

html javascript

https://support.google.com/dcm/partner/answer/3145300?hl=en

Texte seul - Permalink - Snippet public posté le 16/02/2017

SWip

http://codepen.io/meganos/pen/YNGQRB

css html javascript

http://codepen.io/meganos/pen/YNGQRB

Texte seul - Permalink - Snippet public posté le 16/01/2017

Taille police redimensionable

Vous connaissez certainement les unités px, em, rem ou pt pour dimensionner vos corps de texte ? Rajoutez à cette liste :

vw : « Viewport Width », correspond à l’unité relative à la largeur de votre écran
vh : « Viewport Height », correspond à l’unité relative à la hauteur de votre écran
vmin (vm pour IE9) : « Viewport Min », correspond à l’unité relative à la plus petite des deux dimensions (largeur ou hauteur selon l’orientation)
vmax : « Viewport Max », correspond à l’unité relative à la plus grande des deux dimensions (largeur ou hauteur selon l’orientation)
Très bien, mais que représente une unité de vw, par exemple ?
C’est assez simple mais pas forcément intuitif de prime abord : 1 unité représente 1% de la dimension de référence.


h1 {  
   font-size: 10vw;  
}

css html

http://www.creativejuiz.fr/blog/veille-technologique/taille-police-en-fonction-largeur-ecran-viewport#comment-28332

Texte seul - Permalink - Snippet public posté le 23/10/2014

Sticky Footer

/**********************
 * HTML
 *******************/

<div id="page">
    <div id="content"></div>
    <div id="footer"></div>
</div>

/**********************
 * CSS
 *******************/

#page {
    position: relative;
    min-height: 100%;
    padding: 0 0 150px 0;
}

#content{
    /* facultatif */
    padding-bottom: 100px;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 150px;
    background: #FFF;
}

css html

http://sngv.net/work/reactor/work.html

Texte seul - Permalink - Snippet public posté le 17/10/2014