96 lines
4.7 KiB
HTML
96 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>YBlog - Validation</title>
|
||
|
||
<link rel="shortcut icon" type="image/x-icon" href="../../../Scratch/img/favicon.ico" />
|
||
<link rel="stylesheet" type="text/css" href="../../../Scratch/css/brutalist.css" />
|
||
<link rel="stylesheet" type="text/css" href="/css/legacy.css" />
|
||
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="apple-touch-icon" href="../../../Scratch/img/about/FlatAvatar@2x.png" />
|
||
<!--[if lt IE 9]>
|
||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
|
||
<![endif]-->
|
||
<!-- IndieAuth -->
|
||
<link href="https://twitter.com/yogsototh" rel="me">
|
||
<link href="https://github.com/yogsototh" rel="me">
|
||
<link href="mailto:yann.esposito@gmail.com" rel="me">
|
||
<link rel="pgpkey" href="../../../pubkey.txt">
|
||
</head>
|
||
<body lang="fr" class="default">
|
||
<div id="content">
|
||
<div id="header">
|
||
<div id="choix">
|
||
<div id="choixlang">
|
||
<a href="../../../Scratch/en/validation/">Anglais</a>
|
||
</div>
|
||
<div class="flush"></div>
|
||
</div>
|
||
<div id="navigation">
|
||
<a href="../../../">Accueil</a>
|
||
<span class="sep">¦</span>
|
||
<a href="../../../Scratch/fr/blog">Blog</a>
|
||
<span class="sep">¦</span>
|
||
<a href="../../../Scratch/fr/softwares">Logiciels</a>
|
||
<span class="sep">¦</span>
|
||
<a href="../../../Scratch/fr/about">Auteur</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="titre">
|
||
<h1>Validation</h1>
|
||
</div>
|
||
<div class="flush"></div>
|
||
<div id="afterheader" class="default">
|
||
<div class="corps">
|
||
<p>Une explication rapide du pourquoi il y a des erreurs de validation de mes pages.</p>
|
||
<p>Je voulais utiliser <code>box-shadows</code> et <code>border-radius</code></p>
|
||
<p>J’ai donc préféré avoir un approche pragamatique que dogmatique.</p>
|
||
<p>Utiliser ces propriétés me fait perdre la validation <abbr title="Cascading Style Sheet">CSS</abbr> mais fonctionne très bien avec les navigateurs récents (Safari 4 et Firefox 3.5 au moment de l’écriture de ces lignes)</p>
|
||
<p>Si vous n’utilisez pas ces navigateur les pages s’affichent correctement mais sans ces effets qui n’ont pour but que d’améliorer l’aspect général de la page.</p>
|
||
<p>Par contre je suis plutôt un partisant de la validation et c’est pourquoi il y a toujours les liens. Tout valide à l’exception des propriétés commençant par <code>-moz</code> et <code>-webkit</code>.</p>
|
||
</div>
|
||
|
||
<div id="afterarticle">
|
||
<div id="bottom">
|
||
<div>
|
||
<a href="https://twitter.com/yogsototh">Suivre @yogsototh</a>
|
||
</div>
|
||
<div>
|
||
Yann Esposito©
|
||
</div>
|
||
<div>
|
||
Done with
|
||
<a href="http://www.vim.org" target="_blank" rel="noopener noreferrer nofollow"><span class="strike">Vim</span></a>
|
||
<a href="http://spacemacs.org" target="_blank" rel="noopener noreferrer nofollow">spacemacs</a>
|
||
<span class="pala">&</span>
|
||
<a href="http://nanoc.ws" target="_blank" rel="noopener noreferrer nofollow"><span class="strike">nanoc</span></a>
|
||
<a href="http://jaspervdj.be/hakyll" target="_blank" rel="noopener noreferrer nofollow">Hakyll</a>
|
||
</div>
|
||
<hr />
|
||
<div style="max-width: 100%">
|
||
<a href="https://cardanohub.org">
|
||
<img src="../../../Scratch/img/ada-logo.png" class="simple" style="height: 16px;
|
||
border-radius: 50%;
|
||
vertical-align:middle;
|
||
display:inline-block;" />
|
||
ADA:
|
||
</a>
|
||
<code style="display:inline-block;
|
||
word-wrap:break-word;
|
||
text-align: left;
|
||
vertical-align: top;
|
||
max-width: 85%;">
|
||
DdzFFzCqrhtAvdkmATx5Fm8NPJViDy85ZBw13p4XcNzVzvQg8e3vWLXq23JQWFxPEXK6Kvhaxxe7oJt4VMYHxpA2vtCFiP8fziohN6Yp
|
||
</code>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</body>
|
||
</html>
|