<?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; Webdesign</title>
	<atom:link href="http://www.kromack.com/category/webdesign/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>Thème graphique gratuit : The Arialist</title>
		<link>http://www.kromack.com/webdesign/theme-graphique-gratuit-the-arialist/</link>
		<comments>http://www.kromack.com/webdesign/theme-graphique-gratuit-the-arialist/#comments</comments>
		<pubDate>Sun, 04 Jul 2010 10:25:26 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[gratuit]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[skin]]></category>
		<category><![CDATA[telechargement]]></category>
		<category><![CDATA[thème]]></category>
		<category><![CDATA[web design]]></category>

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

The Arialist est un thème graphique xHTML / CSS (ou anciennement nommé &#171;&#160;kit graphique&#171;&#160;) entièrement Open Source et gratuit.
Celui-ci à la particularité d&#8217;être pleinement conçu pour l&#8217;utilisation de la police d&#8217;écriture Arial&#8230;

Vous pouvez voir une démonstration du thème avant de le télécharger gratuitement sur Google Code.

]]></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%252Ftheme-graphique-gratuit-the-arialist%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Th%C3%A8me%20graphique%20gratuit%20%3A%20The%20Arialist%22%20%7D);"></div>
<p>The <strong>Arialist</strong> est un <strong>thème graphique xHTML / CSS</strong> (ou anciennement nommé &laquo;&nbsp;<strong>kit graphique</strong>&laquo;&nbsp;) entièrement <strong>Open Source</strong> et <strong>gratuit</strong>.</p>
<p>Celui-ci à la particularité d&#8217;être pleinement conçu pour l&#8217;utilisation de la police d&#8217;écriture Arial&#8230;</p>
<p><img class="aligncenter size-full wp-image-1163" title="thearialist" src="http://www.kromack.com/wordpress/wp-content/uploads/2010/07/thearialist.jpg" alt="Kit graphique gratuit" width="520" height="310" /></p>
<p>Vous pouvez voir une <a href="http://www.mentariworks.com/Arialist/" target="_blank">démonstration</a> du thème avant de le <strong>télécharger gratuitement</strong> sur <a href="http://code.google.com/p/arialist/downloads/list" target="_blank">Google Code</a>.</p>

]]></content:encoded>
			<wfw:commentRss>http://www.kromack.com/webdesign/theme-graphique-gratuit-the-arialist/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>Téléchargez gratuitement le PSD Magnifico HTML/CSS sur themeforest en ce mois d&#8217;avril</title>
		<link>http://www.kromack.com/webdesign/telechargez-gratuitement-le-psd-magnifico-htmlcss-sur-themeforest-en-ce-mois-davril/</link>
		<comments>http://www.kromack.com/webdesign/telechargez-gratuitement-le-psd-magnifico-htmlcss-sur-themeforest-en-ce-mois-davril/#comments</comments>
		<pubDate>Sat, 17 Apr 2010 12:08:41 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[graphisme]]></category>
		<category><![CDATA[gratuit]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[skin]]></category>
		<category><![CDATA[telechargement]]></category>
		<category><![CDATA[thème]]></category>

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


Le thème Magnifico HTML/CSS est en téléchargement gratuit sur themeforest pendant tout le mois d&#8217;avril 2010 !
Notez que le thème Magnifico HTML/CSS est également disponible pour WordPress  

]]></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%252Ftelechargez-gratuitement-le-psd-magnifico-htmlcss-sur-themeforest-en-ce-mois-davril%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22T%C3%A9l%C3%A9chargez%20gratuitement%20le%20PSD%20Magnifico%20HTML%2FCSS%20sur%20themeforest%20en%20ce%20mois%20d%27avril%22%20%7D);"></div>
<p><a href="http://themeforest.net/item/magnifico-htmlcss/63451"><img class="alignright size-full wp-image-949" title="magnifico html css theme" src="http://www.kromack.com/wordpress/wp-content/uploads/2010/04/magnifico-html-css-theme.png" alt="magnifico html css theme" width="300" height="152" /></a></p>
<p>Le thème <strong>Magnifico HTML/CSS</strong> est en téléchargement gratuit sur themeforest pendant tout le mois d&#8217;avril 2010 !</p>
<p>Notez que le thème <strong>Magnifico HTML/CSS</strong> est également disponible pour WordPress <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/webdesign/telechargez-gratuitement-le-psd-magnifico-htmlcss-sur-themeforest-en-ce-mois-davril/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Téléchargez gratuitement un PSD sur themeforest en ce mois de février</title>
		<link>http://www.kromack.com/webdesign/telechargez-gratuitement-un-psd-sur-themeforest-en-ce-mois-de-fevrier/</link>
		<comments>http://www.kromack.com/webdesign/telechargez-gratuitement-un-psd-sur-themeforest-en-ce-mois-de-fevrier/#comments</comments>
		<pubDate>Sun, 21 Feb 2010 14:58:36 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[graphisme]]></category>
		<category><![CDATA[gratuit]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[skin]]></category>
		<category><![CDATA[telechargement]]></category>
		<category><![CDATA[thème]]></category>

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

