yogsototh/scratch
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
scratch/output/Scratch/en/blog/index.html
Yann Esposito (Yogsototh) 0066291155 Lastest blog entry in progress
2011-12-29 17:05:05 +01:00

550 lines
No EOL
26 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" type="image/x-icon" href="/Scratch/img/favicon.ico" />
<link rel="stylesheet" type="text/css" href="/Scratch/assets/css/main.css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/yannespositocomen"/>
<link rel="alternate" lang="fr" xml:lang="fr" title="Blog" type="text/html" hreflang="fr" href="/Scratch/fr/blog/" />
<link rel="alternate" lang="en" xml:lang="en" title="Blog" type="text/html" hreflang="en" href="/Scratch/en/blog/" />
<script type="text/javascript" src="/Scratch/js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="/Scratch/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/Scratch/js/index.js"></script>
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<title>Blog</title>
</head>
<body lang="en">
<script type="text/javascript">// <![CDATA[
document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
// ]]>
</script>
<div id="content">
<div id="entete">
<div id="choix">
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/yannespositocomen">Subscribe</a></div>
<div id="choixlang"><a href="/Scratch/fr/blog/" onclick="setLanguage('fr')">en Français</a></div>
<div class="flush"></div>
</div>
<div id="liens"><ul><li><a href="/Scratch/en/">Home</a></li>
<li><span class="active" title="You're here.">Blog</span></li>
<li><a href="/Scratch/en/softwares/">Softwares</a></li>
<li><a href="/Scratch/en/about/">About</a></li></ul></div>
</div>
<img src="/Scratch/img/presentation.png" alt="Presentation drawing"/>
<div id="titre">
<h1>
Blog
</h1>
</div>
<div class="flush"></div>
<div class="flush"></div>
<div id="afterheader">
<div class="corps">
<ul>
<li> <a href="#last-articles">5 latest articles <span class="nicer">&dArr;</span></a> </li>
<li> <a href="#tagcloud">Tag Cloud <span class="nicer">&dArr;</span></a></li>
<li> <a href="#archives">Achives <span class="nicer">&dArr;</span></a></li>
<li> <a href="#two-words-about-the-content">Two words about the content <span class="nicer">&dArr;</span></a></li>
</ul>
<h2 id="last-articles">
Last 5 Articles
</h2>
</div>
<h1>
<span class="date">
<span class="day">28</span>
<span class="month">Dec</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">Yesod tutorial for newbies <span class="nicer">»</span></a>
</h1>
<div class="corps">
<p><img alt="Title image" src="/Scratch/img/blog/Yesod-tutorial-for-newbies/warp-benchmark.png" /></p>
<div class="intro">
<p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span> A simple yesod tutorial. You shouldn’t need to know Haskell very well. </p>
<blockquote>
<ul id="markdown-toc">
<li><a href="#install">Install</a></li>
<li><a href="#initialization">Initialization</a></li>
<li><a href="#configure-git">Configure git</a></li>
<li><a href="#a-last-point">A last point</a></li>
<li><a href="#protected-echo">Protected echo</a></li>
<li><a href="#protected-input">Protected input</a></li>
</ul>
</blockquote>
</div>
<p>You want the best technology to handle your new web application?
Me too. After searching a lot, it appears if you focus only on...</p></p>
<div class="flush"></div>
<div>
<p>
<a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">Read more <span class="nicer">»</span></a>
</p>
</div>
</div>
<h1>
<span class="date">
<span class="day">20</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages. <span class="nicer">»</span></a>
</h1>
<div class="corps">
<p><img alt="Yesod logo made in SVG and m4" src="/Scratch/img/blog/SVG-and-m4-fractals/main.png" /></p>
<div class="intro">
<p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span> How to use m4 to increase the power of deficient languages. Two examples: improve <span class="sc">xslt</span> syntax and make fractal with <span class="sc">svg</span>.</p>
</div>
<p><span class="sc">xml</span> was a very nice idea about structuring data.
Some people where so enthusiastic about <span class="sc">xml</span> they saw it everywhere.
The idea was: the future is <span class="sc">xml</span>.
Then some believed it would be a good idea to invent many <span class="sc">xml</span> compatible format and even programming languages with <span class="sc">xml</span> syntax.</p>
</p>
<div class="flush"></div>
<div>
<p>
<a href="/Scratch/en/blog/SVG-and-m4-fractals/">Read more <span class="nicer">»</span></a>
</p>
</div>
</div>
<h1>
<span class="date">
<span class="day">4</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas <span class="nicer">»</span></a>
</h1>
<div class="corps">
<p><img alt="Title image" src="/Scratch/img/blog/Yesod-excellent-ideas/main.png" /></p>
<div class="intro">
<p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span></p>
<p><a href="http://www.yesodweb.com">Yesod</a> is a web framework which recently reached the maturity for which you should consider to use it.
Before telling you why you should learn Haskell and use yesod, I will talk about ideas yesod introduced and I didn’t saw in other frameworks before.</p>
</div>
<h2 id="type-safety">Type safety</h2>
<p>Let’s start by an obligatory link from <a href="http://xkcd.com">xkcd</a>:</p>
<p><img src="http://imgs.xkcd.com/comics/exploits_of_a_mom.png" alt="SQL injection by a mom" /></p>
<p>When you create a web application, a lot of time is spent dealing wit...</p></p></p>
<div class="flush"></div>
<div>
<p>
<a href="/Scratch/en/blog/Yesod-excellent-ideas/">Read more <span class="nicer">»</span></a>
</p>
</div>
</div>
<h1>
<span class="date">
<span class="day">28</span>
<span class="month">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience <span class="nicer">»</span></a>
</h1>
<div class="corps">
<p><img alt="Title image" src="/Scratch/img/blog/programming-language-experience/dragon.jpg" /></p>
<div class="intro">
<span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span> My short and higly subjective feelings about programming languages I used.
</div>
<h3 id="basic"><code>BASIC</code></h3>
<p><img alt="Title image" src="/Scratch/img/blog/programming-language-experience/basic.gif" class="left" />
The language of my firsts programs!
I was about 10, with an <code>MO5</code> and <code>Amstrad CPC 6128</code> and even with my <code>Atari STe</code>.
This is the language of <code>GOTO</code>s.
Ô nostalgia.
Unfortunately this might be the only interesting part of this language.</p>
<p>Today this language is obsolescent.
It is not even good to learn programming....</p></p></p>
<div class="flush"></div>
<div>
<p>
<a href="/Scratch/en/blog/programming-language-experience/">Read more <span class="nicer">»</span></a>
</p>
</div>
</div>
<div class="corps">
<div>
<script type="text/javascript">
$(document).ready( function(){$('.list').hide();$('#tagcloud a').removeAttr("href")} );
function tagSelected(id) {
$('.list').hide();
$('#'+id).fadeIn();
$('.tag.selected').removeClass('selected');
$('#tag_'+id).addClass('selected');
}
</script><div id="tagcloud"><a href="#Basic" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Basic')" id="tag_Basic">Basic</a> <a href="#C" style="font-size: 1.0em;" class="tag" onclick="tagSelected('C')" id="tag_C">C</a> <a href="#C__" style="font-size: 1.0em;" class="tag" onclick="tagSelected('C__')" id="tag_C__">C++</a> <a href="#design" style="font-size: 1.0em;" class="tag" onclick="tagSelected('design')" id="tag_design">design</a> <a href="#fractal" style="font-size: 1.0em;" class="tag" onclick="tagSelected('fractal')" id="tag_fractal">fractal</a> <a href="#framework" style="font-size: 1.0em;" class="tag" onclick="tagSelected('framework')" id="tag_framework">framework</a> <a href="#haskell" style="font-size: 1.3em;" class="tag" onclick="tagSelected('haskell')" id="tag_haskell">haskell</a> <a href="#ideas" style="font-size: 1.0em;" class="tag" onclick="tagSelected('ideas')" id="tag_ideas">ideas</a> <a href="#Java" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Java')" id="tag_Java">Java</a> <a href="#languages" style="font-size: 1.0em;" class="tag" onclick="tagSelected('languages')" id="tag_languages">languages</a> <a href="#Logo" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Logo')" id="tag_Logo">Logo</a> <a href="#m4" style="font-size: 1.0em;" class="tag" onclick="tagSelected('m4')" id="tag_m4">m4</a> <a href="#programming" style="font-size: 1.3em;" class="tag" onclick="tagSelected('programming')" id="tag_programming">programming</a> <a href="#SVG" style="font-size: 1.0em;" class="tag" onclick="tagSelected('SVG')" id="tag_SVG">SVG</a> <a href="#web" style="font-size: 1.15em;" class="tag" onclick="tagSelected('web')" id="tag_web">web</a> <a href="#XML" style="font-size: 1.0em;" class="tag" onclick="tagSelected('XML')" id="tag_XML">XML</a> <a href="#XSLT" style="font-size: 1.0em;" class="tag" onclick="tagSelected('XSLT')" id="tag_XSLT">XSLT</a> <a href="#yesod" style="font-size: 1.15em;" class="tag" onclick="tagSelected('yesod')" id="tag_yesod">yesod</a> </div><div id="hiddenDivs" ><div id="Basic" class="list"><h4>Basic</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">28</span>
<span class="month">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="C" class="list"><h4>C</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">28</span>
<span class="month">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="C__" class="list"><h4>C++</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">28</span>
<span class="month">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="design" class="list"><h4>design</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">20</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages. <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="fractal" class="list"><h4>fractal</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">20</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages. <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="framework" class="list"><h4>framework</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">4</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="haskell" class="list"><h4>haskell</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">28</span>
<span class="month">Dec</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">Yesod tutorial for newbies <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">4</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">28</span>
<span class="month">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="ideas" class="list"><h4>ideas</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">4</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Java" class="list"><h4>Java</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">28</span>
<span class="month">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="languages" class="list"><h4>languages</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">28</span>
<span class="month">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Logo" class="list"><h4>Logo</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">28</span>
<span class="month">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="m4" class="list"><h4>m4</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">20</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages. <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="programming" class="list"><h4>programming</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">28</span>
<span class="month">Dec</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">Yesod tutorial for newbies <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">20</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages. <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">28</span>
<span class="month">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="SVG" class="list"><h4>SVG</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">20</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages. <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="web" class="list"><h4>web</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">28</span>
<span class="month">Dec</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">Yesod tutorial for newbies <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">4</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="XML" class="list"><h4>XML</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">20</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages. <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="XSLT" class="list"><h4>XSLT</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">20</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages. <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="yesod" class="list"><h4>yesod</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">28</span>
<span class="month">Dec</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">Yesod tutorial for newbies <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">4</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div></div>
</div>
</div>
<h2 id="archives">Archives</h2>
<div id="sousliens" class="archive"><h4 class="button" onclick="$('#archives_2011').slideToggle()">[2011]</h4><ul id="archives_2011"><li><span class="date">
<span class="day">28</span>
<span class="month">Dec</span>
<span class="year">2011</span>
</span> <a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">Yesod tutorial for newbies<span class="nicer">»</span></a></li><li><span class="date">
<span class="day">20</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span> <a href="/Scratch/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages.<span class="nicer">»</span></a></li><li><span class="date">
<span class="day">4</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span> <a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas<span class="nicer">»</span></a></li><li><span class="date">
<span class="day">28</span>
<span class="month">Sep</span>
<span class="year">2011</span>
</span> <a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience<span class="nicer">»</span></a></li></ul><script type="text/javascript">$('#archives_2011').hide()</script></div>
<h2 id="two-words-about-the-content">
Two words about the content
</h2>
<div class="corps">
<p>
Here you'll can find mostly technical articles.
Some are just reminder of technical tips.
But some are long and technically detailled articles.
</p>
<hr/>
<p>
I do my best to traduce each page in french and in english.
It not always easy. English is not my natural language.
I make many errors, orthographic, grammatical, typographical&hellip;
</p>
<p>
<strong> Thanks not to judge me based on these errors! And don't forget content is more important than presentation! </strong>
</p><p>
The first impression I'll let you if we meet in real life should be different from the one I let you based on my website.
</p><p>
I wish you to find something useful or interesting on this website.
</p>
<div class="return"><a href="#entete" onclick="fastShowMenu()">&uarr;</a></div>
</div>
<div id="bottom">
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
</div>
<div id="lastmod">
Modified: 05/30/2011
</div>
<div>
Entirely done with
<a href="http://www.vim.org">Vim</a>
and
<a href="http://nanoc.stoneship.org">nanoc</a>
</div>
<div>
<a href="/Scratch/en/validation/">Validation</a>
<a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
.
<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
.
<a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/Scratch/en/blog/feed/feed.xml">[rss]</a>
</div>
</div>
<div class="clear"></div>
</div>
</body>
</html>
Reference in a new issue View git blame Copy permalink