<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Kromack &#187; web 2.0</title>
	<atom:link href="http://www.kromack.com/tag/web-20/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.kromack.com</link>
	<description>Ressources et tutoriaux : Web 2.0 - PHP - CodeIgniter - Webdesign</description>
	<lastBuildDate>Fri, 23 Jul 2010 21:29:38 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Flattr : Retour d&#8217;expérience après 2 mois d&#8217;utilisation&#8230;</title>
		<link>http://www.kromack.com/actualites/flattr-retour-dexperience-apres-2-mois-dutilisation/</link>
		<comments>http://www.kromack.com/actualites/flattr-retour-dexperience-apres-2-mois-dutilisation/#comments</comments>
		<pubDate>Thu, 15 Jul 2010 21:28:27 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[Actualités]]></category>
		<category><![CDATA[Flattr]]></category>
		<category><![CDATA[Monétisation]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.kromack.com/?p=1195</guid>
		<description><![CDATA[

Je vous avais déjà présenté succinctement Flattr dans ce tutoriel pour WordPress, je vais désormais vous faire part de mon ressenti après un peu plus de deux mois d&#8217;utilisation de la nouvelle plateforme de rémunération de la création sur Internet.

Commençons par cela, &#171;&#160;plateforme de rémunération de la création sur Internet&#160;&#187; ça sonne plutôt pas mal [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_monochrome" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwww.kromack.com%252Factualites%252Fflattr-retour-dexperience-apres-2-mois-dutilisation%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Flattr%20%3A%20Retour%20d%27exp%C3%A9rience%20apr%C3%A8s%202%20mois%20d%27utilisation...%22%20%7D);"></div>
<p>Je vous avais déjà présenté succinctement <strong>Flattr</strong> dans <a href="http://www.kromack.com/actualites/tutoriel-integrer-un-bouton-flattr-a-son-theme-wordpress/">ce tutoriel pour WordPress</a>, je vais désormais vous faire part de mon<strong> ressenti</strong> après un peu plus de <strong>deux mois d&#8217;utilisation</strong> de<strong> la nouvelle plateforme de rémunération de la création sur Internet</strong>.</p>
<p><a href="http://flattr.com/"><img class="alignright size-full wp-image-1056" title="flattr logo" src="http://www.kromack.com/wordpress/wp-content/uploads/2010/05/flattr-logo-beta.png" alt="flattr logo" width="218" height="43" /></a></p>
<p>Commençons par cela, &laquo;&nbsp;<strong>plateforme de rémunération de la création sur Internet</strong>&nbsp;&raquo; ça sonne plutôt pas mal mais en réalité il faut comprendre que <strong>Flattr</strong> n&#8217;est ni plus ni moins qu&#8217;un <strong>digg-like</strong> couplé à un <strong>système de micro-paiement</strong>, ça fait déjà moins révolutionnaire non ? Bien évidemment, <strong>le concept de Flattr</strong> ne réside pas dans l&#8217;outil mis à disposition, mais plutôt <strong>dans l&#8217;idée</strong>. C&#8217;est vrai après-tout, c&#8217;est une super idée de <strong>donner la possibilité aux internautes de rémunérer les auteurs</strong> du <strong>contenu multimédia</strong> qu&#8217;ils consomment quotidiennement. Et c&#8217;est ici que le premier problème se pose, pour le moment, en dehors de quelques <strong>fanatiques anti-hadopi</strong>, la plateforme est surtout peuplée de <strong>créateurs de contenu</strong>. On se retrouve donc dans un schéma bien connu des digg-like, énormément de liens disponibles et peu de contribution de la part des utilisateurs classiques. En d&#8217;autres termes, l&#8217;outil n&#8217;offre pour le moment pas <strong>une bonne visibilité aux créateurs de contenu</strong>.</p>
<p>En revanche, n&#8217;importe quel blogueur, webmaster ou podcaster n&#8217;hésitera pas à payer deux euros pour éventuellement s&#8217;assurer <strong>un revenu complémentaire aux outils de monétisations classiques</strong>.</p>
<p>D&#8217;autant plus que pour contribuer, il faut être membre et que pour être membre, il faut au minimum verser deux euros (pour un mois d&#8217;utilisation). Exit donc toute une partie du lectorat de <strong>la génération du tout gratuit sur Internet</strong>. De plus, pour qu&#8217;un internaute utilise <strong>Flattr</strong> en tant que lecteur, celui-ci doit vraiment faire preuve d&#8217;une volonté altruiste puisqu&#8217;avant même qu&#8217;il puisse découvrir l&#8217;outil, il devra payer. <em>Il me semble qu&#8217;une grande partie de la population française a oubliée ce concept puisqu&#8217;elle ne paye même plus la musique qu&#8217;elle écoute, les films qu&#8217;elle regarde ou encore les logiciels qu&#8217;elle utilise au quotidien.</em> Nous commençons donc à bien réduire <strong>la proportion du lectorat potentiel sur Flattr</strong>.</p>
<p>Un second point négatif que j&#8217;ai pu relever se situe au niveau du <strong>trafic généré par l&#8217;outil</strong>. Pour ma part je suis face à une situation inédite dans laquelle le nombre de personnes m&#8217;ayant <strong>Flattr</strong> (flatté ? flatteré ?) est <strong>trois fois supérieur</strong> aux visiteurs unique qu&#8217;à généré l&#8217;outil ! <span style="text-decoration: line-through;"><em>Autant dire que le chiffre est ridicule.</em></span> En gros, certaines personnes ont délibérément choisi de m&#8217;attribuer une partie des deux euros versés à leur inscription pour un contenu qu&#8217;ils n&#8217;ont même pas lu ? Aussi, pour ma part et pour le moment, <strong>Flattr ne se démarque pas des digg-likes classiques en terme de trafic généré</strong>, il n&#8217;égale pas un scoopéo ou un fuzz, c&#8217;est dire.</p>
<p>Enfin, le troisième petit soucis que je rencontre va bientôt faire face, il se peut que la balance de mon compte passe en négatif d&#8217;ici une paire de mois (étant donné que <strong>Flattr prélève deux euros minimum par mois</strong>). Si je souhaite continuer à utiliser l&#8217;outil il faudra que je ré-alimente mon compte balayant ainsi le fruit du travail des mois précédent. En fait, cela me fait penser à un casino, à moins d&#8217;enchaîner les scoops et de décrocher le jackpot, on finit quoi qu&#8217;il arrive perdant. Bien-sûr on peut toujours <strong>afficher fièrement nos compteurs Flattr sur notre blog</strong>, et ça, ça n&#8217;a pas de prix.</p>
<p>En conclusion, je dirais que <strong>Flattr est un bon outil</strong>, même avec tous ces défauts. En revanche, je pense que <strong>Flattr</strong> manque encore de maturité et d&#8217;une communauté française suffisamment développée pour faire tourner le système. <strong>Je vais continuer à utiliser Flattr</strong> et même à le recommander, mais en espérant fortement que le service s&#8217;améliore dans les mois qui suivent, sans quoi le service ne pourra pas décoller en France. D&#8217;ailleurs, la plateforme n&#8217;est clairement pas tournée à l&#8217;international pour le moment, l&#8217;interface n&#8217;est disponible qu&#8217;en anglais et des articles de toutes les langues s&#8217;affichent par défaut sur la timeline, de quoi dérouter un internaute au premier abord !</p>

]]></content:encoded>
			<wfw:commentRss>http://www.kromack.com/actualites/flattr-retour-dexperience-apres-2-mois-dutilisation/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Des coins arrondis pour vos images avec jQuery (CSS3 Rounded Corners like)</title>
		<link>http://www.kromack.com/jquery/des-coins-arrondis-pour-vos-images-avec-jquery-css3-rounded-corners-like/</link>
		<comments>http://www.kromack.com/jquery/des-coins-arrondis-pour-vos-images-avec-jquery-css3-rounded-corners-like/#comments</comments>
		<pubDate>Fri, 02 Jul 2010 22:11:36 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[tutoriel]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.kromack.com/?p=1150</guid>
		<description><![CDATA[

WebDesignerWall propose un tutoriel que je vous invite à découvrir permettant de créer rapidement des coins arrondis sur des images grâce à jQuery à la manière de CSS3 (rounded corners).
Cette solution permet de contourner les problèmes de compatibilités rencontrés avec certains navigateur comme Firefox.
Le code jQuery ajoute automatiquement le code HTML réalisant les coins arrondis [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_monochrome" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwww.kromack.com%252Fjquery%252Fdes-coins-arrondis-pour-vos-images-avec-jquery-css3-rounded-corners-like%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Des%20coins%20arrondis%20pour%20vos%20images%20avec%20jQuery%20%28CSS3%20Rounded%20Corners%20like%29%22%20%7D);"></div>
<p><img class="alignleft size-full wp-image-1151" style="margin-top: 5px; margin-bottom: 5px;" title="jquery rounded corners" src="http://www.kromack.com/wordpress/wp-content/uploads/2010/07/jquery-rounded-corners.jpg" alt="jquery rounded corners" width="262" height="234" /><strong>WebDesignerWall</strong> propose un <strong>tutoriel</strong> que je vous invite à découvrir permettant de créer rapidement des <strong>coins arrondis sur des images grâce à jQuery</strong> à la manière de <strong>CSS3</strong> (<strong>rounded corners</strong>).</p>
<p>Cette solution permet de contourner les <strong>problèmes de compatibilités</strong> rencontrés avec certains navigateur comme Firefox.</p>
<p>Le <strong>code jQuery</strong> ajoute automatiquement le <strong>code HTML</strong> réalisant les <strong>coins arrondis aux images</strong> portant une certaines classe, de plus, il gère automatiquement l&#8217;<strong>ombre</strong> et masque l&#8217;image originale afin d&#8217;en <strong>empêcher la copie</strong> !</p>
<p>Un script que je vous recommande car très léger et très pratique !</p>
<p><a href="http://www.webdesignerwall.com/tutorials/css3-rounded-image-with-jquery/">En savoir plus&#8230;</a></p>

]]></content:encoded>
			<wfw:commentRss>http://www.kromack.com/jquery/des-coins-arrondis-pour-vos-images-avec-jquery-css3-rounded-corners-like/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutoriel : comment créer une ombre portée dynamique avec jQuery</title>
		<link>http://www.kromack.com/jquery/tutoriel-comment-creer-une-ombre-portee-dynamique-avec-jquery/</link>
		<comments>http://www.kromack.com/jquery/tutoriel-comment-creer-une-ombre-portee-dynamique-avec-jquery/#comments</comments>
		<pubDate>Thu, 17 Jun 2010 10:43:37 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[insolite]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[tutoriel]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.kromack.com/?p=1122</guid>
		<description><![CDATA[


1stwebdesigner propose un tutoriel permettant de créer une ombre portée dynamique à base de CSS / Spriting / jQuery sur les éléments d&#8217;une page web en fonction d&#8217;une source lumineuse placée sur la page.
Ce n&#8217;est pas clair ? Je vous invite tout d&#8217;abord à jet un œil à cette page de démonstration exceptionnelle (n&#8217;oubliez de [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_monochrome" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwww.kromack.com%252Fjquery%252Ftutoriel-comment-creer-une-ombre-portee-dynamique-avec-jquery%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Tutoriel%20%3A%20comment%20cr%C3%A9er%20une%20ombre%20port%C3%A9e%20dynamique%20avec%20jQuery%22%20%7D);"></div>
<p><img class="size-full wp-image-1123 alignnone" title="jquery css dynamic shadow" src="http://www.kromack.com/wordpress/wp-content/uploads/2010/06/jquery-css-dynamic-shadow.png" alt="jquery css dynamic shadow" width="400" height="161" /></p>
<p><em>1stwebdesigner</em> propose un <strong>tutoriel</strong> permettant de créer une <strong>ombre portée dynamique</strong> à base de <a href="http://www.kromack.com/tag/css/"><strong>CSS</strong></a> / <strong>Spriting</strong> / <a href="http://www.kromack.com/category/jquery/"><strong>jQuery</strong></a> sur les éléments d&#8217;une page web en fonction d&#8217;une source lumineuse placée sur la page.</p>
<p>Ce n&#8217;est pas clair ? Je vous invite tout d&#8217;abord à jet un œil à cette <a href="http://pushingpixels.at/experiments/dynamic_shadow/" target="_blank">page de démonstration</a> exceptionnelle (n&#8217;oubliez de faire glisser l&#8217;ampoule après l&#8217;avoir allumée !).</p>
<p>Comme vous avez pu le constater, le <strong>script</strong> adapte l&#8217;<strong>angle</strong> ainsi que la <strong>profondeur</strong> de <strong>l&#8217;ombre portée</strong> en fonction de la position de la <strong>source lumineuse</strong> sur la page !</p>
<p>Tout simplement <em>awesome</em> ! Pour ceux qui désirent comprendre pas-à-pas comment réaliser ce <strong>type d&#8217;effet</strong>, je vous invite à <a href="http://www.1stwebdesigner.com/tutorials/how-to-create-a-nifty-dynamic-shadow-with-jquery/">consulter le tutoriel</a> !</p>

]]></content:encoded>
			<wfw:commentRss>http://www.kromack.com/jquery/tutoriel-comment-creer-une-ombre-portee-dynamique-avec-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jScratchcard : Un plugin de grattage pour jQuery !</title>
		<link>http://www.kromack.com/jquery/jscratchcard-un-plugin-de-grattage-pour-jquery/</link>
		<comments>http://www.kromack.com/jquery/jscratchcard-un-plugin-de-grattage-pour-jquery/#comments</comments>
		<pubDate>Tue, 01 Jun 2010 07:30:17 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.kromack.com/?p=1091</guid>
		<description><![CDATA[

jScratchcard est un plugin pour le framework JavaScript jQuery permettant de créer des zones grattables à la manière des jeux de grattages que l&#8217;on retrouve chez nos buralistes. Il devient alors possible d&#8217;imaginer la création de toutes sortes de jeux de grattages directement en HTML / CSS / jQuery (rappelons que ce type de jeux [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_monochrome" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwww.kromack.com%252Fjquery%252Fjscratchcard-un-plugin-de-grattage-pour-jquery%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22jScratchcard%20%3A%20Un%20plugin%20de%20grattage%20pour%20jQuery%20%21%22%20%7D);"></div>
<p><strong>jScratchcard</strong> est un <strong>plugin</strong> pour le <strong>framework JavaScript jQuery</strong> permettant de créer des <strong>zones grattables</strong> à la manière des <strong>jeux de grattages</strong> que l&#8217;on retrouve chez nos buralistes. Il devient alors possible d&#8217;imaginer la création de toutes sortes de <strong>jeux de grattages</strong> directement en <strong>HTML / CSS / jQuery</strong> (rappelons que ce type de jeux existe déjà sur le web en <strong>Flash</strong>).</p>
<p>Très simple d&#8217;utilisation, le <strong>plugin jScratchcard</strong> propose également une personnalisation des effets de grattage assez poussée. De quoi ravir les webmasters spécialisés dans le domaine !</p>
<p>En tout cas, félicitation à Senamion.com pour le plugin ! <img src='http://www.kromack.com/wordpress/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> <img class="alignright size-full wp-image-1092" title="jquery scratch plugin" src="http://www.kromack.com/wordpress/wp-content/uploads/2010/06/jquery-scratch-plugin.jpg" alt="jquery scratch plugin" width="200" height="100" /></p>
<p><a href="http://www.senamion.com/blog/jScratchcard.html">Voir la page de démonstration du plugin <strong>jScratchcard</strong>.</a></p>

]]></content:encoded>
			<wfw:commentRss>http://www.kromack.com/jquery/jscratchcard-un-plugin-de-grattage-pour-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Le logo de Google se transforme en jeux vidéo à l&#8217;occasion des 30 ans de PAC-MAN !</title>
		<link>http://www.kromack.com/actualites/le-logo-de-google-se-transforme-en-jeux-video-a-loccasion-des-30-ans-de-pac-man/</link>
		<comments>http://www.kromack.com/actualites/le-logo-de-google-se-transforme-en-jeux-video-a-loccasion-des-30-ans-de-pac-man/#comments</comments>
		<pubDate>Fri, 21 May 2010 15:49:32 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[Actualités]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[html 5]]></category>
		<category><![CDATA[insolite]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jeux video]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.kromack.com/?p=1063</guid>
		<description><![CDATA[

Tout simplement&#8230; impressionnant !
A l&#8217;occasion des 30 ans de PAC-MAN Google à mis en ligne un nouveau logo interactif qui se transforme en jeux video lorsqu&#8217;on clique dessus ! Il est alors possible de jouer à PAC-MAN à l&#8217;intérieur du logo lui-même !
Petite astuce, cliquez sur le bouton &#171;&#160;Insérer Pièces(s)&#160;&#187; qui à remplacé le bouton [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_monochrome" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwww.kromack.com%252Factualites%252Fle-logo-de-google-se-transforme-en-jeux-video-a-loccasion-des-30-ans-de-pac-man%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Le%20logo%20de%20Google%20se%20transforme%20en%20jeux%20vid%C3%A9o%20%C3%A0%20l%27occasion%20des%2030%20ans%20de%20PAC-MAN%20%21%22%20%7D);"></div>
<p>Tout simplement&#8230; impressionnant !</p>
<p>A l&#8217;occasion des <strong>30 ans de PAC-MAN</strong> <strong>Google</strong> à mis en ligne un nouveau <strong>logo interactif</strong> qui se transforme en <a href="http://www.kromack.com/tag/jeux-video/">jeux video</a> lorsqu&#8217;on clique dessus ! Il est alors possible de jouer à <strong>PAC-MAN</strong> à l&#8217;intérieur du <strong>logo</strong> lui-même !</p>
<p>Petite astuce, cliquez sur le bouton &laquo;&nbsp;<strong>Insérer Pièces(s)</strong>&nbsp;&raquo; qui à remplacé le bouton &laquo;&nbsp;<strong>J&#8217;ai de la chance</strong>&nbsp;&raquo; pour ajouter <strong>Miss PAC-MAN</strong> à la partie et jouer à deux !</p>
<p style="text-align: center;"><img class="aligncenter" title="logo google game jeux video pac man" src="http://www.kromack.com/wordpress/wp-content/uploads/2010/05/logo-google-game-jeux-video-pac-man1.png" alt="logo google game jeux video pac man" width="466" height="233" /></p>
<p>Pour information, vous pouvez retrouver <a href="http://www.google.com/pacman/">le logo Pacman sur ce permalien</a> <img src='http://www.kromack.com/wordpress/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>

]]></content:encoded>
			<wfw:commentRss>http://www.kromack.com/actualites/le-logo-de-google-se-transforme-en-jeux-video-a-loccasion-des-30-ans-de-pac-man/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Un tétris en 3D basé sur les canvas HTML 5 !</title>
		<link>http://www.kromack.com/actualites/un-tetris-en-3d-base-sur-les-canvas-html-5/</link>
		<comments>http://www.kromack.com/actualites/un-tetris-en-3d-base-sur-les-canvas-html-5/#comments</comments>
		<pubDate>Sat, 01 May 2010 12:33:54 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[Actualités]]></category>
		<category><![CDATA[html 5]]></category>
		<category><![CDATA[insolite]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jeux video]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.kromack.com/?p=980</guid>
		<description><![CDATA[


Dans notre série sur les jeux vidéos basés sur des technologies web, cet exemple est de loin le plus impressionnant ! Il s&#8217;agit d&#8217;un Tetris en 3D nommé Torus réalisé en HTML 5 à l&#8217;aide de l&#8217;élément canvas !
Cette fois-ci, ce jeux créé par Ben Joffe dispose d&#8217;un rendu d&#8217;une fluidité exceptionnelle et d&#8217;un gameplay [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_monochrome" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwww.kromack.com%252Factualites%252Fun-tetris-en-3d-base-sur-les-canvas-html-5%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Un%20t%C3%A9tris%20en%203D%20bas%C3%A9%20sur%20les%20canvas%20HTML%205%20%21%22%20%7D);"></div>
<p><img class="aligncenter size-full wp-image-983" title="torus html5 game" src="http://www.kromack.com/wordpress/wp-content/uploads/2010/05/torus-html5-game.png" alt="torus html5 game" width="397" height="362" /></p>
<p>Dans notre série sur les <a href="http://www.kromack.com/tag/jeux-video/">jeux vidéos basés sur des technologies web</a>, cet exemple est de loin le plus impressionnant ! Il s&#8217;agit d&#8217;un <strong>Tetris en 3D</strong> nommé <strong>Torus</strong> réalisé en <strong>HTML 5</strong> à l&#8217;aide de l&#8217;<strong>élément canvas</strong> !</p>
<p>Cette fois-ci, ce jeux créé par <strong>Ben Joffe</strong> dispose d&#8217;un rendu d&#8217;une <strong>fluidité exceptionnelle</strong> et d&#8217;un <strong>gameplay</strong> n&#8217;ayant rien à envier au mythique <a href="http://www.kromack.com/tag/flash/">Flash</a>.</p>
<p>Une nouvelle fois, cet exemple donne une vision de plus en plus précise de ce que nous réserve le web dans un avenir proche !</p>
<p><a href="http://www.benjoffe.com/code/games/torus/">A découvrir de toute urgence !</a></p>

]]></content:encoded>
			<wfw:commentRss>http://www.kromack.com/actualites/un-tetris-en-3d-base-sur-les-canvas-html-5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Comment faire pivoter une page web avec du CSS (rotation)</title>
		<link>http://www.kromack.com/webdesign/comment-faire-pivoter-une-page-web-avec-du-css-rotation/</link>
		<comments>http://www.kromack.com/webdesign/comment-faire-pivoter-une-page-web-avec-du-css-rotation/#comments</comments>
		<pubDate>Sun, 18 Apr 2010 10:27:50 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[astuce]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[geek]]></category>
		<category><![CDATA[graphisme]]></category>
		<category><![CDATA[humour]]></category>
		<category><![CDATA[insolite]]></category>
		<category><![CDATA[tutoriel]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.kromack.com/?p=958</guid>
		<description><![CDATA[

Savez-vous qu&#8217;il est très simplement possible de faire pivoter un site web selon un angle précis via du CSS et la propriété -moz-transform ?
La page web subiera une rotation dans sans totalité et le rendu sera fonctionnel au minimum sous le navigateur Firefox.
Voici le code permettant cette rotation, notez que vous devez adapter la valeur [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_monochrome" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwww.kromack.com%252Fwebdesign%252Fcomment-faire-pivoter-une-page-web-avec-du-css-rotation%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Comment%20faire%20pivoter%20une%20page%20web%20avec%20du%20CSS%20%28rotation%29%22%20%7D);"></div>
<p>Savez-vous qu&#8217;il est très simplement possible de faire pivoter un site web selon un angle précis via du CSS et la propriété <strong>-moz-transform</strong> ?</p>
<p>La page web subiera <strong>une rotation</strong> dans sans totalité et le rendu sera fonctionnel au minimum sous le navigateur Firefox.</p>
<p>Voici le code permettant cette rotation, notez que vous devez adapter la valeur de la propriété <em>width</em> en fonction de la taille de votre page web.</p>

<div class="wp_codebox_msgheader"><span class="right"><sup></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p958code2'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p9582"><td class="code" id="p958code2"><pre class="css" style="font-family:monospace;">body <span style="color: #00AA00;">&#123;</span>
	-moz-transform<span style="color: #00AA00;">:</span>rotate<span style="color: #00AA00;">&#40;</span>-30deg<span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #933;">10px</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span><span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">1300px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">1</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<h2>Démonstration</h2>
<p><a href="http://demos.kromack.com/rotation-pivoter-site-internet-css">Cliquez-ici pour accéder à l&#8217;espace de démonstration de la rotation.</a></p>
<p><a href="http://demos.kromack.com/rotation-pivoter-site-internet-css"><img class="aligncenter size-full wp-image-959" title="website rotation" src="http://www.kromack.com/wordpress/wp-content/uploads/2010/04/website-rotation.png" alt="website rotation" width="500" height="235" /></a></p>

]]></content:encoded>
			<wfw:commentRss>http://www.kromack.com/webdesign/comment-faire-pivoter-une-page-web-avec-du-css-rotation/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Super Mario Bros Full JavaScript !</title>
		<link>http://www.kromack.com/geeks-world/super-mario-bros-full-javascript/</link>
		<comments>http://www.kromack.com/geeks-world/super-mario-bros-full-javascript/#comments</comments>
		<pubDate>Sat, 03 Apr 2010 15:05:21 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[Geek's World]]></category>
		<category><![CDATA[geek]]></category>
		<category><![CDATA[insolite]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jeux video]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.kromack.com/?p=939</guid>
		<description><![CDATA[

Parmi la liste des jeux vidéos old school portés en JavaScript, c&#8217;est cette fois-ci au tour de Super Mario Bros d&#8217;entrer dans l&#8217;aire 2.0 !
Le célèbre titre à été porté en JavaScript par Guillermo Bruchmann, c&#8217;est assez impressionnant et c&#8217;est disponible à cette adresse : http://jsmario.com.ar/


]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_monochrome" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwww.kromack.com%252Fgeeks-world%252Fsuper-mario-bros-full-javascript%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Super%20Mario%20Bros%20Full%20JavaScript%20%21%22%20%7D);"></div>
<p>Parmi la liste des <a href="http://www.kromack.com/tag/jeux-video/">jeux vidéos old school</a> portés en <strong>JavaScript</strong>, c&#8217;est cette fois-ci au tour de <strong>Super Mario Bros</strong> d&#8217;entrer dans l&#8217;aire 2.0 !</p>
<p>Le célèbre titre à été porté en JavaScript par Guillermo Bruchmann, c&#8217;est assez impressionnant et c&#8217;est disponible à cette adresse : <a href="http://jsmario.com.ar/">http://jsmario.com.ar/</a></p>
<p><a href="http://www.kromack.com/wordpress/wp-content/uploads/2010/04/super-mario-bros-javascript.png"><img class="aligncenter size-full wp-image-940" title="super mario bros javascript" src="http://www.kromack.com/wordpress/wp-content/uploads/2010/04/super-mario-bros-javascript.png" alt="super mario bros javascript" width="507" height="445" /></a></p>

]]></content:encoded>
			<wfw:commentRss>http://www.kromack.com/geeks-world/super-mario-bros-full-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Du fun avec MooTools et CSS 3</title>
		<link>http://www.kromack.com/mootools/du-fun-avec-mootools-et-css-3/</link>
		<comments>http://www.kromack.com/mootools/du-fun-avec-mootools-et-css-3/#comments</comments>
		<pubDate>Sat, 27 Feb 2010 22:57:55 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[MooTools]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[insolite]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.kromack.com/?p=907</guid>
		<description><![CDATA[

Voici un aperçu très original proposé par rickyh.co.uk du mariage entre MooTools et CSS3 et des nouvelles possibilités qu&#8217;offrent ces deux technologies en termes d&#8217;effets visuels pour le web. Inutile de préciser qu&#8217;il est préférable de disposer d&#8217;un navigateur récent  
Glissez par ici&#8230;


]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_monochrome" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwww.kromack.com%252Fmootools%252Fdu-fun-avec-mootools-et-css-3%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Du%20fun%20avec%20MooTools%20et%20CSS%203%20%22%20%7D);"></div>
<p>Voici un aperçu très original proposé par <a href="http://www.rickyh.co.uk/" target="_blank">rickyh.co.uk</a> du mariage entre <strong>MooTools</strong> et <strong>CSS3</strong> et des nouvelles possibilités qu&#8217;offrent ces deux technologies en termes d&#8217;effets visuels pour le web. Inutile de préciser qu&#8217;il est préférable de disposer d&#8217;un navigateur récent <img src='http://www.kromack.com/wordpress/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Glissez par ici&#8230;</p>
<p><a href="http://demo.rickyh.co.uk/fun-with-CSS3-and-mootools/"><img class="aligncenter size-full wp-image-908" title="mootools css3 demo" src="http://www.kromack.com/wordpress/wp-content/uploads/2010/02/mootools-css3-demo.png" alt="mootools css3 demo" width="249" height="231" /></a></p>

]]></content:encoded>
			<wfw:commentRss>http://www.kromack.com/mootools/du-fun-avec-mootools-et-css-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Téléchargez votre musique gratuitement et légalement avec Beezik !</title>
		<link>http://www.kromack.com/actualites/telechargez-votre-musique-gratuitement-et-legalement-avec-beezik/</link>
		<comments>http://www.kromack.com/actualites/telechargez-votre-musique-gratuitement-et-legalement-avec-beezik/#comments</comments>
		<pubDate>Sun, 07 Feb 2010 18:44:52 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[Actualités]]></category>
		<category><![CDATA[gratuit]]></category>
		<category><![CDATA[musique]]></category>
		<category><![CDATA[telechargement]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.kromack.com/?p=889</guid>
		<description><![CDATA[

Connaissez-vous Beezik ? Ce service permet de télécharger gratuitement des milliers de titres de vos artistes préférés de manière légale et ceci gratuitement !
Comment cela fonctionne ? La publicité finance chaque téléchargement, ainsi, une vidéo vous sera proposée pendant le téléchargement du titre ! Mais ce n&#8217;est pas tout, pour chaque titre téléchargé, vous gagnez [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_monochrome" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwww.kromack.com%252Factualites%252Ftelechargez-votre-musique-gratuitement-et-legalement-avec-beezik%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22T%C3%A9l%C3%A9chargez%20votre%20musique%20gratuitement%20et%20l%C3%A9galement%20avec%20Beezik%20%21%22%20%7D);"></div>
<p><a href="http://www.beezik.com/beezik/anonymousMemberNewAccount.htm?1=1&amp;idParrain=8d371a66ccc743ae&amp;sponsorId=d9ffb154563179df&amp;&amp;emailParrain=4901b7e96356e6ad29c4e21983edb08a01415cf3b332a3a1"><img class="alignright size-full wp-image-890" title="Logo Beezik" src="http://www.kromack.com/wordpress/wp-content/uploads/2010/02/logo.gif" alt="" width="191" height="59" /></a>Connaissez-vous <strong>Beezik</strong> ? Ce service permet de télécharger gratuitement des milliers de titres de vos artistes préférés de manière légale et ceci gratuitement !</p>
<p>Comment cela fonctionne ? La publicité finance chaque téléchargement, ainsi, une vidéo vous sera proposée pendant le téléchargement du titre ! Mais ce n&#8217;est pas tout, pour chaque titre téléchargé, vous gagnez des points qui sont par la suite convertibles en bon d&#8217;achat sur de grands site e-commerce !</p>
<p>En résumé, vous téléchargez gratuitement, légalement, et vous bénéficiez d&#8217;avantages pour cela !</p>
<p>Si vous n&#8217;êtes toujours pas inscrits, <a href="http://www.beezik.com/beezik/anonymousMemberNewAccount.htm?1=1&amp;idParrain=8d371a66ccc743ae&amp;sponsorId=d9ffb154563179df&amp;&amp;emailParrain=4901b7e96356e6ad29c4e21983edb08a01415cf3b332a3a1">c&#8217;est par ici</a> ! <img src='http://www.kromack.com/wordpress/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>

]]></content:encoded>
			<wfw:commentRss>http://www.kromack.com/actualites/telechargez-votre-musique-gratuitement-et-legalement-avec-beezik/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