Le thème Pacifica est en téléchargement gratuit sur themeforest pendant tout le mois de février 2010 !
Pour ceux qui ne le savent pas, themeforest est une place de marché dédiée au webdesign et au développement web qui propose la vente de fichiers PSD ou encore de scripts PHP.
Notez que le thème Pacifica est également disponible [...]]]></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%252Ftelechargez-gratuitement-un-psd-sur-themeforest-en-ce-mois-de-fevrier%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22T%C3%A9l%C3%A9chargez%20gratuitement%20un%20PSD%20sur%20themeforest%20en%20ce%20mois%20de%20f%C3%A9vrier%22%20%7D);"></div>
<p><a href="http://themeforest.net/item/pacifica-theme-the-psd-version/83345" target="_blank"><img class="alignright size-medium wp-image-905" title="thème pacifica" src="http://www.kromack.com/wordpress/wp-content/uploads/2010/02/pacifica-300x152.jpg" alt="" width="300" height="152" /></a>Le <strong>thème Pacifica</strong> est en <strong>téléchargement gratuit</strong> sur <em>themeforest</em> pendant tout le mois de février 2010 !</p>
<p>Pour ceux qui ne le savent pas, <em>themeforest</em> est une place de marché dédiée au <strong>webdesign</strong> et au <strong>développement web</strong> qui propose la vente de fichiers PSD ou encore de scripts PHP.</p>
<p>Notez que le thème Pacifica est également disponible pour WordPress <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/webdesign/telechargez-gratuitement-un-psd-sur-themeforest-en-ce-mois-de-fevrier/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Comment réinitialiser Photoshop (Reset Photoshop)</title>
		<link>http://www.kromack.com/webdesign/comment-reinitialiser-photoshop-reset-photoshop/</link>
		<comments>http://www.kromack.com/webdesign/comment-reinitialiser-photoshop-reset-photoshop/#comments</comments>
		<pubDate>Wed, 25 Nov 2009 19:00:26 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[graphisme]]></category>
		<category><![CDATA[tutoriel]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.kromack.com/?p=686</guid>
		<description><![CDATA[Si vous désirez remettre à zéro complètement le logiciel Photoshop suite à une mauvaise manipulation par exemple, il existe un raccourcis clavier permettant de réinitialiser le logiciel...]]></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-reinitialiser-photoshop-reset-photoshop%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Comment%20r%C3%A9initialiser%20Photoshop%20%28Reset%20Photoshop%29%22%20%7D);"></div>
<p>Il existe un raccourci clavier permettant de <strong>réinitialiser complètement Adobe Photoshop</strong> a ses <strong>réglages d&#8217;origines</strong>.</p>
<p>Pour effectuer le <strong>reset</strong> il suffit de laisser appuyé simultanément sur les touches ci-dessous lors du lancement de <strong>Photoshop</strong> (avant de voir l&#8217;écran d&#8217;accueil du logiciel) :</p>
<ul class="charte">
<li><strong>Sur Windows</strong> : ALT + Ctrl + Shift</li>
<li><strong>Sur Mac OS X</strong> : Option + Command + Shift</li>
</ul>
<p>Le logiciel ouvrira alors une boite de dialogue permettant de confirmer la <strong>suppression de tous les réglages</strong> et la <strong>remise à zéro de Photoshop</strong>.</p>

]]></content:encoded>
			<wfw:commentRss>http://www.kromack.com/webdesign/comment-reinitialiser-photoshop-reset-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Personnalisez votre typo grâce à Typekit</title>
		<link>http://www.kromack.com/webdesign/personnalisez-votre-typo-grace-a-typekit/</link>
		<comments>http://www.kromack.com/webdesign/personnalisez-votre-typo-grace-a-typekit/#comments</comments>
		<pubDate>Sat, 03 Oct 2009 10:15:38 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[graphisme]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.kromack.com/?p=539</guid>
		<description><![CDATA[Typekit est un nouveau service permettant d'afficher une police d'écriture non standard sur son site web indépendamment des systèmes d'exploitation et des navigateurs web utilisés.]]></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%252Fpersonnalisez-votre-typo-grace-a-typekit%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Personnalisez%20votre%20typo%20gr%C3%A2ce%20%C3%A0%20Typekit%22%20%7D);"></div>
<p><img class="size-full wp-image-548 alignleft" title="typekit-logo" src="http://www.kromack.com/wordpress/wp-content/uploads/2009/10/typekit-logo1.gif" alt="Typekit Logo" width="178" height="61" /></p>
<p><strong>Typekit</strong> est une nouvelle technologie permettant d&#8217;utiliser n&#8217;importe qu&#8217;elle <strong>typographie</strong> présente dans le catalogue du service sur votre site Internet indépendamment des plateformes et des navigateurs web !</p>
<p>Cela fait quelques temps que de nouveaux services naissent autour de cette problématique (afin d&#8217;afficher une police sur un site, celle-ci doit obligatoirement être présente sur la machine de l&#8217;internaute) et ce notamment avec l&#8217;arrivée de <strong>CSS3</strong>. Le problème majeur étant que les navigateurs anciens (pour ne pas citer ceux de Microsoft) ne supportent évidemment pas CSS3, typekit fournit une technologie permettant d&#8217;afficher une <strong>police distante</strong> sur <strong>n&#8217;importe quel navigateur</strong>.</p>
<p>De plus, typekit propose un catalogue de polices ayant une licence d&#8217;utilisation adaptée à une diffusion sur le web, les typographes sont donc rémunérés sur leur création.</p>
<h2>Démonstration de typekit</h2>
<div align="left" style="margin-bottom: 15px;">Afin d&#8217;illustrer les fonctionnalités de l&#8217;outil, je vous propose cette capture d&#8217;écran du blog de l&#8217;agence Oxynel utilisant le service typekit :</div>
<div class="clearer"></div>
<p><a  href="http://blog.oxynel.com/"><img class="aligncenter size-full wp-image-544" title="oxynel-typo" src="http://www.kromack.com/wordpress/wp-content/uploads/2009/10/oxynel-typo1.gif" alt="oxynel-typo" width="535" height="168" /></a></p>
<div class="clearer" style="margin-bottom: 15px;"></div>
<p>A noter tout de même que <a href="http://typekit.com/">typekit</a> est à l&#8217;heure où j&#8217;écris ce post en version beta fermée et que le service proposera à terme plusieurs plan payants offrant des fonctionnalités et un catalogue plus ou moins riche.</p>

]]></content:encoded>
			<wfw:commentRss>http://www.kromack.com/webdesign/personnalisez-votre-typo-grace-a-typekit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Prévisualiser les fichiers psd, ai et eps sur Windows</title>
		<link>http://www.kromack.com/webdesign/previsualiser-les-fichiers-psd-ai-et-eps-sur-windows/</link>
		<comments>http://www.kromack.com/webdesign/previsualiser-les-fichiers-psd-ai-et-eps-sur-windows/#comments</comments>
		<pubDate>Sun, 30 Aug 2009 06:33:07 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[graphisme]]></category>
		<category><![CDATA[gratuit]]></category>
		<category><![CDATA[telechargement]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[windows]]></category>

		<guid isPermaLink="false">http://www.kromack.com/?p=508</guid>
		<description><![CDATA[Ce petit utilitaire permet d'afficher les miniatures des fichiers psd, ai et eps directement dans l'explorateur de Windows.]]></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%252Fprevisualiser-les-fichiers-psd-ai-et-eps-sur-windows%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Pr%C3%A9visualiser%20les%20fichiers%20psd%2C%20ai%20et%20eps%20sur%20Windows%22%20%7D);"></div>
<p>Lorsqu&#8217;on travaille sous Mac OS X, on s&#8217;habitue très vite a avoir un aperçu rapide de la plupart des types de fichiers. C&#8217;est notamment le cas pour les fichiers psd, ai ou encore eps. Alors le week end, lorsqu&#8217;on retourne sur Windows (parce qu&#8217;on reste un gamer dans l&#8217;âme :p), il devient très vite énervant de devoir ouvrir complètement chaque fichier pour en apercevoir le contenu.</p>
<p>Heureusement il existe un petit soft gratuit nommé <strong>Kasalong Thumbnails</strong> permettant d&#8217;intégrer au shell de Windows la fonctionnalité de miniature pour ces types de fichiers.</p>
<p>Testé sous Windows XP pour ma part, l&#8217;utilitaire est <a href="http://www.phpstory.com/media/files/exe/KaSaLong.Thumbnails.exe">téléchargeable sur le site de l&#8217;éditeur</a>.</p>

]]></content:encoded>
			<wfw:commentRss>http://www.kromack.com/webdesign/previsualiser-les-fichiers-psd-ai-et-eps-sur-windows/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>11 packs gratuits d&#8217;icônes de réseaux sociaux pour votre blog</title>
		<link>http://www.kromack.com/webdesign/11-packs-gratuits-dicones-de-reseaux-sociaux-pour-votre-blog/</link>
		<comments>http://www.kromack.com/webdesign/11-packs-gratuits-dicones-de-reseaux-sociaux-pour-votre-blog/#comments</comments>
		<pubDate>Sat, 22 Aug 2009 07:36:50 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[geek]]></category>
		<category><![CDATA[graphisme]]></category>
		<category><![CDATA[gratuit]]></category>
		<category><![CDATA[telechargement]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.kromack.com/?p=461</guid>
		<description><![CDATA[Ce billet rassemble 11 packs gratuits d'icônes de réseaux sociaux (Facebook, Twitter, Mail, Rss, etc.). Chacun dans un style différent, votre bonheur se trouve sûrement par ici ;)]]></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%252F11-packs-gratuits-dicones-de-reseaux-sociaux-pour-votre-blog%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%2211%20packs%20gratuits%20d%27ic%C3%B4nes%20de%20r%C3%A9seaux%20sociaux%20pour%20votre%20blog%22%20%7D);"></div>
<p>Les réseaux sociaux tels que Twitter ou Facebook peuvent se révéler être de formidables outils de promotion pour vos blogs. En effet, ils permettent de partager en un clic une information à l&#8217;ensemble de son réseau de contact. C&#8217;est pourquoi mettre en avant ces nouveaux moyens de communication sur votre blog ou sur votre site internet peut être important.</p>
<p>Afin de vous aider dans cette tâche, il existe des packs d&#8217;icônes gratuits représentant la plupart des grand réseaux sociaux ou moyen de communication du web.</p>
<p>En voici une collection non exhaustive :</p>
<ul class="charte">
<li><strong>Social Network Icon Pack par Komodo Media (52 icônes)</strong></li>
</ul>
<p><a href="http://www.komodomedia.com/blog/2009/06/social-network-icon-pack/"><img class="alignnone size-full wp-image-465" title="social-pack-1" src="http://www.kromack.com/wordpress/wp-content/uploads/2009/08/social-pack-11.jpg" alt="social-pack-1" width="415" height="220" /></a></p>
<ul class="charte">
<li><strong>Social Bookmark Iconset par vikiworks (Set 1)<br />
</strong></li>
</ul>
<p><a href="http://vikiworks.com/2007/06/15/social-bookmark-iconset/"><img class="alignnone size-full wp-image-463" title="social-pack-2" src="http://www.kromack.com/wordpress/wp-content/uploads/2009/08/social-pack-2.png" alt="social-pack-2" width="415" height="163" /></a></p>
<ul class="charte">
<li><strong>Social Bookmark Iconset par vikiworks (Set 2)</strong></li>
</ul>
<p><a href="http://vikiworks.com/2007/07/28/social-bookmark-iconset-part-2/"><img class="alignnone size-full wp-image-464" title="social-pack-3" src="http://www.kromack.com/wordpress/wp-content/uploads/2009/08/social-pack-3.jpg" alt="social-pack-3" width="415" height="120" /></a></p>
<ul class="charte">
<li><strong>Heart: Free Social Icon Set par The Design Superhero</strong></li>
</ul>
<p><a href="http://thedesignsuperhero.com/2008/10/heart-my-free-social-icon-set/"><img class="alignnone size-full wp-image-467" title="social-pack-4" src="http://www.kromack.com/wordpress/wp-content/uploads/2009/08/social-pack-4.jpg" alt="social-pack-4" width="415" height="220" /></a></p>
<ul class="charte">
<li><strong>Free Vector Social Bookmark Icons par snap2objects</strong></li>
</ul>
<p><a href="http://www.snap2objects.com/2007/11/06/free-vector-social-bookmark-icons/"><img class="alignnone size-full wp-image-468" title="social-pack-5" src="http://www.kromack.com/wordpress/wp-content/uploads/2009/08/social-pack-5.jpg" alt="social-pack-5" width="415" height="127" /></a></p>
<ul class="charte">
<li><strong>Social Media Icon (Freebies) par Arbenting</strong></li>
</ul>
<p><a href="http://arbent.net/blog/freebies-a-social-media-icon-set-just-for-you"><img class="alignnone size-full wp-image-469" title="social-pack-6" src="http://www.kromack.com/wordpress/wp-content/uploads/2009/08/social-pack-6.jpg" alt="social-pack-6" width="415" height="245" /></a></p>
<ul class="charte">
<li><strong>Social Web Buttons par webfruits (Set 1)<br />
</strong></li>
</ul>
<p><a href="http://www.webfruits.it/dblog/articolo.asp?articolo=62"><img class="alignnone size-full wp-image-471" title="social-pack-7" src="http://www.kromack.com/wordpress/wp-content/uploads/2009/08/social-pack-7.jpg" alt="social-pack-7" width="415" height="150" /></a></p>
<ul class="charte">
<li><strong>Social Web Buttons par webfruits (Set 2)</strong></li>
</ul>
<p><a href="http://www.webfruits.it/dblog/articolo.asp?articolo=63"><img class="alignnone size-full wp-image-472" title="social-pack-8" src="http://www.kromack.com/wordpress/wp-content/uploads/2009/08/social-pack-8.jpg" alt="social-pack-8" width="415" height="150" /></a></p>
<ul class="charte">
<li><strong>WebDev Social Bookmark by ~IconTexto</strong></li>
</ul>
<p><a href="http://icontexto.deviantart.com/art/WebDev-Social-Bookmark-95974780"><img class="alignnone size-full wp-image-475" title="social-pack-9" src="http://www.kromack.com/wordpress/wp-content/uploads/2009/08/social-pack-9.jpg" alt="social-pack-9" width="415" height="215" /></a></p>
<ul class="charte">
<li><strong>Socials PNG icons by giZ by ~GiZZiStar</strong></li>
</ul>
<p><a href="http://gizzistar.deviantart.com/art/Socials-PNG-icons-by-giZ-100882199"><img class="alignnone size-full wp-image-477" title="social-pack-10" src="http://www.kromack.com/wordpress/wp-content/uploads/2009/08/social-pack-10.jpg" alt="social-pack-10" width="200" height="215" /></a></p>
<ul class="charte">
<li><strong>My works sur UtomBox</strong></li>
</ul>
<p><a href="http://utombox.com/my-works/"><img class="alignnone size-full wp-image-479" title="social-pack-11" src="http://www.kromack.com/wordpress/wp-content/uploads/2009/08/social-pack-111.jpg" alt="social-pack-11" width="300" height="190" /></a></p>
<p><em>Bien entendu, gratuit ne signifie pas libre de droits, alors attention toute fois à regarder les licences accompagnant les différents packs.</em></p>

]]></content:encoded>
			<wfw:commentRss>http://www.kromack.com/webdesign/11-packs-gratuits-dicones-de-reseaux-sociaux-pour-votre-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>1000 icônes gratuites pour vos sites web !</title>
		<link>http://www.kromack.com/webdesign/1000-icones-gratuites-pour-vos-sites-web/</link>
		<comments>http://www.kromack.com/webdesign/1000-icones-gratuites-pour-vos-sites-web/#comments</comments>
		<pubDate>Thu, 02 Apr 2009 11:10:14 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[graphisme]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.kromack.com/?p=127</guid>
		<description><![CDATA[famfamfam.com propose plusieurs pack d'icônes sous licence Creative Commons utilisables pour vos créations web...]]></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%252F1000-icones-gratuites-pour-vos-sites-web%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%221000%20ic%C3%B4nes%20gratuites%20pour%20vos%20sites%20web%20%21%22%20%7D);"></div>
<p><img class="aligncenter size-full wp-image-128" title="fam-fam-fam" src="http://www.kromack.com/wordpress/wp-content/uploads/2009/04/image-2.png" alt="fam-fam-fam" width="224" height="47" /></p>
<p>Connaissez-vous famfamfam ? Ce site propose gratuitement des packs complets d&#8217;icônes sous licence CC (Creative Commons Attribution 2.5 License).</p>
<p>3 packs d&#8217;images sont disponibles, un contenant des icônes &laquo;&nbsp;smooth&nbsp;&raquo; au format png, un autre contenant les mêmes mais pixélisées au format gif, et le dernier contenant 247 images gif/png représentant les drapeaux des différents pays.</p>
<p>Voila une très bonne initiative de la part de fammfamfam.com, et il serait dommage de ne pas en profiter !</p>
<p><a href="http://www.famfamfam.com/lab/icons/" target="_blank">Visiter www.famfamfam.com&#8230;</a></p>

]]></content:encoded>
			<wfw:commentRss>http://www.kromack.com/webdesign/1000-icones-gratuites-pour-vos-sites-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Générez des boîtes Web 2.0 avec Fresh Generator</title>
		<link>http://www.kromack.com/webdesign/generez-des-boites-web-20-avec-fresh-generator/</link>
		<comments>http://www.kromack.com/webdesign/generez-des-boites-web-20-avec-fresh-generator/#comments</comments>
		<pubDate>Wed, 18 Mar 2009 19:03:25 +0000</pubDate>
		<dc:creator>Kromack</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[graphisme]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.kromack.com/?p=95</guid>
		<description><![CDATA[Fresh Generator est un outil qui permet de générer des boîtes de contenu style Web 2.0. L'outil génère une image qu'il suffit de découper, puis d'intégrer en xHTML / CSS.]]></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%252Fgenerez-des-boites-web-20-avec-fresh-generator%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22G%C3%A9n%C3%A9rez%20des%20bo%C3%AEtes%20Web%202.0%20avec%20Fresh%20Generator%22%20%7D);"></div>
<p><img class="aligncenter size-full wp-image-96" title="freshgenerator" src="http://www.kromack.com/wordpress/wp-content/uploads/2009/03/freshgenerator.jpg" alt="freshgenerator" width="343" height="85" /></p>
<p>Pour ceux qui ne maîtrisent pas suffisamment les logiciels de création graphique tels que Photoshop, sachez qu&#8217;il existe un outil gratuit permettant de générer rapidement des boîtes de contenu style 2.0.</p>
<p>L&#8217;outil, basé sur Flash, permet de configurer un ensemble de paramètres tels que la taille, les couleurs ou encore les coins arrondis de la boîte, un clic sur le bouton &laquo;&nbsp;Update&nbsp;&raquo; est votre boîte est prête à utiliser (où du moins à découper).</p>
<p><em>Exemple de boîtes générées avec Fresh Generator :</em></p>
<p><img class="aligncenter size-full wp-image-99" title="freshgenerator-exemple-1" src="http://www.kromack.com/wordpress/wp-content/uploads/2009/03/freshgenerator-exemple-1.png" alt="freshgenerator-exemple-1" width="432" height="72" /></p>
<p><img class="aligncenter size-full wp-image-100" title="freshgenerator-exemple-2" src="http://www.kromack.com/wordpress/wp-content/uploads/2009/03/freshgenerator-exemple-2.png" alt="freshgenerator-exemple-2" width="437" height="42" /></p>
<p><a href="http://www.freshgenerator.com/" target="_blank">Découvrir Fresh Generator</a></p>

]]></content:encoded>
			<wfw:commentRss>http://www.kromack.com/webdesign/generez-des-boites-web-20-avec-fresh-generator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
