<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" version="2.0">

<channel>
	<title>DesignWalker</title>
	
	<link>http://www.designwalker.com</link>
	<description>ロサンゼルスで働くウェブデザイナーの日記。</description>
	<lastBuildDate>Sat, 30 Jan 2010 20:29:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/designwalker" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="designwalker" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>無料で使えるWordPressテーマ 2009年 厳選100+</title>
		<link>http://www.designwalker.com/2009/12/wordpress-theme2009.html</link>
		<comments>http://www.designwalker.com/2009/12/wordpress-theme2009.html#comments</comments>
		<pubDate>Mon, 14 Dec 2009 22:46:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[テンプレート]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/?p=560</guid>
		<description><![CDATA[え！？こんなにレベルの高いテーマが無料で使えるの！？と思ってしまうほど、年々レベルが上がっていく無料で使えるWordPressテーマ。

2009年、総まとめシリーズです。今回は無料で使えるWordPressのテーマを100種類とおもったら、少し多めに集めてしまいました。

ダウンロードしてそのまま使用するだけでなく、デザインのアイデアやコー]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/hfc7FYGqbISrCKyROinwCcI_qHc/0/da"><img src="http://feedads.g.doubleclick.net/~a/hfc7FYGqbISrCKyROinwCcI_qHc/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/hfc7FYGqbISrCKyROinwCcI_qHc/1/da"><img src="http://feedads.g.doubleclick.net/~a/hfc7FYGqbISrCKyROinwCcI_qHc/1/di" border="0" ismap="true"></img></a></p><p>え！？こんなにレベルの高いテーマが無料で使えるの！？と思ってしまうほど、年々レベルが上がっていく無料で使えるWordPressテーマ。</p>
<p>2009年、総まとめシリーズです。今回は無料で使えるWordPressのテーマを100種類とおもったら、少し多めに集めてしまいました。</p>
<p>ダウンロードしてそのまま使用するだけでなく、デザインのアイデアやコーディングの参考などにも使えそうですね。</p>
<h4><a title="Imagination" href="http://cssjockey.com/imagination/">Imagination</a></h4>
<p align="center"><a title="Imagination" href="http://cssjockey.com/imagination/"><img src="http://www.designwalker.com/img/wordpress_theme2009/001.png" border="0" alt="Imagination" /></a></p>
<h4><a title="Corporate Life" href="http://www.getacustomdesign.com/news/corporate-life-free-wordpress-theme/">Corporate Life</a></h4>
<p align="center"><a title="Corporate Life" href="http://www.getacustomdesign.com/news/corporate-life-free-wordpress-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/002.png" border="0" alt="Corporate Life" /></a></p>
<h4><a title="Phloggin" href="http://blog.squarefour.net/2009/05/28/introducing-new-wordpress-photoblog-theme/">Phloggin</a></h4>
<p align="center"><a title="Phloggin" href="http://blog.squarefour.net/2009/05/28/introducing-new-wordpress-photoblog-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/003.png" border="0" alt="Phloggin" /></a></p>
<h4><a title="FreeStyle v.1" href="http://www.dvq.co.nz/theme/freestyle-v-1/">FreeStyle v.1</a></h4>
<p align="center"><a title="FreeStyle v.1" href="http://www.dvq.co.nz/theme/freestyle-v-1/"><img src="http://www.designwalker.com/img/wordpress_theme2009/004.png" border="0" alt="FreeStyle v.1" /></a></p>
<h4><a title="KeKo" href="http://www.mkels.com/wordpress-themes/urban/free-wordpress-theme-keko.html">KeKo</a></h4>
<p align="center"><a title="KeKo" href="http://www.mkels.com/wordpress-themes/urban/free-wordpress-theme-keko.html"><img src="http://www.designwalker.com/img/wordpress_theme2009/005.png" border="0" alt="KeKo" /></a></p>
<h4><a title="Dimaggio" href="http://led24.de/wordpress-themes/2008-dimaggio-wordpress-theme-released/">Dimaggio</a></h4>
<p align="center"><a title="Dimaggio" href="http://led24.de/wordpress-themes/2008-dimaggio-wordpress-theme-released/"><img src="http://www.designwalker.com/img/wordpress_theme2009/006.png" border="0" alt="Dimaggio" /></a></p>
<h4><a title="Furvious" href="http://www.kreativethemes.com/furvious/">Furvious</a></h4>
<p align="center"><a title="Furvious" href="http://www.kreativethemes.com/furvious/"><img src="http://www.designwalker.com/img/wordpress_theme2009/007.png" border="0" alt="Furvious" /></a></p>
<h4><a title="VibranTech" href="http://www.mkels.com/wordpress-themes/technology/free-wordpress-theme-vibrantech.html">VibranTech</a></h4>
<p align="center"><a title="VibranTech" href="http://www.mkels.com/wordpress-themes/technology/free-wordpress-theme-vibrantech.html"><img src="http://www.designwalker.com/img/wordpress_theme2009/008.png" border="0" alt="VibranTech" /></a></p>
<h4><a title="Cleanpress" href="http://dpxmag.com/cleanpress-a-free-premium-wordpress-theme.html">Cleanpress</a></h4>
<p align="center"><a title="Cleanpress" href="http://dpxmag.com/cleanpress-a-free-premium-wordpress-theme.html"><img src="http://www.designwalker.com/img/wordpress_theme2009/009.png" border="0" alt="Cleanpress" /></a></p>
<h4><a title="New York" href="http://www.wpskinner.com/2009/11/03/new-york-free-wordpress-theme-release/">New York</a></h4>
<p align="center"><a title="New York" href="http://www.wpskinner.com/2009/11/03/new-york-free-wordpress-theme-release/"><img src="http://www.designwalker.com/img/wordpress_theme2009/010.png" border="0" alt="New York" /></a></p>
<h4><a title="Softy wordpress theme" href="http://www.customblogdesigner.com/softy-wordpress-theme/">Softy wordpress theme</a></h4>
<p align="center"><a title="Softy wordpress theme" href="http://www.customblogdesigner.com/softy-wordpress-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/011.png" border="0" alt="Softy wordpress theme" /></a></p>
<h4><a title="Moi Magazine" href="http://www.wpskinner.com/2009/10/26/moi-magazine-free-wordpress-theme-release/">Moi Magazine</a></h4>
<p align="center"><a title="Moi Magazine" href="http://www.wpskinner.com/2009/10/26/moi-magazine-free-wordpress-theme-release/"><img src="http://www.designwalker.com/img/wordpress_theme2009/012.png" border="0" alt="Moi Magazine" /></a></p>
<h4><a title="FashionPress" href="http://www.theme-junkie.com/themes/fashionpress/">FashionPress</a></h4>
<p align="center"><a title="FashionPress" href="http://www.theme-junkie.com/themes/fashionpress/"><img src="http://www.designwalker.com/img/wordpress_theme2009/013.png" border="0" alt="FashionPress" /></a></p>
<h4><a title="Celadon" href="http://www.themesboutique.com/theme/celadon">Celadon</a></h4>
<p align="center"><a title="Celadon" href="http://www.themesboutique.com/theme/celadon"><img src="http://www.designwalker.com/img/wordpress_theme2009/014.png" border="0" alt="Celadon" /></a></p>
<h4><a title="Modern Style" href="http://flexithemes.com/themes/modern-style/">Modern Style</a></h4>
<p align="center"><a title="Modern Style" href="http://flexithemes.com/themes/modern-style/"><img src="http://www.designwalker.com/img/wordpress_theme2009/015.png" border="0" alt="Modern Style" /></a></p>
<h4><a title="Channel" href="http://www.theme-junkie.com/2009/09/16/free-wordpress-theme-channel/">Channel</a></h4>
<p align="center"><a title="Channel" href="http://www.theme-junkie.com/2009/09/16/free-wordpress-theme-channel/"><img src="http://www.designwalker.com/img/wordpress_theme2009/016.png" border="0" alt="Channel" /></a></p>
<h4><a title="HexaMag" href="http://www.wpthemespress.com/hexamag/">HexaMag</a></h4>
<p align="center"><a title="HexaMag" href="http://www.wpthemespress.com/hexamag/"><img src="http://www.designwalker.com/img/wordpress_theme2009/017.png" border="0" alt="HexaMag" /></a></p>
<h4><a title="Cashzone" href="http://www.simplywp.net/2009/11/25/cashzone-free-wordpress-theme/">Cashzone</a></h4>
<p align="center"><a title="Cashzone" href="http://www.simplywp.net/2009/11/25/cashzone-free-wordpress-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/018.png" border="0" alt="Cashzone" /></a></p>
<h4><a title="Creative by Nature" href="http://www.smashingmagazine.com/2009/07/30/free-portfolio-wordpress-theme-creative-by-nature/">Creative by Nature</a></h4>
<p align="center"><a title="Creative by Nature" href="http://www.smashingmagazine.com/2009/07/30/free-portfolio-wordpress-theme-creative-by-nature/"><img src="http://www.designwalker.com/img/wordpress_theme2009/019.png" border="0" alt="Creative by Nature" /></a></p>
<h4><a title="BrownMag" href="http://www.freewebsitetemplates.com/forum/f39/free-wordpress-theme-brownmag-free-download-8209/">BrownMag</a></h4>
<p align="center"><a title="BrownMag" href="http://www.freewebsitetemplates.com/forum/f39/free-wordpress-theme-brownmag-free-download-8209/"><img src="http://www.designwalker.com/img/wordpress_theme2009/020.png" border="0" alt="BrownMag" /></a></p>
<h4><a title="Simplista" href="http://www.wpnow.com/themes/simplista.html">Simplista</a></h4>
<p align="center"><a title="Simplista" href="http://www.wpnow.com/themes/simplista.html"><img src="http://www.designwalker.com/img/wordpress_theme2009/021.png" border="0" alt="Simplista" /></a></p>
<h4><a title="Blue Rooster" href="http://fearlessflyer.com/2009/06/free-wp-theme-blue-rooster/">Blue Rooster</a></h4>
<p align="center"><a title="Blue Rooster" href="http://fearlessflyer.com/2009/06/free-wp-theme-blue-rooster/"><img src="http://www.designwalker.com/img/wordpress_theme2009/022.png" border="0" alt="Blue Rooster" /></a></p>
<h4><a title="Fotofolio" href="http://wordspop.com/themes/fotofolio/">Fotofolio</a></h4>
<p align="center"><a title="Fotofolio" href="http://wordspop.com/themes/fotofolio/"><img src="http://www.designwalker.com/img/wordpress_theme2009/023.png" border="0" alt="Fotofolio" /></a></p>
<h4><a title="ElegantRed" href="http://www.elegantwpthemes.com/?p=426">ElegantRed</a></h4>
<p align="center"><a title="ElegantRed" href="http://www.elegantwpthemes.com/?p=426"><img src="http://www.designwalker.com/img/wordpress_theme2009/024.png" border="0" alt="ElegantRed" /></a></p>
<h4><a title="Splendour" href="http://www.wpthemespress.com/splendour/">Splendour</a></h4>
<p align="center"><a title="Splendour" href="http://www.wpthemespress.com/splendour/"><img src="http://www.designwalker.com/img/wordpress_theme2009/025.png" border="0" alt="Splendour" /></a></p>
<h4><a title="Braw" href="http://newwpthemes.com/wordpress-theme/braw/">Braw</a></h4>
<p align="center"><a title="Braw" href="http://newwpthemes.com/wordpress-theme/braw/"><img src="http://www.designwalker.com/img/wordpress_theme2009/026.png" border="0" alt="Braw" /></a></p>
<h4><a title="Strownes" href="http://newwpthemes.com/wordpress-theme/strownes/">Strownes</a></h4>
<p align="center"><a title="Strownes" href="http://newwpthemes.com/wordpress-theme/strownes/"><img src="http://www.designwalker.com/img/wordpress_theme2009/027.png" border="0" alt="Strownes" /></a></p>
<h4><a title="Magnolia" href="http://wpsmash.com/magnolia-free-wordpress-premium-theme/">Magnolia</a></h4>
<p align="center"><a title="Magnolia" href="http://wpsmash.com/magnolia-free-wordpress-premium-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/028.png" border="0" alt="Magnolia" /></a></p>
<h4><a title="Layer Press" href="http://newwpthemes.com/wordpress-theme/layer-press/">Layer Press</a></h4>
<p align="center"><a title="Layer Press" href="http://newwpthemes.com/wordpress-theme/layer-press/"><img src="http://www.designwalker.com/img/wordpress_theme2009/029.png" border="0" alt="Layer Press" /></a></p>
<h4><a title="iBusiness" href="http://topwpthemes.com/ibusiness/">iBusiness</a></h4>
<p align="center"><a title="iBusiness" href="http://topwpthemes.com/ibusiness/"><img src="http://www.designwalker.com/img/wordpress_theme2009/030.png" border="0" alt="iBusiness" /></a></p>
<h4><a title="Work-a-holic" href="http://graphpaperpress.com/2009/06/18/work-a-holic/">Work-a-holic</a></h4>
<p align="center"><a title="Work-a-holic" href="http://graphpaperpress.com/2009/06/18/work-a-holic/"><img src="http://www.designwalker.com/img/wordpress_theme2009/031.png" border="0" alt="Work-a-holic" /></a></p>
<h4><a title="Livien" href="http://newwpthemes.com/wordpress-theme/livien/">Livien</a></h4>
<p align="center"><a title="Livien" href="http://newwpthemes.com/wordpress-theme/livien/"><img src="http://www.designwalker.com/img/wordpress_theme2009/032.png" border="0" alt="Livien" /></a></p>
<h4><a title="Linquist" href="http://redworks.sk/wp-themes/linquist/">Linquist</a></h4>
<p align="center"><a title="Linquist" href="http://redworks.sk/wp-themes/linquist/"><img src="http://www.designwalker.com/img/wordpress_theme2009/033.png" border="0" alt="Linquist" /></a></p>
<h4><a title="Free Podcasting, Video and Photography WordPress Theme" href="http://www.smashingmagazine.com/2009/08/22/free-podcasting-video-and-photography-wordpress-theme/">Free Podcasting, Video and Photography WordPress Theme</a></h4>
<p align="center"><a title="Free Podcasting, Video and Photography WordPress Theme" href="http://www.smashingmagazine.com/2009/08/22/free-podcasting-video-and-photography-wordpress-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/034.png" border="0" alt="Free Podcasting, Video and Photography WordPress Theme" /></a></p>
<h4><a title="NEWSPRESS" href="http://wpcrunchy.com/2009/10/19/free-magazine-news-style-wordpress-theme-newspress/">NEWSPRESS</a></h4>
<p align="center"><a title="NEWSPRESS" href="http://wpcrunchy.com/2009/10/19/free-magazine-news-style-wordpress-theme-newspress/"><img src="http://www.designwalker.com/img/wordpress_theme2009/035.png" border="0" alt="NEWSPRESS" /></a></p>
<h4><a title="Meta-Morphosis" href="http://www.woothemes.com/2009/04/meta-morphosis/">Meta-Morphosis</a></h4>
<p align="center"><a title="Meta-Morphosis" href="http://www.woothemes.com/2009/04/meta-morphosis/"><img src="http://www.designwalker.com/img/wordpress_theme2009/036.png" border="0" alt="Meta-Morphosis" /></a></p>
<h4><a title="Spexel WordPress Theme" href="http://wpvulpe.deviantart.com/art/Spexel-WordPress-Theme-144365102">Spexel WordPress Theme</a></h4>
<p align="center"><a title="Spexel WordPress Theme" href="http://wpvulpe.deviantart.com/art/Spexel-WordPress-Theme-144365102"><img src="http://www.designwalker.com/img/wordpress_theme2009/037.png" border="0" alt="Spexel WordPress Theme" /></a></p>
<h4><a title="FXMag :: Premium Magazine WP" href="http://wpvulpe.deviantart.com/art/FXMag-Premium-Magazine-WP-127289354">FXMag :: Premium Magazine WP</a></h4>
<p align="center"><a title="FXMag :: Premium Magazine WP" href="http://wpvulpe.deviantart.com/art/FXMag-Premium-Magazine-WP-127289354"><img src="http://www.designwalker.com/img/wordpress_theme2009/038.png" border="0" alt="FXMag :: Premium Magazine WP" /></a></p>
<h4><a title="Zeoal:Advanced WordPress Theme" href="http://wpvulpe.deviantart.com/art/Zeoal-Advanced-WordPress-Theme-140980762">Zeoal:Advanced WordPress Theme</a></h4>
<p align="center"><a title="Zeoal:Advanced WordPress Theme" href="http://wpvulpe.deviantart.com/art/Zeoal-Advanced-WordPress-Theme-140980762"><img src="http://www.designwalker.com/img/wordpress_theme2009/039.png" border="0" alt="Zeoal:Advanced WordPress Theme" /></a></p>
<h4><a title="Foodiary Premium Magazine" href="http://www.simplywp.net/2009/11/02/foodiary-premium-magazine-wordpress-theme/">Foodiary Premium Magazine</a></h4>
<p align="center"><a title="Foodiary Premium Magazine" href="http://www.simplywp.net/2009/11/02/foodiary-premium-magazine-wordpress-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/040.png" border="0" alt="Foodiary Premium Magazine" /></a></p>
<h4><a title="Sigyn SM" href="http://www.smashingmagazine.com/2009/11/14/free-high-quality-magento-theme-sigyn-sm/">Sigyn SM</a></h4>
<p align="center"><a title="Sigyn SM" href="http://www.smashingmagazine.com/2009/11/14/free-high-quality-magento-theme-sigyn-sm/"><img src="http://www.designwalker.com/img/wordpress_theme2009/042.png" border="0" alt="Sigyn SM" /></a></p>
<h4><a title="Money Theme" href="http://designdisease.com/blog/money-theme-released/">Money Theme</a></h4>
<p align="center"><a title="Money Theme" href="http://designdisease.com/blog/money-theme-released/"><img src="http://www.designwalker.com/img/wordpress_theme2009/043.png" border="0" alt="Money Theme" /></a></p>
<h4><a title="Tipz Theme" href="http://designdisease.com/blog/tipz-theme-released/">Tipz Theme</a></h4>
<p align="center"><a title="Tipz Theme" href="http://designdisease.com/blog/tipz-theme-released/"><img src="http://www.designwalker.com/img/wordpress_theme2009/044.png" border="0" alt="Tipz Theme" /></a></p>
<h4><a title="Glassical" href="http://www.smashingthemes.com/free-wordpress-themes/glassical/">Glassical</a></h4>
<p align="center"><a title="Glassical" href="http://www.smashingthemes.com/free-wordpress-themes/glassical/"><img src="http://www.designwalker.com/img/wordpress_theme2009/045.png" border="0" alt="Glassical" /></a></p>
<h4><a title="Fresh Mortar" href="http://premiummod.com/freshmortar/">Fresh Mortar</a></h4>
<p align="center"><a title="v" href="http://premiummod.com/freshmortar/"><img src="http://www.designwalker.com/img/wordpress_theme2009/046.png" border="0" alt="Fresh Mortar" /></a></p>
<h4><a title="Pork and Beans" href="http://fearlessflyer.com/2009/07/pork-and-beans-download-for-free/">Pork and Beans</a></h4>
<p align="center"><a title="Pork and Beans" href="http://fearlessflyer.com/2009/07/pork-and-beans-download-for-free/"><img src="http://www.designwalker.com/img/wordpress_theme2009/047.png" border="0" alt="Pork and Beans" /></a></p>
<h4><a title="Berita Business Wordpress Theme" href="http://bizzartic.com/bizzthemes/berita/">Berita Business Wordpress Theme</a></h4>
<p align="center"><a title="Berita Business Wordpress Theme" href="http://bizzartic.com/bizzthemes/berita/"><img src="http://www.designwalker.com/img/wordpress_theme2009/048.png" border="0" alt="Berita Business Wordpress Theme" /></a></p>
<h4><a title="SimpleCart(js)" href="http://www.chris-wallace.com/2009/07/17/simplecartjs-a-free-wp-e-commerce-thematic-child-theme/">SimpleCart(js)</a></h4>
<p align="center"><a title="SimpleCart(js)" href="http://www.chris-wallace.com/2009/07/17/simplecartjs-a-free-wp-e-commerce-thematic-child-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/049.png" border="0" alt="SimpleCart(js)" /></a></p>
<h4><a title="monkeypr" href="http://monkeypr.ajansretro.com/">monkeypr</a></h4>
<p align="center"><a title="monkeypr" href="http://monkeypr.ajansretro.com/"><img src="http://www.designwalker.com/img/wordpress_theme2009/051.png" border="0" alt="monkeypr" /></a></p>
<h4><a title="Paper Wall" href="http://www.smashingmagazine.com/2009/07/10/free-wordpress-theme-paper-wall/">Paper Wall</a></h4>
<p align="center"><a title="Paper Wall" href="http://www.smashingmagazine.com/2009/07/10/free-wordpress-theme-paper-wall/"><img src="http://www.designwalker.com/img/wordpress_theme2009/052.png" border="0" alt="Paper Wall" /></a></p>
<h4><a title="CoolRetro" href="http://www.freethemelayouts.com/showcase/coolretro-wordpress-theme/">CoolRetro</a></h4>
<p align="center"><a title="CoolRetro" href="http://www.freethemelayouts.com/showcase/coolretro-wordpress-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/053.png" border="0" alt="CoolRetro" /></a></p>
<h4><a title="Cypher v.2" href="http://www.dvq.co.nz/theme/cypher-v-2/">Cypher v.2</a></h4>
<p align="center"><a title="Cypher v.2" href="http://www.dvq.co.nz/theme/cypher-v-2/"><img src="http://www.designwalker.com/img/wordpress_theme2009/054.png" border="0" alt="Cypher v.2" /></a></p>
<h4><a title="Obscure" href="http://wpcrunchy.com/2009/06/23/obscure-free-community-based-wordpress-theme/">Obscure</a></h4>
<p align="center"><a title="Obscure" href="http://wpcrunchy.com/2009/06/23/obscure-free-community-based-wordpress-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/055.png" border="0" alt="Obscure" /></a></p>
<h4><a title="PolaroidPress" href="http://www.jepson.no/polaroidpress-a-free-wordpress-theme/">PolaroidPress</a></h4>
<p align="center"><a title="PolaroidPress" href="http://www.jepson.no/polaroidpress-a-free-wordpress-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/056.png" border="0" alt="PolaroidPress" /></a></p>
<h4><a title="BlueBubble" href="http://www.thomasveit.com/bluebubble-free-premium-wordpress-portfolio-theme/">BlueBubble</a></h4>
<p align="center"><a title="BlueBubble" href="http://www.thomasveit.com/bluebubble-free-premium-wordpress-portfolio-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/057.png" border="0" alt="BlueBubble" /></a></p>
<h4><a title="Life Collage" href="http://themehybrid.com/archives/2009/04/life-collage-wordpress-theme">Life Collage</a></h4>
<p align="center"><a title="Life Collage" href="http://themehybrid.com/archives/2009/04/life-collage-wordpress-theme"><img src="http://www.designwalker.com/img/wordpress_theme2009/058.png" border="0" alt="Life Collage" /></a></p>
<h4><a title="Magiting" href="http://www.paddsolutions.com/wordpress-theme-magiting/">Magiting</a></h4>
<p align="center"><a title="Magiting" href="http://www.paddsolutions.com/wordpress-theme-magiting/"><img src="http://www.designwalker.com/img/wordpress_theme2009/059.png" border="0" alt="Magiting" /></a></p>
<h4><a title="Mystique" href="http://wordpress.org/extend/themes/mystique">Mystique</a></h4>
<p align="center"><a title="Mystique" href="http://wordpress.org/extend/themes/mystique"><img src="http://www.designwalker.com/img/wordpress_theme2009/060.png" border="0" alt="Mystique" /></a></p>
<h4><a title="WP Revolution-X" href="http://www.wp-magazine.se/free-wordpress-theme-wp-revolution-x/">WP Revolution-X</a></h4>
<p align="center"><a title="WP Revolution-X" href="http://www.wp-magazine.se/free-wordpress-theme-wp-revolution-x/"><img src="http://www.designwalker.com/img/wordpress_theme2009/061.png" border="0" alt="WP Revolution-X" /></a></p>
<h4><a title="WP NewsMag" href="http://www.wp-magazine.se/free-wordpress-theme-wp-newsmag/">WP NewsMag</a></h4>
<p align="center"><a title="WP NewsMag" href="http://www.wp-magazine.se/free-wordpress-theme-wp-newsmag/"><img src="http://www.designwalker.com/img/wordpress_theme2009/062.png" border="0" alt="WP NewsMag" /></a></p>
<h4><a title="The Original Premium News" href="http://www.woothemes.com/2007/11/premiumnews/">The Original Premium News</a></h4>
<p align="center"><a title="The Original Premium News" href="http://www.woothemes.com/2007/11/premiumnews/"><img src="http://www.designwalker.com/img/wordpress_theme2009/063.png" border="0" alt="The Original Premium News" /></a></p>
<h4><a title="AppCloud" href="http://portfolio.icreativelabs.com/free-wordpress-e-commerce-theme-appcloud/">AppCloud</a></h4>
<p align="center"><a title="AppCloud" href="http://portfolio.icreativelabs.com/free-wordpress-e-commerce-theme-appcloud/"><img src="http://www.designwalker.com/img/wordpress_theme2009/064.png" border="0" alt="AppCloud" /></a></p>
<h4><a title="The Web News Theme" href="http://www.wpthemedesigner.com/2009/01/14/the-web-news-theme/">The Web News Theme</a></h4>
<p align="center"><a title="The Web News Theme" href="http://www.wpthemedesigner.com/2009/01/14/the-web-news-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/065.png" border="0" alt="The Web News Theme" /></a></p>
<h4><a title="MIMBO" href="http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/">MIMBO</a></h4>
<p align="center"><a title="MIMBO" href="http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/"><img src="http://www.designwalker.com/img/wordpress_theme2009/066.png" border="0" alt="MIMBO" /></a></p>
<h4><a title="Hybrid News" href="http://themehybrid.com/themes/hybrid-news">Hybrid News</a></h4>
<p align="center"><a title="Hybrid News" href="http://themehybrid.com/themes/hybrid-news"><img src="http://www.designwalker.com/img/wordpress_theme2009/067.png" border="0" alt="Hybrid News" /></a></p>
<h4><a title="Zoxengen" href="http://www.dezzain.com/featured/dezzain-free-wordpress-theme-zoxengen/">Zoxengen</a></h4>
<p align="center"><a title="Zoxengen" href="http://www.dezzain.com/featured/dezzain-free-wordpress-theme-zoxengen/"><img src="http://www.designwalker.com/img/wordpress_theme2009/068.png" border="0" alt="Zoxengen" /></a></p>
<h4><a title="Magazeen" href="http://www.smashingmagazine.com/2009/02/23/magazeen-free-magazine-look-wordpress-theme/">Magazeen</a></h4>
<p align="center"><a title="Magazeen" href="http://www.smashingmagazine.com/2009/02/23/magazeen-free-magazine-look-wordpress-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/069.png" border="0" alt="Magazeen" /></a></p>
<h4><a title="ART-MAGAZINE" href="http://toplez.textdriven.com/download-theme">ART-MAGAZINE</a></h4>
<p align="center"><a title="ART-MAGAZINE" href="http://toplez.textdriven.com/download-theme"><img src="http://www.designwalker.com/img/wordpress_theme2009/070.png" border="0" alt="ART-MAGAZINE" /></a></p>
<h4><a title="SohoMag" href="http://themespack.com/sohomag.html/">SohoMag</a></h4>
<p align="center"><a title="SohoMag" href="http://themespack.com/sohomag.html/"><img src="http://www.designwalker.com/img/wordpress_theme2009/071.png" border="0" alt="SohoMag" /></a></p>
<h4><a title="Elegant Grunge" href="http://michael.tyson.id.au/wordpress/themes/elegant-grunge/">Elegant Grunge</a></h4>
<p align="center"><a title="Elegant Grunge" href="http://michael.tyson.id.au/wordpress/themes/elegant-grunge/"><img src="http://www.designwalker.com/img/wordpress_theme2009/072.png" border="0" alt="Elegant Grunge" /></a></p>
<h4><a title="BlogStarter Theme" href="http://wpthemedesigner.com/demo/">BlogStarter Theme</a></h4>
<p align="center"><a title="BlogStarter Theme" href="http://wpthemedesigner.com/demo/"><img src="http://www.designwalker.com/img/wordpress_theme2009/074.png" border="0" alt="BlogStarter Theme" /></a></p>
<h4><a title="WP Themedvista " href="http://www.wordpressthemed.com/free-wordpress-theme-wp-themedvista/">WP Themedvista </a></h4>
<p align="center"><a title="WP Themedvista " href="http://www.wordpressthemed.com/free-wordpress-theme-wp-themedvista/"><img src="http://www.designwalker.com/img/wordpress_theme2009/075.png" border="0" alt="WP Themedvista " /></a></p>
<h4><a title="Zeke 1.0" href="http://www.solostream.com/2007/06/08/worpdress-blog-theme-zeke-10-widgets/">Zeke 1.0</a></h4>
<p align="center"><a title="Zeke 1.0" href="http://www.solostream.com/2007/06/08/worpdress-blog-theme-zeke-10-widgets/"><img src="http://www.designwalker.com/img/wordpress_theme2009/076.png" border="0" alt="Zeke 1.0" /></a></p>
<h4><a title="MagZine" href="http://pupungbp.erastica.com/wordpress-theme/magzine-magazine-style-free-wordpress-theme/">MagZine</a></h4>
<p align="center"><a title="MagZine" href="http://pupungbp.erastica.com/wordpress-theme/magzine-magazine-style-free-wordpress-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/077.png" border="0" alt="MagZine" /></a></p>
<h4><a title="Black Red wp theme" href="http://www.askgraphics.com/freetemplates/black-red-wp-theme/">Black Red wp theme</a></h4>
<p align="center"><a title="Black Red wp theme" href="http://www.askgraphics.com/freetemplates/black-red-wp-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/078.png" border="0" alt="Black Red wp theme" /></a></p>
<h4><a title="WP Premium Theme" href="http://cssace.com/wp-premium-theme/">WP Premium Theme</a></h4>
<p align="center"><a title="WP Premium Theme" href="http://cssace.com/wp-premium-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/079.png" border="0" alt="WP Premium Theme" /></a></p>
<h4><a title="Fontella" href="http://granimpetu.com/themesdemo/">Fontella</a></h4>
<p align="center"><a title="Fontella" href="http://granimpetu.com/themesdemo/"><img src="http://www.designwalker.com/img/wordpress_theme2009/080.png" border="0" alt="Fontella" /></a></p>
<h4><a title="Annexation " href="http://www.chris-wallace.com/2008/11/25/free-wordpress-theme-annexation/">Annexation </a></h4>
<p align="center"><a title="Annexation " href="http://www.chris-wallace.com/2008/11/25/free-wordpress-theme-annexation/"><img src="http://www.designwalker.com/img/wordpress_theme2009/081.png" border="0" alt="Annexation " /></a></p>
<h4><a title="Free Magazine-Styled WordPress Theme" href="http://www.arrastheme.com/">Free Magazine-Styled WordPress Theme</a></h4>
<p align="center"><a title="Free Magazine-Styled WordPress Theme" href="http://www.arrastheme.com/"><img src="http://www.designwalker.com/img/wordpress_theme2009/083.png" border="0" alt="Free Magazine-Styled WordPress Theme" /></a></p>
<h4><a title="GenM 1 " href="http://www.wptemplates.net/2009/07/genm-1/">GenM 1 </a></h4>
<p align="center"><a title="GenM 1 " href="http://www.wptemplates.net/2009/07/genm-1/"><img src="http://www.designwalker.com/img/wordpress_theme2009/084.png" border="0" alt="GenM 1 " /></a></p>
<h4><a title="Dark Classic theme" href="http://www.askgraphics.com/freetemplates/dark-classic-theme/">Dark Classic theme</a></h4>
<p align="center"><a title="Dark Classic theme" href="http://www.askgraphics.com/freetemplates/dark-classic-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/087.png" border="0" alt="Dark Classic theme" /></a></p>
<h4><a title="Imprezz" href="http://www.smashingmagazine.com/2009/03/10/download-imprezz-a-free-wordpress-theme/">Imprezz</a></h4>
<p align="center"><a title="Imprezz" href="http://www.smashingmagazine.com/2009/03/10/download-imprezz-a-free-wordpress-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/088.png" border="0" alt="Imprezz" /></a></p>
<h4><a title="Compositio" href="http://www.smashingmagazine.com/2009/02/18/compositio-clean-beautiful-and-free-wordpress-theme/">Compositio</a></h4>
<p align="center"><a title="Compositio" href="http://www.smashingmagazine.com/2009/02/18/compositio-clean-beautiful-and-free-wordpress-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/089.png" border="0" alt="Compositio" /></a></p>
<h4><a title="Selecta" href="http://www.obox-design.com/themes_page.cfm/theme/selecta">Selecta</a></h4>
<p align="center"><a title="Selecta" href="http://www.obox-design.com/themes_page.cfm/theme/selecta"><img src="http://www.designwalker.com/img/wordpress_theme2009/090.png" border="0" alt="Selecta" /></a></p>
<h4><a title="Mainstream" href="http://www.woothemes.com/2009/07/mainstream/">Mainstream</a></h4>
<p align="center"><a title="Mainstream" href="http://www.woothemes.com/2009/07/mainstream/"><img src="http://www.designwalker.com/img/wordpress_theme2009/091.png" border="0" alt="Mainstream" /></a></p>
<h4><a title="deStyle" href="http://themeshift.com/destyle/">deStyle</a></h4>
<p align="center"><a title="deStyle" href="http://themeshift.com/destyle/"><img src="http://www.designwalker.com/img/wordpress_theme2009/092.png" border="0" alt="deStyle" /></a></p>
<h4><a title="Holiday WordPress" href="http://www.chris-wallace.com/2008/12/06/free-wordpress-theme-holiday-wordpress/">Holiday WordPress</a></h4>
<p align="center"><a title="Holiday WordPress" href="http://www.chris-wallace.com/2008/12/06/free-wordpress-theme-holiday-wordpress/"><img src="http://www.designwalker.com/img/wordpress_theme2009/093.png" border="0" alt="Holiday WordPress" /></a></p>
<h4><a title="Vintage and Blues" href="http://www.smashingmagazine.com/2009/01/28/vintage-and-blues-wordpress-themes/">Vintage and Blues</a></h4>
<p align="center"><a title="Vintage and Blues" href="http://www.smashingmagazine.com/2009/01/28/vintage-and-blues-wordpress-themes/"><img src="http://www.designwalker.com/img/wordpress_theme2009/094.png" border="0" alt="Vintage and Blues" /></a></p>
<h4><a title="Gallery WordPress Theme" href="http://www.smashingmagazine.com/2009/05/04/download-gallery-a-free-wordpress-theme/">Gallery WordPress Theme</a></h4>
<p align="center"><a title="Gallery WordPress Theme" href="http://www.smashingmagazine.com/2009/05/04/download-gallery-a-free-wordpress-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/095.png" border="0" alt="Gallery WordPress Theme" /></a></p>
<h4><a title="City Dreams WordPress Theme" href="http://www.amypink.com/themes/city-dreams-wordpress-theme/">City Dreams WordPress Theme</a></h4>
<p align="center"><a title="City Dreams WordPress Theme" href="http://www.amypink.com/themes/city-dreams-wordpress-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/096.png" border="0" alt="City Dreams WordPress Theme" /></a></p>
<h4><a title="IsoTherm News Magazine Wordpress Theme" href="http://bizzartic.com/2009/03/29/isotherm-news-magazine-wordpress-theme/">IsoTherm News Magazine Wordpress Theme</a></h4>
<p align="center"><a title="IsoTherm News Magazine Wordpress Theme" href="http://bizzartic.com/2009/03/29/isotherm-news-magazine-wordpress-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/097.png" border="0" alt="IsoTherm News Magazine Wordpress Theme" /></a></p>
<h4><a title="The Unstandard" href="http://theunstandard.5thirtyone.com/">The Unstandard</a></h4>
<p align="center"><a title="The Unstandard" href="http://theunstandard.5thirtyone.com/"><img src="http://www.designwalker.com/img/wordpress_theme2009/098.png" border="0" alt="The Unstandard" /></a></p>
<h4><a title="HELLBISCUIT" href="http://www.hellbiscuit.com/?p=86">HELLBISCUIT</a></h4>
<p align="center"><a title="HELLBISCUIT" href="http://www.hellbiscuit.com/?p=86"><img src="http://www.designwalker.com/img/wordpress_theme2009/099.png" border="0" alt="HELLBISCUIT" /></a></p>
<h4><a title="Bueno" href="http://www.woothemes.com/2009/11/bueno/">Bueno</a></h4>
<p align="center"><a title="Bueno" href="http://www.woothemes.com/2009/11/bueno/"><img src="http://www.designwalker.com/img/wordpress_theme2009/100.png" border="0" alt="Bueno" /></a></p>
<h4><a title="PhotoMadness Theme" href="http://www.wpthemedesigner.com/2009/02/24/photomadness-theme/">PhotoMadness Theme</a></h4>
<p align="center"><a title="PhotoMadness Theme" href="http://www.wpthemedesigner.com/2009/02/24/photomadness-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/101.png" border="0" alt="PhotoMadness Theme" /></a></p>
<h4><a title="The MMOZINE Theme" href="http://www.wpthemedesigner.com/2009/02/09/the-mmozine-theme/">The MMOZINE Theme</a></h4>
<p align="center"><a title="The MMOZINE Theme" href="http://www.wpthemedesigner.com/2009/02/09/the-mmozine-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/102.png" border="0" alt="The MMOZINE Theme" /></a></p>
<h4><a title="AutoFocus" href="http://allancole.com/wordpress/themes/autofocus/">AutoFocus</a></h4>
<p align="center"><a title="AutoFocus" href="http://allancole.com/wordpress/themes/autofocus/"><img src="http://www.designwalker.com/img/wordpress_theme2009/103.png" border="0" alt="AutoFocus" /></a></p>
<h4><a title="SchemerMag Theme" href="http://www.wpthemedesigner.com/2009/03/24/schemermag-theme/">SchemerMag Theme</a></h4>
<p align="center"><a title="SchemerMag Theme" href="http://www.wpthemedesigner.com/2009/03/24/schemermag-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/104.png" border="0" alt="SchemerMag Theme" /></a></p>
<h4><a title="Changing Room" href="http://wordprezzie.com/changing-room/">Changing Room</a></h4>
<p align="center"><a title="Changing Room" href="http://wordprezzie.com/changing-room/"><img src="http://www.designwalker.com/img/wordpress_theme2009/105.png" border="0" alt="Changing Room" /></a></p>
<h4><a title="Irresistible" href="http://www.woothemes.com/2009/02/irresistible/">Irresistible</a></h4>
<p align="center"><a title="Irresistible" href="http://www.woothemes.com/2009/02/irresistible/"><img src="http://www.designwalker.com/img/wordpress_theme2009/106.png" border="0" alt="Irresistible" /></a></p>
<h4><a title="FREEmium WP Theme Released" href="http://freebiesdock.com/freemium-wordpress-theme/">FREEmium WP Theme Released</a></h4>
<p align="center"><a title="FREEmium WP Theme Released" href="http://freebiesdock.com/freemium-wordpress-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/107.png" border="0" alt="FREEmium WP Theme Released" /></a></p>
<h4><a title="OneRoom" href="http://web-kreation.com/index.php/wordpress/oneroom-another-free-wordpress-theme-by-web-kreation/">OneRoom</a></h4>
<p align="center"><a title="OneRoom" href="http://web-kreation.com/index.php/wordpress/oneroom-another-free-wordpress-theme-by-web-kreation/"><img src="http://www.designwalker.com/img/wordpress_theme2009/108.png" border="0" alt="OneRoom" /></a></p>
<h4><a title="WP Fholio" href="http://eliseos.net/destacadas/wp-theme-wp-fholio/">WP Fholio</a></h4>
<p align="center"><a title="WP Fholio" href="http://eliseos.net/destacadas/wp-theme-wp-fholio/"><img src="http://www.designwalker.com/img/wordpress_theme2009/109.png" border="0" alt="WP Fholio" /></a></p>
<h4><a title="Skyye News Theme" href="http://www.elevatethemes.com/themes/skyye-news-theme/">Skyye News Theme</a></h4>
<p align="center"><a title="Skyye News Theme" href="http://www.elevatethemes.com/themes/skyye-news-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/110.png" border="0" alt="Skyye News Theme" /></a></p>
<h4><a title="Vector Flower" href="http://www.ezwpthemes.com/templates/vector-flower.html">Vector Flower</a></h4>
<p align="center"><a title="Vector Flower" href="http://www.ezwpthemes.com/templates/vector-flower.html"><img src="http://www.designwalker.com/img/wordpress_theme2009/111.png" border="0" alt="Vector Flower" /></a></p>
<h4><a title="Nami WordPress Theme" href="http://www.amypink.com/themes/nami-wordpress-theme/">Nami WordPress Theme</a></h4>
<p align="center"><a title="Nami WordPress Theme" href="http://www.amypink.com/themes/nami-wordpress-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/112.png" border="0" alt="Nami WordPress Theme" /></a></p>
<h4><a title="BlogTheme" href="http://www.woothemes.com/2008/11/blogtheme/">BlogTheme</a></h4>
<p align="center"><a title="BlogTheme" href="http://www.woothemes.com/2008/11/blogtheme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/114.png" border="0" alt="BlogTheme" /></a></p>
<h4><a title="TurnOut Mag Theme" href="http://www.wpthemedesigner.com/2009/03/27/turnout-mag-theme/">TurnOut Mag Theme</a></h4>
<p align="center"><a title="TurnOut Mag Theme" href="http://www.wpthemedesigner.com/2009/03/27/turnout-mag-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/113.png" border="0" alt="TurnOut Mag Theme" /></a></p>
<h4><a title="Old School" href="http://themehybrid.com/themes/old-school">Old School</a></h4>
<p align="center"><a title="Old School" href="http://themehybrid.com/themes/old-school"><img src="http://www.designwalker.com/img/wordpress_theme2009/115.png" border="0" alt="Old School" /></a></p>
<h4><a title="MegaNews Theme" href="http://www.wpthemedesigner.com/2009/03/25/meganews-theme/">MegaNews Theme</a></h4>
<p align="center"><a title="MegaNews Theme" href="http://www.wpthemedesigner.com/2009/03/25/meganews-theme/"><img src="http://www.designwalker.com/img/wordpress_theme2009/116.png" border="0" alt="MegaNews Theme" /></a></p>
<h4><a title="Versatility Lite" href="http://thinkdesignblog.com/free-wordpress-theme-versatility-lite.htm">Versatility Lite</a></h4>
<p align="center"><a title="Versatility Lite" href="http://thinkdesignblog.com/free-wordpress-theme-versatility-lite.htm"><img src="http://www.designwalker.com/img/wordpress_theme2009/117.png" border="0" alt="Versatility Lite" /></a></p>
<h4><a title="WordPress Grid Focus" href="http://5thirtyone.com/grid-focus">WordPress Grid Focus</a></h4>
<p align="center"><a title="WordPress Grid Focus" href="http://5thirtyone.com/grid-focus"><img src="http://www.designwalker.com/img/wordpress_theme2009/118.png" border="0" alt="WordPress Grid Focus" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2009/12/wordpress-theme2009.html/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>画像を簡単に軽量化 無料で使える画像最適化ツールいろいろ</title>
		<link>http://www.designwalker.com/2009/12/image-optimization.html</link>
		<comments>http://www.designwalker.com/2009/12/image-optimization.html#comments</comments>
		<pubDate>Tue, 08 Dec 2009 05:33:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[無料]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/?p=557</guid>
		<description><![CDATA[ウェブサイトの表示速度を少しでもスピードアップするためには、様々なウェブサイトの最適化の方法がありますが、写真やイラストなどの画像ファイルを軽量化する事が最も手軽で簡単な方法の一つではないでしょうか？

画像の劣化をなるべく抑えながら、軽量化できれば、表示速度も早くなりますね。

今回は、無料で使える]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/R4E7eHW3N4prJPTRFb2JR4fISQo/0/da"><img src="http://feedads.g.doubleclick.net/~a/R4E7eHW3N4prJPTRFb2JR4fISQo/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/R4E7eHW3N4prJPTRFb2JR4fISQo/1/da"><img src="http://feedads.g.doubleclick.net/~a/R4E7eHW3N4prJPTRFb2JR4fISQo/1/di" border="0" ismap="true"></img></a></p><p>ウェブサイトの表示速度を少しでもスピードアップするためには、様々なウェブサイトの最適化の方法がありますが、写真やイラストなどの画像ファイルを軽量化する事が最も手軽で簡単な方法の一つではないでしょうか？</p>
<p>画像の劣化をなるべく抑えながら、軽量化できれば、表示速度も早くなりますね。</p>
<p>今回は、無料で使える画像最適化ツールをいくつかご紹介します。</p>
<h4><a title="ImageOptim" href="http://imageoptim.pornel.net/">ImageOptim</a></h4>
<p>Mac OS X用の画像最適化ツールです。ファイルをドラッグ&amp;ドロップするだけのとってもシンプルなツールです。</p>
<p align="center"><a title="ImageOptim" href="http://imageoptim.pornel.net/"><img src="http://www.designwalker.com/img/image_optimize/01.png" border="0" alt="ImageOptim" /></a></p>
<h4><a title="punypng - PNG Compression and Image Optimization" href="http://www.gracepointafterfive.com/punypng">punypng &#8211; PNG Compression and Image Optimization</a></h4>
<p>こちらはオンラインツール。最適化したい画像ファイルをアップすれば、画像を最適化してダウンロードできるようにしてくれます。手軽に使えますね。</p>
<p align="center"><a title="punypng - PNG Compression and Image Optimization" href="http://www.gracepointafterfive.com/punypng"><img src="http://www.designwalker.com/img/image_optimize/02.png" border="0" alt="punypng - PNG Compression and Image Optimization" /></a></p>
<h4><a title="Smush.it™" href="http://developer.yahoo.com/yslow/smushit/">Smush.it™</a></h4>
<p>こちらもオンラインツール。最大5つまとめて最適化できるので、沢山ファイルがある場合には便利ですね。こちらはファイルをサーバにアップしてURLを入力するタイプです。</p>
<p align="center"><a title="Smush.it™" href="http://developer.yahoo.com/yslow/smushit/"><img src="http://www.designwalker.com/img/image_optimize/03.png" border="0" alt="Smush.it™" /></a></p>
<h4><a title="Online Image Optimizer" href="http://tools.dynamicdrive.com/imageoptimizer/index.php">Online Image Optimizer</a></h4>
<p>こちらは、サーバ上のファイル、もしくはアップロード両方使える最適化ツールです。さらにコンバーターもついているので、jpgからpng、gifからpngなど変換も同時にできるようです。</p>
<p align="center"><a title="Online Image Optimizer" href="http://tools.dynamicdrive.com/imageoptimizer/index.php"><img src="http://www.designwalker.com/img/image_optimize/08.png" border="0" alt="Online Image Optimizer" /></a></p>
<h4><a title="SuperPNG" href="http://www.fnordware.com/superpng/">SuperPNG</a></h4>
<p>Win、Macどちらでも使えるPhotoshop用のプラグインです。</p>
<p align="center"><a title="SuperPNG" href="http://www.fnordware.com/superpng/"><img src="http://www.designwalker.com/img/image_optimize/04.png" border="0" alt="SuperPNG" /></a></p>
<h4><a title="RIOT - Radical Image Optimization Tool" href="http://luci.criosweb.ro/riot/">RIOT &#8211; Radical Image Optimization Tool</a></h4>
<p>こちらはWindows用です。最適化後のプレビュー画像を見る事ができます。</p>
<p align="center"><a title="RIOT - Radical Image Optimization Tool" href="http://luci.criosweb.ro/riot/"><img src="http://www.designwalker.com/img/image_optimize/05.png" border="0" alt="RIOT - Radical Image Optimization Tool" /></a></p>
<h4><a title="PNGGauntlet" href="http://benhollis.net/software/pnggauntlet/">PNGGauntlet</a></h4>
<p>JPG, GIF, TGA, PCX, BMPなどの形式のファイルを最適化してPNGに変換してくれます。</p>
<p align="center"><a title="PNGGauntlet" href="http://benhollis.net/software/pnggauntlet/"><img src="http://www.designwalker.com/img/image_optimize/06.png" border="0" alt="PNGGauntlet" /></a></p>
<h4><a title="SuperGIF" href="http://www.boxtopsoft.com/supergif.html">SuperGIF</a></h4>
<p>こちらはgif形式のファイルを最適化するツールです。Win、Mac両方のバージョンが公開されています。</p>
<p align="center"><a title="SuperGIF" href="http://www.boxtopsoft.com/supergif.html"><img src="http://www.designwalker.com/img/image_optimize/07.png" border="0" alt="SuperGIF" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2009/12/image-optimization.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>ビジネスサイトに使えるレイアウトのチュートリアルいっぱい</title>
		<link>http://www.designwalker.com/2009/11/corporate-tutorial.html</link>
		<comments>http://www.designwalker.com/2009/11/corporate-tutorial.html#comments</comments>
		<pubDate>Tue, 01 Dec 2009 06:27:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop関連]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[チュートリアル]]></category>
		<category><![CDATA[テンプレート]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/?p=555</guid>
		<description><![CDATA[最近では、ウェブサイトのデザインもどんどん複雑になっていて、初心者の方々がデザインを真似しようと思ってもなかなか難しい物が多くなってきましたね。これから、ウェブデザインを勉強しようと思っている方々などは、基本的なビジネス系のウェブサイトの真似からはじめてみてはいかがでしょうか？]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/nqNx8xcezOMOnJ2seFgNt_OSPE0/0/da"><img src="http://feedads.g.doubleclick.net/~a/nqNx8xcezOMOnJ2seFgNt_OSPE0/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/nqNx8xcezOMOnJ2seFgNt_OSPE0/1/da"><img src="http://feedads.g.doubleclick.net/~a/nqNx8xcezOMOnJ2seFgNt_OSPE0/1/di" border="0" ismap="true"></img></a></p><p>最近では、ウェブサイトのデザインもどんどん複雑になっていて、初心者の方々がデザインを真似しようと思ってもなかなか難しい物が多くなってきましたね。</p>
<p>これから、ウェブデザインを勉強しようと思っている方々などは、基本的なビジネス系のウェブサイトの真似からはじめてみてはいかがでしょうか？</p>
<p>今回は、そんなウェブデザイン初心者の方でも、つかえそうなビジネスサイトのレイアウト系のチュートリアルをいっぱい集めてみました。</p>
<p>いくつかのサイトではPhotoshopのファイルがダウンロードできるサイトもありますので、とても参考になるのではないでしょうか？</p>
<p>まずは、気に入ったデザインを真似するところからはじめて見ましょう！</p>
<h4><a href="http://tutsarena.com/2009/06/create-a-clean-and-effective-product-layout/" title="Create a Clean and Effective Product Layout">Create a Clean and Effective Product Layout</a></h4>
<p>Appleのウェブサイトっぽいシンプルで洗練されたレイアウトのチュートリアルです。</p>
<p align="center"><a href="http://tutsarena.com/2009/06/create-a-clean-and-effective-product-layout/" title="Create a Clean and Effective Product Layout"><img src="http://www.designwalker.com/img/corporate_template/01.png" alt="Create a Clean and Effective Product Layout" border="0" /></a></p>
<h4><a href="http://www.tutorial9.net/photoshop/create-a-clean-and-colorful-web-layout-in-photoshop/" title="Create a Clean and Colorful Web Layout in Photoshop">Create a Clean and Colorful Web Layout in Photoshop</a></h4>
<p>背景のグラデーションが印象的なチュートリアル</p>
<p align="center"><a href="http://www.tutorial9.net/photoshop/create-a-clean-and-colorful-web-layout-in-photoshop/" title="Create a Clean and Colorful Web Layout in Photoshop"><img src="http://www.designwalker.com/img/corporate_template/02.png" alt="Create a Clean and Colorful Web Layout in Photoshop" border="0" /></a></p>
<h4><a href="http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/" title="Design a Beautiful Website From Scratch">Design a Beautiful Website From Scratch</a></h4>
<p>細部にまでこだわって作られている美しいウェブサイトのチュートリアル</p>
<p align="center"><a href="http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/" title="Design a Beautiful Website From Scratch"><img src="http://www.designwalker.com/img/corporate_template/03.png" alt="Design a Beautiful Website From Scratch" border="0" /></a></p>
<h4><a href="http://tutsarena.com/2009/07/design-a-clean-and-colorful-portfolio-in-photoshop/" title="Design a Clean and Colorful Portfolio in Photoshop">Design a Clean and Colorful Portfolio in Photoshop</a></h4>
<p>ブルーの背景も微妙にグラデーションを加える事でベタにならないですね。</p>
<p align="center"><a href="http://tutsarena.com/2009/07/design-a-clean-and-colorful-portfolio-in-photoshop/" title="Design a Clean and Colorful Portfolio in Photoshop"><img src="http://www.designwalker.com/img/corporate_template/04.png" alt="Design a Clean and Colorful Portfolio in Photoshop" border="0" /></a></p>
<h4><a href="http://psdfan.com/tutorials/designing/create-a-professional-portfolio-design-in-17-easy-steps/" title="Create a Professional Portfolio Design in 17 Easy Steps">Create a Professional Portfolio Design in 17 Easy Steps</a></h4>
<p>破れた紙を敷いたような美しいレイアウト</p>
<p align="center"><a href="http://psdfan.com/tutorials/designing/create-a-professional-portfolio-design-in-17-easy-steps/" title="Create a Professional Portfolio Design in 17 Easy Steps"><img src="http://www.designwalker.com/img/corporate_template/05.png" alt="Create a Professional Portfolio Design in 17 Easy Steps" border="0" /></a></p>
<h4><a href="http://hv-designs.co.uk/2008/09/28/business-layout-2/" title="Business Layout #2">Business Layout #2</a></h4>
<p>上から見下ろしたようなバードビューのレイアウト。</p>
<p align="center"><a href="http://hv-designs.co.uk/2008/09/28/business-layout-2/" title="Business Layout #2"><img src="http://www.designwalker.com/img/corporate_template/06.png" alt="Business Layout #2" border="0" /></a></p>
<h4><a href="http://hv-designs.co.uk/2008/12/21/business-layout-3/" title="Business Layout #3">Business Layout #3</a></h4>
<p>やさしい色使いが美しいチュートリアルです。</p>
<p align="center"><a href="http://hv-designs.co.uk/2008/12/21/business-layout-3/" title="Business Layout #3"><img src="http://www.designwalker.com/img/corporate_template/07.png" alt="Business Layout #3" border="0" /></a></p>
<h4><a href="http://www.grafpedia.com/tutorials/sleek-modern-portfolio-layout" title="Sleek and modern portfolio layout">Sleek and modern portfolio layout</a></h4>
<p>シンプルですが力強い印象のレイアウトですね。</p>
<p align="center"><a href="http://www.grafpedia.com/tutorials/sleek-modern-portfolio-layout" title="Sleek and modern portfolio layout"><img src="http://www.designwalker.com/img/corporate_template/08.png" alt="Sleek and modern portfolio layout" border="0" /></a></p>
<h4><a href="http://designm.ag/tutorials/theme-marketplace-layout/" title="Design a Premium Theme Marketplace Layout Using Photoshop">Design a Premium Theme Marketplace Layout Using Photoshop</a></h4>
<p>グリーンとブラウンと配色が美しいレイアウトのチュートリアル</p>
<p align="center"><a href="http://designm.ag/tutorials/theme-marketplace-layout/" title="Design a Premium Theme Marketplace Layout Using Photoshop"><img src="http://www.designwalker.com/img/corporate_template/09.png" alt="Design a Premium Theme Marketplace Layout Using Photoshop" border="0" /></a></p>
<h4><a href="http://www.psdtemplate.com/psd-tutorials/create-a-business-psd-layout-in-less-than-10-minutes.html" title="Create a Business PSD Layout in less than 10 minutes*">Create a Business PSD Layout in less than 10 minutes*</a></h4>
<p>オレンジの帯で全体を引き締めていますね。</p>
<p align="center"><a href="http://www.psdtemplate.com/psd-tutorials/create-a-business-psd-layout-in-less-than-10-minutes.html" title="Create a Business PSD Layout in less than 10 minutes*"><img src="http://www.designwalker.com/img/corporate_template/10.png" alt="Create a Business PSD Layout in less than 10 minutes*" border="0" /></a></p>
<h4><a href="http://www.psdcore.com/tutorials/web-layouts/modern-web-20-web-layout/" title="Modern Web 2.0 Web Layout">Modern Web 2.0 Web Layout</a></h4>
<p>こちらはブルーのライン。</p>
<p align="center"><a href="http://www.psdcore.com/tutorials/web-layouts/modern-web-20-web-layout/" title="Modern Web 2.0 Web Layout"><img src="http://www.designwalker.com/img/corporate_template/11.png" alt="Modern Web 2.0 Web Layout" border="0" /></a></p>
<h4><a href="http://smashingpoint.com/clean-business-layout-tutorial.html" title="Clean Business Layout Tutorial">Clean Business Layout Tutorial</a></h4>
<p>角丸のレイアウトの参考に</p>
<p align="center"><a href="http://smashingpoint.com/clean-business-layout-tutorial.html" title="Clean Business Layout Tutorial"><img src="http://www.designwalker.com/img/corporate_template/12.png" alt="Clean Business Layout Tutorial" border="0" /></a></p>
<h4><a href="http://sixrevisions.com/tutorials/photoshop-tutorials/create-a-clean-business-web-template-design-in-photoshop/" title="Create a Clean Business Web Template Design in Photoshop">Create a Clean Business Web Template Design in Photoshop</a></h4>
<p>とてもシンプルなレイアウトですね。これをベースに手を加えていってもかっこいいウェブサイトが出来上がりそう。</p>
<p align="center"><a href="http://sixrevisions.com/tutorials/photoshop-tutorials/create-a-clean-business-web-template-design-in-photoshop/" title="Create a Clean Business Web Template Design in Photoshop"><img src="http://www.designwalker.com/img/corporate_template/13.png" alt="Create a Clean Business Web Template Design in Photoshop" border="0" /></a></p>
<h4><a href="http://hv-designs.co.uk/2009/04/14/business-layout-5-tutorial/" title="Business Layout #5 Tutorial">Business Layout #5 Tutorial</a></h4>
<p>背景に大胆な色味をつけるパターンもありですね。</p>
<p align="center"><a href="http://hv-designs.co.uk/2009/04/14/business-layout-5-tutorial/" title="Business Layout #5 Tutorial"><img src="http://www.designwalker.com/img/corporate_template/14.png" alt="Business Layout #5 Tutorial" border="0" /></a></p>
<h4><a href="http://www.adobetutorialz.com/articles/2556/1/Computer-Store-Web-Layout" title="Computer Store Web Layout">Computer Store Web Layout</a></h4>
<p>ラップトップの画像を枠から飛び出させる事で動きが出ています。</p>
<p align="center"><a href="http://www.adobetutorialz.com/articles/2556/1/Computer-Store-Web-Layout" title="Computer Store Web Layout"><img src="http://www.designwalker.com/img/corporate_template/15.png" alt="Computer Store Web Layout" border="0" /></a></p>
<h4><a href="http://www.grafpedia.com/tutorials/create-professional-dark-web-hosting-layout" title="Create a professional dark web hosting layout">Create a professional dark web hosting layout</a></h4>
<p>シンプルながら、微妙に光のあたり具合を調整していたりして細かいところまでこだわって作られている感じ。</p>
<p align="center"><a href="http://www.grafpedia.com/tutorials/create-professional-dark-web-hosting-layout" title="Create a professional dark web hosting layout"><img src="http://www.designwalker.com/img/corporate_template/16.png" alt="Create a professional dark web hosting layout" border="0" /></a></p>
<h4><a href="http://www.grafpedia.com/tutorials/create-communication-layout-photoshop" title="Create a communication layout in Photoshop">Create a communication layout in Photoshop</a></h4>
<p>ボタンの背景などに単純なグラデーションだけでなくテクスチャーを加える事でさらに質感がアップしていますね。</p>
<p align="center"><a href="http://www.grafpedia.com/tutorials/create-communication-layout-photoshop" title="Create a communication layout in Photoshop"><img src="http://www.designwalker.com/img/corporate_template/17.png" alt="Create a communication layout in Photoshop" border="0" /></a></p>
<h4><a href="http://psdvibe.com/2009/03/15/corporate-business-layout/" title="Corporate Business Layout">Corporate Business Layout</a></h4>
<p>トップの写真を変えるだけで大きく印象が変わりそう。シンプルな作りなのでいろいろと使い回しがききそうですね。</p>
<p align="center"><a href="http://psdvibe.com/2009/03/15/corporate-business-layout/" title="Corporate Business Layout"><img src="http://www.designwalker.com/img/corporate_template/18.png" alt="Corporate Business Layout" border="0" /></a></p>
<h4><a href="http://hv-designs.co.uk/2009/02/02/business-layout-4/" title="Business Layout #4">Business Layout #4</a></h4>
<p>こちらも角丸レイアウトの参考にできそうなレイアウトですね。</p>
<p align="center"><a href="http://hv-designs.co.uk/2009/02/02/business-layout-4/" title="Business Layout #4"><img src="http://www.designwalker.com/img/corporate_template/19.png" alt="Business Layout #4" border="0" /></a></p>
<h4><a href="http://designm.ag/tutorials/corporate-website-photoshop/" title="Design Blue Corporate Website in Photoshop">Design Blue Corporate Website in Photoshop</a></h4>
<p>ブルーですっきりと清潔な印象のデザインですね。</p>
<p align="center"><a href="http://designm.ag/tutorials/corporate-website-photoshop/" title="Design Blue Corporate Website in Photoshop"><img src="http://www.designwalker.com/img/corporate_template/20.png" alt="Design Blue Corporate Website in Photoshop" border="0" /></a></p>
<h4><a href="http://www.blogfullbliss.com/Softblue-Template-Tutorial" title="Softblue Template Tutorial">Softblue Template Tutorial</a></h4>
<p>アイコンを使って分かりやすいサイトに仕上がりそうですね。</p>
<p align="center"><a href="http://www.blogfullbliss.com/Softblue-Template-Tutorial" title="Softblue Template Tutorial"><img src="http://www.designwalker.com/img/corporate_template/21.png" alt="Softblue Template Tutorial" border="0" /></a></p>
<h4><a href="http://webtint.net/tutorials/make-a-nice-corporate-website-for-a-product/" title="Make a nice corporate website for a product ">Make a nice corporate website for a product </a></h4>
<p>文字だけでも結構インパクトを与えられそう。</p>
<p align="center"><a href="http://webtint.net/tutorials/make-a-nice-corporate-website-for-a-product/" title="Make a nice corporate website for a product "><img src="http://www.designwalker.com/img/corporate_template/22.png" alt="Make a nice corporate website for a product " border="0" /></a></p>
<h4><a href="http://www.spoonfeddesign.com/design-a-clean-corporate-website-with-illustrator" title="Design a Clean Corporate Website With Illustrator ">Design a Clean Corporate Website With Illustrator </a></h4>
<p>色味やレイアウトを参考に、もうひと手間加えれればかっこいいサイトになりそう。</p>
<p align="center"><a href="http://www.spoonfeddesign.com/design-a-clean-corporate-website-with-illustrator" title="Design a Clean Corporate Website With Illustrator "><img src="http://www.designwalker.com/img/corporate_template/23.png" alt="Design a Clean Corporate Website With Illustrator " border="0" /></a></p>
<h4><a href="http://www.adobetutorialz.com/articles/2751/1/Professional-Web-Layout-for-Business-Solutions" title="Professional Web Layout for Business Solutions">Professional Web Layout for Business Solutions</a></h4>
<p>サイドバーのラインが突き抜けてインパクトアップですね。</p>
<p align="center"><a href="http://www.adobetutorialz.com/articles/2751/1/Professional-Web-Layout-for-Business-Solutions" title="Professional Web Layout for Business Solutions"><img src="http://www.designwalker.com/img/corporate_template/24.png" alt="Professional Web Layout for Business Solutions" border="0" /></a></p>
<h4><a href="http://designm.ag/tutorials/green-corporate-layout/" title="Design a Green Corporate Layout in Photoshop">Design a Green Corporate Layout in Photoshop</a></h4>
<p>グリーンの背景もなかなか使えそう。</p>
<p align="center"><a href="http://designm.ag/tutorials/green-corporate-layout/" title="Design a Green Corporate Layout in Photoshop"><img src="http://www.designwalker.com/img/corporate_template/25.png" alt="Design a Green Corporate Layout in Photoshop" border="0" /></a></p>
<h4><a href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-make-a-green-sleek-web-layout-in-photoshop/" title="How to Make a Green &amp; Sleek Web Layout in Photoshop">How to Make a Green &amp; Sleek Web Layout in Photoshop</a></h4>
<p>ふんわりとした優しい感じのウェブサイトに仕上がりそう。</p>
<p align="center"><a href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-make-a-green-sleek-web-layout-in-photoshop/" title="How to Make a Green &amp; Sleek Web Layout in Photoshop"><img src="http://www.designwalker.com/img/corporate_template/26.png" alt="How to Make a Green &amp; Sleek Web Layout in Photoshop" border="0" /></a></p>
<h4><a href="http://www.grafpedia.com/tutorials/photoshop-tutorial-to-design-a-clean-business-layout" title="Photoshop tutorial to design a clean business layout">Photoshop tutorial to design a clean business layout</a></h4>
<p>力強いインパクトのあるウェブサイトですね。</p>
<p align="center"><a href="http://www.grafpedia.com/tutorials/photoshop-tutorial-to-design-a-clean-business-layout" title="Photoshop tutorial to design a clean business layout"><img src="http://www.designwalker.com/img/corporate_template/27.png" alt="Photoshop tutorial to design a clean business layout" border="0" /></a></p>
<h4><a href="http://hv-designs.co.uk/2009/03/24/web-design-layout-9/" title="Web Design Layout #9">Web Design Layout #9</a></h4>
<p>ヘッダーにテクスチャを使用したレイアウトの例。</p>
<p align="center"><a href="http://hv-designs.co.uk/2009/03/24/web-design-layout-9/" title="Web Design Layout #9"><img src="http://www.designwalker.com/img/corporate_template/29.png" alt="Web Design Layout #9" border="0" /></a></p>
<h4><a href="http://photoshopandyou.com/tutorials/product-sales-page/" title="Product Sales Page">Product Sales Page</a></h4>
<p>ブルーで清潔感アップしたレイアウト。</p>
<p align="center"><a href="http://photoshopandyou.com/tutorials/product-sales-page/" title="Product Sales Page"><img src="http://www.designwalker.com/img/corporate_template/30.png" alt="Product Sales Page" border="0" /></a></p>
<h4><a href="http://line25.com/tutorials/create-a-clean-modern-website-design-in-photoshop" title="Create a Clean Modern Website Design in Photoshop">Create a Clean Modern Website Design in Photoshop</a></h4>
<p>とってもシンプルなレイアウトですね。</p>
<p align="center"><a href="http://line25.com/tutorials/create-a-clean-modern-website-design-in-photoshop" title="Create a Clean Modern Website Design in Photoshop"><img src="http://www.designwalker.com/img/corporate_template/31.png" alt="Create a Clean Modern Website Design in Photoshop" border="0" /></a></p>
<h4><a href="http://psdvibe.com/2009/01/20/corporate-wordpress-style-layout/" title="Corporate WordPress Style Layout">Corporate WordPress Style Layout</a></h4>
<p>インパクトのある写真があるのなら、このレイアウトは使えそう。</p>
<p align="center"><a href="http://psdvibe.com/2009/01/20/corporate-wordpress-style-layout/" title="Corporate WordPress Style Layout"><img src="http://www.designwalker.com/img/corporate_template/32.png" alt="Corporate WordPress Style Layout" border="0" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2009/11/corporate-tutorial.html/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>ダウンロードして使えるボタン素材いろいろ</title>
		<link>http://www.designwalker.com/2009/11/button-resources.html</link>
		<comments>http://www.designwalker.com/2009/11/button-resources.html#comments</comments>
		<pubDate>Mon, 23 Nov 2009 21:31:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[アイコン]]></category>
		<category><![CDATA[フリー]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/?p=552</guid>
		<description><![CDATA[ウェブサイトでもっとも重要なデザイン要素といっても過言ではないボタン。このボタンのデザインが良くないと、ユーザーにクリックしてもらえなくなっています。今回は、Photoshopファイルなどで、ダウンロードして使えるボタン素材をいろいろと集めてみました。]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/cRFNurJIEIg9qBZyxOOJu75n8HI/0/da"><img src="http://feedads.g.doubleclick.net/~a/cRFNurJIEIg9qBZyxOOJu75n8HI/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/cRFNurJIEIg9qBZyxOOJu75n8HI/1/da"><img src="http://feedads.g.doubleclick.net/~a/cRFNurJIEIg9qBZyxOOJu75n8HI/1/di" border="0" ismap="true"></img></a></p><p>ウェブサイトでもっとも重要なデザイン要素といっても過言ではないボタン。</p>
<p>このボタンのデザインが良くないと、ユーザーにクリックしてもらえなくなっています。</p>
<p>今回は、Photoshopファイルなどで、ダウンロードして使えるボタン素材をいろいろと集めてみました。</p>
<h4><a href="http://artdesigner.lv/archives/269" title="WEB UI Treasure Chest v 1.0">WEB UI Treasure Chest v 1.0</a></h4>
<p>ボタンやバッジ、ラベルなどの詰め合わせセット。どれもとってもきれいに作られていますよ！</p>
<p align="center"><a href="http://artdesigner.lv/archives/269" title="WEB UI Treasure Chest v 1.0"><img src="http://www.designwalker.com/img/button_download/01.png" alt="WEB UI Treasure Chest v 1.0" border="0" /></a></p>
<h4><a href="http://el3ment4l.deviantart.com/art/Buttons-PSD-71698930" title="Buttons PSD by ~El3ment4l">Buttons PSD by ~El3ment4l</a></h4>
<p>立体感と光のバランスが絶妙のボタンファイル。</p>
<p align="center"><a href="http://el3ment4l.deviantart.com/art/Buttons-PSD-71698930" title="Buttons PSD by ~El3ment4l"><img src="http://www.designwalker.com/img/button_download/02.png" alt="Buttons PSD by ~El3ment4l" border="0" /></a></p>
<h4><a href="http://celerayted.deviantart.com/art/Free-Button-Pack-107736852" title="Free Button Pack by ~celerayted">Free Button Pack by ~celerayted</a></h4>
<p>とても美しい丸ボタンを3色セットで。</p>
<p align="center"><a href="http://celerayted.deviantart.com/art/Free-Button-Pack-107736852" title="Free Button Pack by ~celerayted"><img src="http://www.designwalker.com/img/button_download/03.png" alt="Free Button Pack by ~celerayted" border="0" /></a></p>
<h4><a href="http://mac002.deviantart.com/art/Glowing-Web-Buttons-142838781" title="Glowing Web Buttons by ~Mac002">Glowing Web Buttons by ~Mac002</a></h4>
<p>光り輝く4色のボタンです。</p>
<p align="center"><a href="http://mac002.deviantart.com/art/Glowing-Web-Buttons-142838781" title="Glowing Web Buttons by ~Mac002"><img src="http://www.designwalker.com/img/button_download/04.png" alt="Glowing Web Buttons by ~Mac002" border="0" /></a></p>
<h4><a href="http://fastnfurious.deviantart.com/art/Aero-Avatar-and-SIG-52393274" title="Aero Avatar and SIG by =FastNFurious">Aero Avatar and SIG by =FastNFurious</a></h4>
<p>透明感のある美しいボタン</p>
<p align="center"><a href="http://fastnfurious.deviantart.com/art/Aero-Avatar-and-SIG-52393274" title="Aero Avatar and SIG by =FastNFurious"><img src="http://www.designwalker.com/img/button_download/05.png" alt="Aero Avatar and SIG by =FastNFurious" border="0" /></a></p>
<h4><a href="http://uribaani.deviantart.com/art/Vista-Button-53966644" title="v">Vista Button. by ~Uribaani</a></h4>
<p>Vista風のボタン</p>
<p align="center"><a href="http://uribaani.deviantart.com/art/Vista-Button-53966644" title="Vista Button. by ~Uribaani"><img src="http://www.designwalker.com/img/button_download/06.png" alt="Vista Button. by ~Uribaani" border="0" /></a></p>
<h4><a href="http://vicing.deviantart.com/art/windows-button-psd-95123438" title="windows_button.psd by ~vicing">windows_button.psd by ~vicing</a></h4>
<p>windowsの丸ボタンセット</p>
<p align="center"><a href="http://vicing.deviantart.com/art/windows-button-psd-95123438" title="windows_button.psd by ~vicing"><img src="http://www.designwalker.com/img/button_download/07.png" alt="windows_button.psd by ~vicing" border="0" /></a></p>
<h4><a href="http://mjarkin.deviantart.com/art/Vista-Button-70952600" title="Vista Button by ~mjarkin">Vista Button by ~mjarkin</a></h4>
<p>こちらもVista風のボタン</p>
<p align="center"><a href="http://mjarkin.deviantart.com/art/Vista-Button-70952600" title="Vista Button by ~mjarkin"><img src="http://www.designwalker.com/img/button_download/08.png" alt="Vista Button by ~mjarkin" border="0" /></a></p>
<h4><a href="http://easydisplayname.deviantart.com/art/2-Button-psds-89899152" title="2 Button .psds by =easydisplayname">2 Button .psds by =easydisplayname</a></h4>
<p>光沢のあるボタンセット</p>
<p align="center"><a href="http://easydisplayname.deviantart.com/art/2-Button-psds-89899152" title="2 Button .psds by =easydisplayname"><img src="http://www.designwalker.com/img/button_download/09.png" alt="2 Button .psds by =easydisplayname" border="0" /></a></p>
<h4><a href="http://vidarwestfelt.deviantart.com/art/GreenLightOrb-GUI-S-Resource-143906814" title="GreenLightOrb, GUI.S Resource by ~VidarWestfelt">GreenLightOrb, GUI.S Resource by ~VidarWestfelt</a></h4>
<p>光り輝く丸ボタンですね。</p>
<p align="center"><a href="http://vidarwestfelt.deviantart.com/art/GreenLightOrb-GUI-S-Resource-143906814" title="GreenLightOrb, GUI.S Resource by ~VidarWestfelt"><img src="http://www.designwalker.com/img/button_download/10.png" alt="GreenLightOrb, GUI.S Resource by ~VidarWestfelt" border="0" /></a></p>
<h4><a href="http://ahmadhania.deviantart.com/art/Web-Buttons-142678399" title="Web Buttons by ~ahmadhania">Web Buttons by ~ahmadhania</a></h4>
<p>とってもシンプルですが、カラフルでいろいろ使い道がありそうなボタンセット</p>
<p align="center"><a href="http://ahmadhania.deviantart.com/art/Web-Buttons-142678399" title="Web Buttons by ~ahmadhania"><img src="http://www.designwalker.com/img/button_download/11.png" alt="Web Buttons by ~ahmadhania" border="0" /></a></p>
<h4><a href="http://nanie-nyo.deviantart.com/art/Glowing-Styles-132279533" title="Glowing Styles by *Nanie-nyo">Glowing Styles by *Nanie-nyo</a></h4>
<p>こちらもシンプルなボタンセット</p>
<p align="center"><a href="http://nanie-nyo.deviantart.com/art/Glowing-Styles-132279533" title="Glowing Styles by *Nanie-nyo"><img src="http://www.designwalker.com/img/button_download/12.png" alt="Glowing Styles by *Nanie-nyo" border="0" /></a></p>
<h4><a href="http://bartas1503.deviantart.com/art/PSD-file-navigation-for-web-83217042" title="PSD file - navigation for web by ~Bartas1503">PSD file &#8211; navigation for web by ~Bartas1503</a></h4>
<p>立体感のある3色ボタンセット</p>
<p align="center"><a href="http://bartas1503.deviantart.com/art/PSD-file-navigation-for-web-83217042" title="PSD file - navigation for web by ~Bartas1503"><img src="http://www.designwalker.com/img/button_download/13.png" alt="PSD file - navigation for web by ~Bartas1503" border="0" /></a></p>
<h4><a href="http://birofunk.deviantart.com/art/Glass-Video-Playback-Buttons-94624733" title="Glass Video Playback Buttons by ~birofunk">Glass Video Playback Buttons by ~birofunk</a></h4>
<p>ビデオプレーヤーに使えるボタンセット</p>
<p align="center"><a href="http://birofunk.deviantart.com/art/Glass-Video-Playback-Buttons-94624733" title="Glass Video Playback Buttons by ~birofunk"><img src="http://www.designwalker.com/img/button_download/14.png" alt="Glass Video Playback Buttons by ~birofunk" border="0" /></a></p>
<h4><a href="http://mericg.deviantart.com/art/Website-Navigation-Menu-140700354" title="Website Navigation Menu by ~MericG">Website Navigation Menu by ~MericG</a></h4>
<p>こちらはボタンと言うよりはナビゲーションメニューですが…。</p>
<p align="center"><a href="http://mericg.deviantart.com/art/Website-Navigation-Menu-140700354" title="Website Navigation Menu by ~MericG"><img src="http://www.designwalker.com/img/button_download/15.png" alt="Website Navigation Menu by ~MericG" border="0" /></a></p>
<h4><a href="http://ahmadhania.deviantart.com/art/Stylish-3D-Buttons-77832311" title="Stylish 3D Buttons by ~ahmadhania">Stylish 3D Buttons by ~ahmadhania</a></h4>
<p>メタル風なボタンセット</p>
<p align="center"><a href="http://ahmadhania.deviantart.com/art/Stylish-3D-Buttons-77832311" title="Stylish 3D Buttons by ~ahmadhania"><img src="http://www.designwalker.com/img/button_download/16.png" alt="Stylish 3D Buttons by ~ahmadhania" border="0" /></a></p>
<h4><a href="http://woopsdez.deviantart.com/art/dsgnstdy02-firstsession-sample-143345635" title="dsgnstdy02 firstsession sample by ~woopsdez">dsgnstdy02 firstsession sample by ~woopsdez</a></h4>
<p>シンプルなボタンセット</p>
<p align="center"><a href="http://woopsdez.deviantart.com/art/dsgnstdy02-firstsession-sample-143345635" title="dsgnstdy02 firstsession sample by ~woopsdez"><img src="http://www.designwalker.com/img/button_download/17.png" alt="dsgnstdy02 firstsession sample by ~woopsdez" border="0" /></a></p>
<h4><a href="http://proxone.deviantart.com/art/dA-UI-Button-Pack-1-142442317" title="dA UI Button Pack 1 by ~Proxone">dA UI Button Pack 1 by ~Proxone</a></h4>
<p>こちらもシンプルなボタンですね。</p>
<p align="center"><a href="http://proxone.deviantart.com/art/dA-UI-Button-Pack-1-142442317" title="dA UI Button Pack 1 by ~Proxone"><img src="http://www.designwalker.com/img/button_download/18.png" alt="dA UI Button Pack 1 by ~Proxone" border="0" /></a></p>
<h4><a href="http://button-download.com/" title="button-download.com">button-download.com</a></h4>
<p>沢山のボタンがダウンロードできるサイトもあります。</p>
<p align="center"><a href="http://button-download.com/" title="button-download.com"><img src="http://www.designwalker.com/img/button_download/19.png" alt="button-download.com" border="0" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2009/11/button-resources.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>デザイナーのためのHTML5リソースまとめ</title>
		<link>http://www.designwalker.com/2009/11/html5.html</link>
		<comments>http://www.designwalker.com/2009/11/html5.html#comments</comments>
		<pubDate>Mon, 09 Nov 2009 18:40:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[まとめ]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/?p=549</guid>
		<description><![CDATA[2010年には、正式な勧告としてリリースされる予定のHTML5。徐々にブラウザの対応も進んでいて、すでに、多くのデザイナーたちは、この次世代HTMLを使って、様々な活動を始めています。だんだんとHTML5のリソースも増えてきたので、今回はHTML5についてまとめてみました。まずは、HTML5を使ってどういう事ができるのか？実際に見る事ができるサイトをいくつ]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/z2-bEsfu32UKGc5S0CDoSfdzEps/0/da"><img src="http://feedads.g.doubleclick.net/~a/z2-bEsfu32UKGc5S0CDoSfdzEps/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/z2-bEsfu32UKGc5S0CDoSfdzEps/1/da"><img src="http://feedads.g.doubleclick.net/~a/z2-bEsfu32UKGc5S0CDoSfdzEps/1/di" border="0" ismap="true"></img></a></p><p>2010年には、正式な勧告としてリリースされる予定のHTML5。</p>
<p>徐々にブラウザの対応も進んでいて、すでに、多くのデザイナーたちは、この次世代HTMLを使って、様々な活動を始めています。</p>
<p>だんだんとHTML5のリソースも増えてきたので、今回はHTML5についてまとめてみました。</p>
<p>まずは、HTML5を使ってどういう事ができるのか？実際に見る事ができるサイトをいくつかご紹介。</p>
<h4><a href="http://html5gallery.com/" title="HTML5 Gallery&nbsp;|&nbsp;A showcase of sites using HTML5 markup">HTML5 Gallery&nbsp;|&nbsp;A showcase of sites using HTML5 markup</a></h4>
<p>HTML5で構築されたウェブサイトをまとめてくれているギャラリーサイトです。</p>
<p align="center"><a href="http://html5gallery.com/" title="HTML5 Gallery&nbsp;|&nbsp;A showcase of sites using HTML5 markup"><img src="http://www.designwalker.com/img/html5/01.png" alt="HTML5 Gallery&nbsp;|&nbsp;A showcase of sites using HTML5 markup" border="0" /></a></p>
<h4><a href="http://diveintohtml5.org/" title="Dive Into HTML5">Dive Into HTML5</a></h4>
<p>HTML5を解説してくれている現在もコンテンツがどんどん増えている進行中のウェブサイト。もちろんこのサイト自体もHTML5で構築されています。</p>
<p align="center"><a href="http://diveintohtml5.org/" title="Dive Into HTML5"><img src="http://www.designwalker.com/img/html5/02.png" alt="Dive Into HTML5" border="0" /></a></p>
<h4><a href="http://9elements.com/io/projects/html5/canvas/" title="HTML5 Canvas and Audio Experiment">HTML5 Canvas and Audio Experiment</a></h4>
<p>HTML5のCanvasとAudioで動く実験ページ。まるでFlashやSilverlightを使っているかのような動きですね！新しい可能性を感じるページです。</p>
<p align="center"><a href="http://9elements.com/io/projects/html5/canvas/" title="HTML5 Canvas and Audio Experiment"><img src="http://www.designwalker.com/img/html5/03.png" alt="HTML5 Canvas and Audio Experiment" border="0" /></a></p>
<p>では、実際にHTML5を書いて試してみましょう！</p>
<h4><a href="http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/" title="HTML 5 Cheat Sheet">HTML 5 Cheat Sheet</a></h4>
<p>プリントアウトして手軽に使えるHTML5のチートシート。慣れるまでは、このチートシートをデスクに置いておくとなにかと便利ですね。</p>
<p align="center"><a href="http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/" title="HTML 5 Cheat Sheet"><img src="http://www.designwalker.com/img/html5/04.png" alt="HTML 5 Cheat Sheet" border="0" /></a></p>
<h4><a href="http://adactio.com/extras/pocketbooks/html5/" title="HTML 5 pocket book">HTML 5 pocket book</a></h4>
<p>こちらはHTML5のポケットブック。折り畳んで、手帳や財布に入れておくと、いつでも確認できますね。</p>
<p align="center"><a href="http://adactio.com/extras/pocketbooks/html5/" title="HTML 5 pocket book"><img src="http://www.designwalker.com/img/html5/05.png" alt="HTML 5 pocket book" border="0" /></a></p>
<h4><a href="http://www.modernizr.com/" title="Modernizr">Modernizr</a></h4>
<p>まだまだブラウザの対応がすすんでいないHTML5。Modernizrは、CSS3各プロパティやHTML5のエレメントが有効かどうかを検出してくれるライブラリ。</p>
<p align="center"><a href="http://www.modernizr.com/" title="Modernizr"><img src="http://www.designwalker.com/img/html5/06.png" alt="Modernizr" border="0" /></a></p>
<h4><a href="http://www.smashingmagazine.com/2009/07/16/html5-and-the-future-of-the-web/" title="HTML5 and The Future of the Web - Smashing Magazine">HTML5 and The Future of the Web &#8211; Smashing Magazine</a></h4>
<p>Smashing Magazineさんがまとめてくれている、HTML5の解説エントリ。</p>
<p align="center"><a href="http://www.smashingmagazine.com/2009/07/16/html5-and-the-future-of-the-web/" title="HTML5 and The Future of the Web - Smashing Magazine"><img src="http://www.designwalker.com/img/html5/07.png" alt="HTML5 and The Future of the Web - Smashing Magazine" border="0" /></a></p>
<h4><a href="http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/" title="Coding A HTML 5 Layout From Scratch">Coding A HTML 5 Layout From Scratch</a></h4>
<p>スクラッチからHTML5のレイアウトを作るチュートリアルです。英語の解説ですが、とてもわかりやすく解説してくれています。</p>
<p align="center"><a href="http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/" title="Coding A HTML 5 Layout From Scratch"><img src="http://www.designwalker.com/img/html5/08.png" alt="Coding A HTML 5 Layout From Scratch" border="0" /></a></p>
<h4><a href="http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/" title="HTML 5 and CSS 3: The Techniques You&#8217;ll Soon Be Using - Nettuts+">HTML 5 and CSS 3: The Techniques You&#8217;ll Soon Be Using &#8211; Nettuts+</a></h4>
<p>HTML5とCSS3でつくるウェブサイトのチュートリアル。ちらもとてもわかりやすく解説されています。</p>
<p align="center"><a href="http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/" title="HTML 5 and CSS 3: The Techniques You&#8217;ll Soon Be Using - Nettuts+"><img src="http://www.designwalker.com/img/html5/09.png" alt="HTML 5 and CSS 3: The Techniques You&#8217;ll Soon Be Using - Nettuts+" border="0" /></a></p>
<h4><a href="http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas/" title="jQuery Visualize Plugin: Accessible Charts &amp; Graphs from Table Elements using HTML 5 Canvas">jQuery Visualize Plugin: Accessible Charts &amp; Graphs from Table Elements using HTML 5 Canvas</a></h4>
<p>jQueryとHTML5のCanvasをつかって作るチャートやグラフののデモページです。</p>
<p align="center"><a href="http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas/" title="jQuery Visualize Plugin: Accessible Charts &amp; Graphs from Table Elements using HTML 5 Canvas"><img src="http://www.designwalker.com/img/html5/10.png" alt="jQuery Visualize Plugin: Accessible Charts &amp; Graphs from Table Elements using HTML 5 Canvas" border="0" /></a></p>
<h4><a href="http://www.webappers.com/2009/08/10/70-must-have-css3-and-html5-tutorials-and-resources/" title="70 Must-Have CSS3 and HTML5 Tutorials and Resources | Web Resources | WebAppers">70 Must-Have CSS3 and HTML5 Tutorials and Resources | Web Resources | WebAppers</a></h4>
<p>70種類ものHTML5のチュートリアルをまとめてくれているエントリ。</p>
<p align="center"><a href="http://www.webappers.com/2009/08/10/70-must-have-css3-and-html5-tutorials-and-resources/" title="70 Must-Have CSS3 and HTML5 Tutorials and Resources | Web Resources | WebAppers"><img src="http://www.designwalker.com/img/html5/11.png" alt="70 Must-Have CSS3 and HTML5 Tutorials and Resources | Web Resources | WebAppers" border="0" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2009/11/html5.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Wordpressを最適化してスピードアップ! プラグインや.htaccess設定いろいろ</title>
		<link>http://www.designwalker.com/2009/10/wp-optimization.html</link>
		<comments>http://www.designwalker.com/2009/10/wp-optimization.html#comments</comments>
		<pubDate>Tue, 20 Oct 2009 19:19:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/?p=542</guid>
		<description><![CDATA[Wordpressのバージョンを最新にアップグレードするとか、必要の無いプラグインは削除する、
最新のバージョンにアップグレードするなどは、基本的なメンテナンス事項としてよくあげられていますね。]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/w_AcpEIbgpOYR7qVn_31SZz0kWY/0/da"><img src="http://feedads.g.doubleclick.net/~a/w_AcpEIbgpOYR7qVn_31SZz0kWY/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/w_AcpEIbgpOYR7qVn_31SZz0kWY/1/da"><img src="http://feedads.g.doubleclick.net/~a/w_AcpEIbgpOYR7qVn_31SZz0kWY/1/di" border="0" ismap="true"></img></a></p><p>Wordpressのバージョンを最新にアップグレードするとか、必要の無いプラグインは削除する、<br />
最新のバージョンにアップグレードするなどは、基本的なメンテナンス事項としてよくあげられていますね。<br />
バージョンアップは、結構面倒だったりするのですが、こまめに行っておく必要がありそうですね。(っと自分に言い聞かせてみる・・・。)</p>
<h4><a title="WP Super Cache" href="http://wordpress.org/extend/plugins/wp-super-cache/">WP Super Cache</a></h4>
<p>こちらは有名なプラグインですよね。スタティックHTMLファイルを生成してくれるプラグイン。</p>
<p align="center">
<img src="http://www.designwalker.com/img/wp_optimization/01.png" border="0" alt="WP Super Cache" /><br />
</a>
</p>
<p>WP Super CacheとKtai Styleを併用すると、問題があるようです。IDEA*IDEAさんで、『<a href="http://www.ideaxidea.com/archives/2009/01/wp_super_cache_and_ktai_style.html" title="WP Super CacheとKtai Styleを併用する方法">WP Super CacheとKtai Styleを併用する方法</a>』が紹介されていますので、こちらを参考にしてみてください。</p>
<h4><a title="W3 Total Cache" href="http://wordpress.org/extend/plugins/w3-total-cache/">W3 Total Cache</a></h4>
<p>データベース、ページ、CSS、JS、RSSのキャッシュ、検索結果のキャッシュなど、このプラグインひとつで行ってくれるようです。</p>
<p align="center"><a title="W3 Total Cache" href="http://wordpress.org/extend/plugins/w3-total-cache/"><br />
<img src="http://www.designwalker.com/img/wp_optimization/02.png" border="0" alt="W3 Total Cache" /><br />
</a></p>
<h4><a title="PHP Speedy WP" href="http://aciddrop.com/2008/12/11/php-speedy-wp-05-now-works-with-wordpress-27/">PHP Speedy WP</a></h4>
<p>たくさんJavaScriptやCSSファイルを読み込んでいる方には、使えるプラグイン。それぞれのファイルを一つにまとめてくれたりして、リクエストの量を減らしてくれます。</p>
<p align="center"><a title="PHP Speedy WP" href="http://aciddrop.com/2008/12/11/php-speedy-wp-05-now-works-with-wordpress-27/"><br />
<img src="http://www.designwalker.com/img/wp_optimization/03.png" border="0" alt="PHP Speedy WP" /><br />
</a></p>
<h4><a title="WP CSS" href="http://wordpress.org/extend/plugins/wp-css/">WP CSS</a></h4>
<p>CSSファイルをGZIPで圧縮してくれるプラグインです。</p>
<p align="center"><a title="WP CSS" href="http://wordpress.org/extend/plugins/wp-css/"><br />
<img src="http://www.designwalker.com/img/wp_optimization/04.png" border="0" alt="WP CSS" /><br />
</a></p>
<h4><a title="WP JS" href="http://wordpress.org/extend/plugins/wp-js/">WP JS</a></h4>
<p>JSファイルをGZIPで圧縮してくれるプラグインです。</p>
<p align="center"><a title="WP JS" href="http://wordpress.org/extend/plugins/wp-js/"><br />
<img src="http://www.designwalker.com/img/wp_optimization/05.png" border="0" alt="WP JS" /><br />
</a></p>
<h4><a title="Amazon S3 for WordPress" href="http://wordpress.org/extend/plugins/tantan-s3/">Amazon S3 for WordPress</a></h4>
<p>メディアファイルだけをAmazon S3に移行してWordpressを高速化するというのもよさげですね。こちらのプラグインは、アカウントを設定しておくと、ファイルは自動的にAmazon S3の方へアップロードしてくれます。</p>
<p align="center"><a title="Amazon S3 for WordPress" href="http://wordpress.org/extend/plugins/tantan-s3/"><br />
<img src="http://www.designwalker.com/img/wp_optimization/06.png" border="0" alt="Amazon S3 for WordPress" /><br />
</a></p>
<h4><a title="10 Ways to Use .htaccess to Speed Up WordPress" href="http://wpshout.com/10-ways-to-use-htaccess-to-speed-up-wordpress/">10 Ways to Use .htaccess to Speed Up WordPress</a></h4>
<p>.htaccessの設定でWordPressを高速化してくれる設定が10種類も紹介されています。</p>
<p align="center"><a title="10 Ways to Use .htaccess to Speed Up WordPress" href="http://wpshout.com/10-ways-to-use-htaccess-to-speed-up-wordpress/"><br />
<img src="http://www.designwalker.com/img/wp_optimization/07.png" border="0" alt="10 Ways to Use .htaccess to Speed Up WordPress" /><br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2009/10/wp-optimization.html/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>ウェブデザインに使えるイラストのチュートリアルいろいろ</title>
		<link>http://www.designwalker.com/2009/10/illustration-tutorials.html</link>
		<comments>http://www.designwalker.com/2009/10/illustration-tutorials.html#comments</comments>
		<pubDate>Tue, 13 Oct 2009 22:27:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[ウェブデザイン]]></category>
		<category><![CDATA[チュートリアル]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/?p=539</guid>
		<description><![CDATA[イラストをうまく使ったウェブサイトはたくさんありますね。例えば、SilverbackとかMailChimpなどは、とてもわかりやすいイラストをうまく使ったウェブサイトの例なのではないでしょうか？一度見ると、『あぁ、あのゴリラのイラストのサイトね。』なんて覚えてもらえる確率が高まります。イラストをうまく使う事でウェブサイトによりインパクトを]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/ZESQdsql2kidTDCrajcaONScmH0/0/da"><img src="http://feedads.g.doubleclick.net/~a/ZESQdsql2kidTDCrajcaONScmH0/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/ZESQdsql2kidTDCrajcaONScmH0/1/da"><img src="http://feedads.g.doubleclick.net/~a/ZESQdsql2kidTDCrajcaONScmH0/1/di" border="0" ismap="true"></img></a></p><p>イラストをうまく使ったウェブサイトはたくさんありますね。</p>
<p>例えば、<a title="Silverback" href="http://www.silverbackapp.com/">Silverback</a>とか<a title="MailChimp" href="http://www.mailchimp.com/">MailChimp</a>などは、とてもわかりやすいイラストをうまく使ったウェブサイトの例なのではないでしょうか？</p>
<p>一度見ると、『あぁ、あのゴリラのイラストのサイトね。』なんて覚えてもらえる確率が高まります。</p>
<p>イラストをうまく使う事でウェブサイトによりインパクトを与える事ができるのではないでしょうか？</p>
<p>noupeさんでまとめられていた『<a title="30+ Outstanding Character Illustrations in Modern Web Design" href="http://www.noupe.com/design/character-illustrations-in-modern-web-design.html">30+ Outstanding Character Illustrations in Modern Web Design</a>』なんかのまとめも、すごく参考になります。</p>
<p>今回は、そんなイラストをきれいに描くために使えるチュートリアルをいろいろまとめてみました。</p>
<h4><a title="Drunken Monkey Photoshop Tutorial" href="http://www.smashingmagazine.com/2008/02/13/drunken-monkey-photoshop-tutorial/">Drunken Monkey Photoshop Tutorial</a></h4>
<p>ジャッキーチェンの酔拳をモチーフにした、かっこいいカンフーモンキーのキャラクターを描くチュートリアル。かなり細かく解説してくれています。</p>
<p align="center"><a title="Drunken Monkey Photoshop Tutorial" href="http://www.smashingmagazine.com/2008/02/13/drunken-monkey-photoshop-tutorial/"><img src="http://www.designwalker.com/img/illustration_tutorial/01.png" border="0" alt="Drunken Monkey Photoshop Tutorial" /></a></p>
<h4><a title="Digital manga illustration" href="http://www.computerarts.co.uk/tutorials/2d__and__photoshop/digital_manga_illustration">Digital manga illustration</a></h4>
<p>かわいらしい女の子のキャラクターを描くチュートリアル。</p>
<p align="center"><a title="Digital manga illustration" href="http://www.computerarts.co.uk/tutorials/2d__and__photoshop/digital_manga_illustration"><img src="http://www.designwalker.com/img/illustration_tutorial/02.png" border="0" alt="Digital manga illustration" /></a></p>
<h4><a title="Primitive Art Man Cartoon" href="http://www.eyesontutorials.com/articles/32/1/Primitive-Art-Man-Cartoon/Page1.html">Primitive Art Man Cartoon</a></h4>
<p>ちょっぴりシュールな老人を描くチュートリアルが公開されています。</p>
<p align="center"><a title="Primitive Art Man Cartoon" href="http://www.eyesontutorials.com/articles/32/1/Primitive-Art-Man-Cartoon/Page1.html"><img src="http://www.designwalker.com/img/illustration_tutorial/03.png" border="0" alt="Primitive Art Man Cartoon" /></a></p>
<h4><a title="How to Create a Web Site Mascot" href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-web-site-mascot/">How to Create a Web Site Mascot</a></h4>
<p>いろいろな場面で使えそうな男の子のキャラクター。</p>
<p align="center"><a title="How to Create a Web Site Mascot" href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-web-site-mascot/"><img src="http://www.designwalker.com/img/illustration_tutorial/04.png" border="0" alt="How to Create a Web Site Mascot" /></a></p>
<h4><a title="StudioQube Painting Tutorial" href="http://www.studioqube.com/tutorials/painting/index.html">StudioQube Painting Tutorial</a></h4>
<p>これはかなりレベル高いですね…。絵心ある方は是非、挑戦してみてください。</p>
<p align="center"><a title="StudioQube Painting Tutorial" href="http://www.studioqube.com/tutorials/painting/index.html"><img src="http://www.designwalker.com/img/illustration_tutorial/05.png" border="0" alt="StudioQube Painting Tutorial" /></a></p>
<h4><a title="How to Illustrate a LeBron James Cartoon Character" href="http://vector.tutsplus.com/tutorials/illustration/how-to-illustrate-a-lebron-james-cartoon-character/">How to Illustrate a LeBron James Cartoon Character</a></h4>
<p>バスケットボール選手レブロン・ジェームスをモチーフにしたキャラクター。似顔絵キャラクターの作り方が解説されています。</p>
<p align="center"><a title="How to Illustrate a LeBron James Cartoon Character" href="http://vector.tutsplus.com/tutorials/illustration/how-to-illustrate-a-lebron-james-cartoon-character/"><img src="http://www.designwalker.com/img/illustration_tutorial/06.png" border="0" alt="How to Illustrate a LeBron James Cartoon Character" /></a></p>
<h4><a title="Drawing Vector-Looking Cat Illustration Using Photoshop" href="http://www.tutorialpark.com/drawing-vector-looking-cat-illustration-using-photoshop/">Drawing Vector-Looking Cat Illustration Using Photoshop</a></h4>
<p>ちょっぴりシュールな猫のキャラクター。</p>
<p align="center"><a title="Drawing Vector-Looking Cat Illustration Using Photoshop" href="http://www.tutorialpark.com/drawing-vector-looking-cat-illustration-using-photoshop/"><img src="http://www.designwalker.com/img/illustration_tutorial/07.png" border="0" alt="Drawing Vector-Looking Cat Illustration Using Photoshop" /></a></p>
<h4><a title="Character Illustration" href="http://www.illustrationclass.com/?p=114">Character Illustration</a></h4>
<p>悪魔っぽいけど、かわいらしいキャラクターです。</p>
<p align="center"><a title="Character Illustration" href="http://www.illustrationclass.com/?p=114"><img src="http://www.designwalker.com/img/illustration_tutorial/08.png" border="0" alt="Character Illustration" /></a></p>
<h4><a title="Create a Twitter Style Bird Mascot" href="http://vector.tutsplus.com/illustration/create-a-twitter-style-bird-mascot/">Create a Twitter Style Bird Mascot</a></h4>
<p>Twitterバードのイラスト</p>
<p align="center"><a title="Create a Twitter Style Bird Mascot" href="http://vector.tutsplus.com/illustration/create-a-twitter-style-bird-mascot/"><img src="http://www.designwalker.com/img/illustration_tutorial/09.png" border="0" alt="Create a Twitter Style Bird Mascot" /></a></p>
<h4><a title="Creating vector characters in Illustrator" href="http://www.computerarts.co.uk/tutorials/2d__and__photoshop/creating_vector_characters_in_illustrator">Creating vector characters in Illustrator</a></h4>
<p>なんだかわかりませんが…。かわいらしいキャラクター</p>
<p align="center"><a title="Creating vector characters in Illustrator" href="http://www.computerarts.co.uk/tutorials/2d__and__photoshop/creating_vector_characters_in_illustrator"><img src="http://www.designwalker.com/img/illustration_tutorial/10.png" border="0" alt="Creating vector characters in Illustrator" /></a></p>
<h4><a title="How to Create a Cute Bunny Vector Character" href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-cute-bunny-vector-character/">How to Create a Cute Bunny Vector Character</a></h4>
<p>ウサギのイラストを描くチュートリアル。</p>
<p align="center"><a title="How to Create a Cute Bunny Vector Character" href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-cute-bunny-vector-character/"><img src="http://www.designwalker.com/img/illustration_tutorial/11.png" border="0" alt="How to Create a Cute Bunny Vector Character" /></a></p>
<h4><a title="How to Create a Cute Hippo Character!" href="http://www.aivault.com/?p=764">How to Create a Cute Hippo Character!</a></h4>
<p>カバのイラストもかわいらしいですね。</p>
<p align="center"><a title="How to Create a Cute Hippo Character!" href="http://www.aivault.com/?p=764"><img src="http://www.designwalker.com/img/illustration_tutorial/12.png" border="0" alt="How to Create a Cute Hippo Character!" /></a></p>
<h4><a title="Create a Cute Panda Bear Face Icon" href="http://vectips.com/tutorials/create-a-cute-panda-bear-face-icon/">Create a Cute Panda Bear Face Icon</a></h4>
<p>お目めぱっちりのパンダのキャラクター。</p>
<p align="center"><a title="Create a Cute Panda Bear Face Icon" href="http://vectips.com/tutorials/create-a-cute-panda-bear-face-icon/"><img src="http://www.designwalker.com/img/illustration_tutorial/13.png" border="0" alt="Create a Cute Panda Bear Face Icon" /></a></p>
<h4><a title="Create a Cute Furry Vector Monster in Illustrator" href="http://www.blog.spoongraphics.co.uk/tutorials/create-a-cute-furry-vector-monster-in-illustrator">Create a Cute Furry Vector Monster in Illustrator</a></h4>
<p>ムック？みたいなモンスター。</p>
<p align="center"><a title="Create a Cute Furry Vector Monster in Illustrator" href="http://www.blog.spoongraphics.co.uk/tutorials/create-a-cute-furry-vector-monster-in-illustrator"><img src="http://www.designwalker.com/img/illustration_tutorial/14.png" border="0" alt="Create a Cute Furry Vector Monster in Illustrator" /></a></p>
<h4><a title="How to Create a Killer Chainsaw Bunny Character" href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-killer-chainsaw-bunny-character/">How to Create a Killer Chainsaw Bunny Character</a></h4>
<p>ハードなチェーンソーを持った殺人鬼のキャラクター</p>
<p align="center"><a title="How to Create a Killer Chainsaw Bunny Character" href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-killer-chainsaw-bunny-character/"><img src="http://www.designwalker.com/img/illustration_tutorial/15.png" border="0" alt="How to Create a Killer Chainsaw Bunny Character" /></a></p>
<h4><a title="How to Create a Cartoon Character with Expressive Lines" href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-cartoon-character-with-expressive-lines/">How to Create a Cartoon Character with Expressive Lines</a></h4>
<p>印象的な男の子のキャラクター</p>
<p align="center"><a title="How to Create a Cartoon Character with Expressive Lines" href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-cartoon-character-with-expressive-lines/"><img src="http://www.designwalker.com/img/illustration_tutorial/16.png" border="0" alt="How to Create a Cartoon Character with Expressive Lines" /></a></p>
<h4><a title="How to Illustrate a Cute Emo Kid" href="http://vector.tutsplus.com/tutorials/illustration/how-to-illustrate-a-cute-emo-kid/">How to Illustrate a Cute Emo Kid</a></h4>
<p>バンドGorillazのジャケットに出てきそうなイラスト。</p>
<p align="center"><a title="How to Illustrate a Cute Emo Kid" href="http://vector.tutsplus.com/tutorials/illustration/how-to-illustrate-a-cute-emo-kid/"><img src="http://www.designwalker.com/img/illustration_tutorial/17.png" border="0" alt="How to Illustrate a Cute Emo Kid" /></a></p>
<h4><a title="Create a Vector Pirate Cartoon Character from a Hand Drawn Sketch" href="http://www.blog.spoongraphics.co.uk/uncategorized/create-a-vector-pirate-cartoon-character-from-a-hand-drawn-sketch">Create a Vector Pirate Cartoon Character from a Hand Drawn Sketch</a></h4>
<p>かわいらしい海賊のイラスト</p>
<p align="center"><a title="Create a Vector Pirate Cartoon Character from a Hand Drawn Sketch" href="http://www.blog.spoongraphics.co.uk/uncategorized/create-a-vector-pirate-cartoon-character-from-a-hand-drawn-sketch"><img src="http://www.designwalker.com/img/illustration_tutorial/18.png" border="0" alt="Create a Vector Pirate Cartoon Character from a Hand Drawn Sketch" /></a></p>
<h4><a title="How to Create a Stinking Zombie Flesh-Eater in Illustrator" href="http://vector.tutsplus.com/tutorials/character-design/how-to-create-a-stinking-zombie-flesh-eater-in-illustrator/">How to Create a Stinking Zombie Flesh-Eater in Illustrator</a></h4>
<p>ゾンビのイラストはあまり使い道無いかも…。</p>
<p align="center"><a title="How to Create a Stinking Zombie Flesh-Eater in Illustrator" href="http://vector.tutsplus.com/tutorials/character-design/how-to-create-a-stinking-zombie-flesh-eater-in-illustrator/"><img src="http://www.designwalker.com/img/illustration_tutorial/19.png" border="0" alt="How to Create a Stinking Zombie Flesh-Eater in Illustrator" /></a></p>
<h4><a title="How to Create a Vector Illustration and Prepare it for Micro-Stock Sale" href="http://vector.tutsplus.com/tutorials/designing/how-to-create-a-vector-illustration-and-prepare-it-for-micro-stock-sale/">How to Create a Vector Illustration and Prepare it for Micro-Stock Sale</a></h4>
<p>マップを持った男の子のイラスト。</p>
<p align="center"><a title="How to Create a Vector Illustration and Prepare it for Micro-Stock Sale" href="http://vector.tutsplus.com/tutorials/designing/how-to-create-a-vector-illustration-and-prepare-it-for-micro-stock-sale/"><img src="http://www.designwalker.com/img/illustration_tutorial/20.png" border="0" alt="How to Create a Vector Illustration and Prepare it for Micro-Stock Sale" /></a></p>
<h4><a title="How to Create a Rocketing, Vector Aircraft Shuttle" href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-rocketing-vector-aircraft-shuttle/">How to Create a Rocketing, Vector Aircraft Shuttle</a></h4>
<p>なんだか懐かしい昔のアニメに出てきそうなタイプの飛行機のイラスト</p>
<p align="center"><a title="How to Create a Rocketing, Vector Aircraft Shuttle" href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-rocketing-vector-aircraft-shuttle/"><img src="http://www.designwalker.com/img/illustration_tutorial/21.png" border="0" alt="How to Create a Rocketing, Vector Aircraft Shuttle" /></a></p>
<h4><a title="Create a Character Mascot with Adobe Illustrator CS4" href="http://colorburned.com/2009/07/create-a-character-mascot-with-adobe-illustrator-cs4.html">Create a Character Mascot with Adobe Illustrator CS4</a></h4>
<p>男性のキャラクターマスコット</p>
<p align="center"><a title="Create a Character Mascot with Adobe Illustrator CS4" href="http://colorburned.com/2009/07/create-a-character-mascot-with-adobe-illustrator-cs4.html"><img src="http://www.designwalker.com/img/illustration_tutorial/22.png" border="0" alt="Create a Character Mascot with Adobe Illustrator CS4" /></a></p>
<h4><a title="How to Create a Landscape Wallpaper for your Desktop" href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-landscape-wallpaper-for-your-desktop/">How to Create a Landscape Wallpaper for your Desktop</a></h4>
<p>夕日がきれいな風景のイラスト</p>
<p align="center"><a title="How to Create a Landscape Wallpaper for your Desktop" href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-landscape-wallpaper-for-your-desktop/"><img src="http://www.designwalker.com/img/illustration_tutorial/23.png" border="0" alt="How to Create a Landscape Wallpaper for your Desktop" /></a></p>
<h4><a title="Create a Super Happy Octopus Character" href="http://vector.tutsplus.com/illustration/create-a-super-happy-octopus-character/">Create a Super Happy Octopus Character</a></h4>
<p>宇宙人みたいなキャラクター</p>
<p align="center"><a title="Create a Super Happy Octopus Character" href="http://vector.tutsplus.com/illustration/create-a-super-happy-octopus-character/"><img src="http://www.designwalker.com/img/illustration_tutorial/24.png" border="0" alt="Create a Super Happy Octopus Character" /></a></p>
<h4><a title="How to Turn a Sketch into a Fat Cat Vector Illustration" href="http://vector.tutsplus.com/tutorials/illustration/how-to-turn-a-sketch-into-a-fat-cat-vector-illustration/">How to Turn a Sketch into a Fat Cat Vector Illustration</a></h4>
<p>怒っている猫？のイラストみたいです。</p>
<p align="center"><a href="http://vector.tutsplus.com/tutorials/illustration/how-to-turn-a-sketch-into-a-fat-cat-vector-illustration/"><img src="http://www.designwalker.com/img/illustration_tutorial/25.png" border="0" alt="How to Turn a Sketch into a Fat Cat Vector Illustration" /></a></p>
<h4><a title="Illustrator Tutorial – Create a Gang of Vector Ninjas" href="http://www.blog.spoongraphics.co.uk/tutorials/illustrator-tutorial-create-a-gang-of-vector-ninjas">Illustrator Tutorial – Create a Gang of Vector Ninjas</a></h4>
<p>かわいらしい忍者のキャラクター</p>
<p align="center"><a title="Illustrator Tutorial – Create a Gang of Vector Ninjas" href="http://www.blog.spoongraphics.co.uk/tutorials/illustrator-tutorial-create-a-gang-of-vector-ninjas"><img src="http://www.designwalker.com/img/illustration_tutorial/26.png" border="0" alt="Illustrator Tutorial – Create a Gang of Vector Ninjas" /></a></p>
<h4><a title="Tutorial: Creating convincing characters " href="http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1691">Tutorial: Creating convincing characters </a></h4>
<p>シュールな女の子のイラスト</p>
<p align="center"><a title="Tutorial: Creating convincing characters " href="http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1691"><img src="http://www.designwalker.com/img/illustration_tutorial/27.png" border="0" alt="Tutorial: Creating convincing characters " /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2009/10/illustration-tutorials.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>ウェブデザイナーにおすすめの持ち歩けるアプリ 無料で使えるポータブルアプリいろいろ</title>
		<link>http://www.designwalker.com/2009/10/portable-apps.html</link>
		<comments>http://www.designwalker.com/2009/10/portable-apps.html#comments</comments>
		<pubDate>Mon, 05 Oct 2009 22:09:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[ツール]]></category>
		<category><![CDATA[デザイン]]></category>
		<category><![CDATA[無料]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/?p=535</guid>
		<description><![CDATA[出先で急な修正作業など、あまりあってはいけないのですが、どうしても今すぐに！という事態に陥った事のあるデザイナーの方々も少しはいらっしゃるのではないでしょうか？そんなときに限って、必要なアプリケーションがラップトップにインストールされていなかったり…。今回は、そんな万が一のときに備えておける、USBで持ち歩]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/xIRKVimJACaqPFgxgMkVM7TDodQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/xIRKVimJACaqPFgxgMkVM7TDodQ/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/xIRKVimJACaqPFgxgMkVM7TDodQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/xIRKVimJACaqPFgxgMkVM7TDodQ/1/di" border="0" ismap="true"></img></a></p><p>出先で急な修正作業など、あまりあってはいけないのですが、どうしても今すぐに！という事態に陥った事のあるデザイナーの方々も少しはいらっしゃるのではないでしょうか？</p>
<p>そんなときに限って、必要なアプリケーションがラップトップにインストールされていなかったり…。</p>
<p>今回は、そんな万が一のときに備えておける、USBで持ち歩き可能な無料で使えるポータブルアプリをいろいろとまとめてみました。</p>
<h4><a href="http://download.cnet.com/GIMP-Portable/3000-2192_4-10526507.html" title="GIMP Portable">GIMP Portable</a></h4>
<p>出先でPhotoshopが使えない！そんなときにGIMP PortableがUSBファイルに入っていると安心ですね。</p>
<p align="center"><a href="http://download.cnet.com/GIMP-Portable/3000-2192_4-10526507.html" title="GIMP Portable"><img src="http://www.designwalker.com/img/portable_apps/01.png" alt="GIMP Portable" border="0" /></a></p>
<h4><a href="http://www.freesmug.org/portableapps/inkscape/" title="Portable Inkscape OS X">Portable Inkscape OS X</a></h4>
<p>ベクターファイルを編集するにはPortable Inkscapeがおすすめですが…。OS X版しか見つけられませんでした。。</p>
<p align="center"><a href="http://www.freesmug.org/portableapps/inkscape/" title="Portable Inkscape OS X"><img src="http://www.designwalker.com/img/portable_apps/02.png" alt="Portable Inkscape OS X" border="0" /></a></p>
<h4><a href="http://portableapps.com/apps/graphics_pictures/blender_portable" title="Blender Portable">Blender Portable</a></h4>
<p>3Dレンダリングまでポータブルになってるんですね。あまりウェブデザイナーの方々には関係のないツールでしたね。</p>
<p align="center"><a href="http://portableapps.com/apps/graphics_pictures/blender_portable" title="Blender Portable"><img src="http://www.designwalker.com/img/portable_apps/03.png" alt="Blender Portable" border="0" /></a></p>
<h4><a href="http://lmadhavan.com/software/fotografix/#screenshots" title="Fotografix">Fotografix</a></h4>
<p>Fotografixは、Photoshopの簡易版といたところ。ちょっとした修正ならこれでも十分対応できそうです。</p>
<p align="center"><a href="http://lmadhavan.com/software/fotografix/#screenshots" title="Fotografix"><img src="http://www.designwalker.com/img/portable_apps/04.png" alt="Fotografix" border="0" /></a></p>
<h4><a href="http://notepadpluspe.sourceforge.net/" title="Notepad++ Portable Edition">Notepad++ Portable Edition</a></h4>
<p>ノートパッドのポータブルエディションです。</p>
<p align="center"><a href="http://notepadpluspe.sourceforge.net/" title="Notepad++ Portable Edition"><img src="http://www.designwalker.com/img/portable_apps/05.png" alt="Notepad++ Portable Edition" border="0" /></a></p>
<h4><a href="http://css-editor.info/" title="Oiko CSS editor">Oiko CSS editor</a></h4>
<p>CSS, (X)HTMLとXMLのエディターです。</p>
<p align="center"><a href="http://css-editor.info/" title="Oiko CSS editor"><img src="http://www.designwalker.com/img/portable_apps/06.png" alt="Oiko CSS editor" border="0" /></a></p>
<h4><a href="http://www.softpedia.com/get/Internet/WEB-Design/HTML-Editors/Portable-NVU.shtml" title="Portable NVU">Portable NVU</a></h4>
<p>WYSIWYGエディターもついているオーサリングツール。</p>
<p align="center"><a href="http://www.softpedia.com/get/Internet/WEB-Design/HTML-Editors/Portable-NVU.shtml" title="Portable NVU"><img src="http://www.designwalker.com/img/portable_apps/07.png" alt="Portable NVU" border="0" /></a></p>
<h4><a href="http://download.cnet.com/FileZilla-Portable/3000-2160_4-10834891.html" title="FileZilla Portable">FileZilla Portable</a></h4>
<p>FTP、FTPS、SFTPをサポートするファイル転送プログラム。</p>
<p align="center"><a href="http://download.cnet.com/FileZilla-Portable/3000-2160_4-10834891.html" title="FileZilla Portable"><img src="http://www.designwalker.com/img/portable_apps/08.png" alt="FileZilla Portable" border="0" /></a></p>
<h4><a href="http://winscp.net/eng/docs/portable" title="WinSCP :: Portable Use">WinSCP :: Portable Use</a></h4>
<p>こちらも有名なファイル転送プログラムのポータブル版。</p>
<p align="center"><a href="http://winscp.net/eng/docs/portable" title="WinSCP :: Portable Use"><img src="http://www.designwalker.com/img/portable_apps/09.png" alt="WinSCP :: Portable Use" border="0" /></a></p>
<h4><a href="http://www.apachefriends.org/jp/xampp.html" title="XAMPP">XAMPP</a></h4>
<p>Apache、MySQL、PHPやPerlなどをパッケージにしてまとめてくれているアプリです。開発用に使えそう。</p>
<p align="center"><a href="http://www.apachefriends.org/jp/xampp.html" title="XAMPP"><img src="http://www.designwalker.com/img/portable_apps/10.png" alt="XAMPP" border="0" /></a></p>
<h4><a href="http://portableapps.com/apps/internet/firefox_portable" title="Mozilla Firefox, Portable Edition">Mozilla Firefox, Portable Edition</a></h4>
<p>Firefoxも持ち歩いて、いつでも自分の好きなアドオンと一緒に使えます。</p>
<p align="center"><a href="http://portableapps.com/apps/internet/firefox_portable" title="Mozilla Firefox, Portable Edition"><img src="http://www.designwalker.com/img/portable_apps/11.png" alt="Mozilla Firefox, Portable Edition" border="0" /></a></p>
<h4><a href="http://portableapps.com/node/15720" title="Chrome(ium) Portable">Chrome(ium) Portable</a></h4>
<p>Chromeのポータブル版もありました。</p>
<p align="center"><a href="http://portableapps.com/node/15720" title="Chrome(ium) Portable"><img src="http://www.designwalker.com/img/portable_apps/12.png" alt="Chrome(ium) Portable" border="0" /></a></p>
<h4><a href="http://www.opera-usb.com/operausben.htm" title="Opera@USB">Opera@USB</a></h4>
<p>Operaをお使いの方はこちら。</p>
<p align="center"><a href="http://www.opera-usb.com/operausben.htm" title="Opera@USB"><img src="http://www.designwalker.com/img/portable_apps/13.png" alt="Opera@USB" border="0" /></a></p>
<h4><a href="http://portableapps.com/apps/utilities/toucan/" title="Toucan">Toucan</a></h4>
<p>ハードドライブとUSBなど二つのドライブをバックアップ、同期してくれるツールです。</p>
<p align="center"><a href="http://portableapps.com/apps/utilities/toucan/" title="Toucan"><img src="http://www.designwalker.com/img/portable_apps/14.png" alt="Toucan" border="0" /></a></p>
<h4><a href="http://www.portablefreeware.com/?id=775" title="FastStone Capture">FastStone Capture</a></h4>
<p>簡単にキャプチャーが取れるツールです。</p>
<p align="center"><a href="http://www.portablefreeware.com/?id=775" title="FastStone Capture"><img src="http://www.designwalker.com/img/portable_apps/15.png" alt="FastStone Capture" border="0" /></a></p>
<h4><a href="http://portableapps.com/apps/utilities/7-zip_portable" title="7-Zip Portable">7-Zip Portable</a></h4>
<p>ZIPやGZIP、TAR、RARなどに対応した圧縮・解凍ソフト。</p>
<p align="center"><a href="http://portableapps.com/apps/utilities/7-zip_portable" title="7-Zip Portable"><img src="http://www.designwalker.com/img/portable_apps/16.png" alt="7-Zip Portable" border="0" /></a></p>
<h4><a href="http://portableapps.com/apps" title="PortableApps.com - Portable software for USB drives">PortableApps.com &#8211; Portable software for USB drives</a></h4>
<p>その他、まだまだ使えるポータブルアプリがたくさんありそうです。PortableApps.comに行けば、お気に入りのポータブルアプリが見つかると思いますよ！</p>
<p align="center"><a href="http://portableapps.com/apps" title="PortableApps.com - Portable software for USB drives"><img src="http://www.designwalker.com/img/portable_apps/17.png" alt="PortableApps.com - Portable software for USB drives" border="0" /></a></p>
<h4><a href="http://www.app-stick.com/" title="Download Portable Freeware">Download Portable Freeware</a></h4>
<p>App-Stickにも無料で使えるポータブルアプリがたくさん。人気順にも並べ替えられるので、使えるアプリをサクッと探せます。</p>
<p align="center"><a href="http://www.app-stick.com/" title="Download Portable Freeware"><img src="http://www.designwalker.com/img/portable_apps/18.png" alt="Download Portable Freeware" border="0" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2009/10/portable-apps.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>無料でダウンロードできるiPhoneの壁紙サイトいろいろ</title>
		<link>http://www.designwalker.com/2009/09/iphone-wallpapers.html</link>
		<comments>http://www.designwalker.com/2009/09/iphone-wallpapers.html#comments</comments>
		<pubDate>Mon, 28 Sep 2009 22:32:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[壁紙]]></category>
		<category><![CDATA[無料]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/?p=531</guid>
		<description><![CDATA[本日は、iPhoneの壁紙サイトのまとめです。毎日、見る画面なのでやっぱり、おしゃれなもの、自分の気に入った壁紙を設定したいですよね。なるべくおしゃれな壁紙を無料で配布されているサイトをまとめてみました。]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/k6CkUnD2L5eD1I5HY80s8uAJspE/0/da"><img src="http://feedads.g.doubleclick.net/~a/k6CkUnD2L5eD1I5HY80s8uAJspE/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/k6CkUnD2L5eD1I5HY80s8uAJspE/1/da"><img src="http://feedads.g.doubleclick.net/~a/k6CkUnD2L5eD1I5HY80s8uAJspE/1/di" border="0" ismap="true"></img></a></p><p>本日は、iPhoneの壁紙サイトのまとめです。</p>
<p>毎日、見る画面なのでやっぱり、おしゃれなもの、自分の気に入った壁紙を設定したいですよね。</p>
<p>なるべくおしゃれな壁紙を無料で配布されているサイトをまとめてみました。</p>
<h4><a href="http://kitsunenoir.com/blog/dwp/" title="+KN | Kitsune Noir &raquo; The Desktop Wallpaper Project">+KN | Kitsune Noir &raquo; The Desktop Wallpaper Project</a></h4>
<p>iPhone用だけでなく、とってもおしゃれなイラスト系のデスクトップ用の壁紙などを中心にさまざまなサイズの壁紙が配布されています。</p>
<p align="center"><a href="http://kitsunenoir.com/blog/dwp/" title="+KN | Kitsune Noir &raquo; The Desktop Wallpaper Project"><img src="http://www.designwalker.com/img/iphone_wallpaper/01.png" alt="+KN | Kitsune Noir &raquo; The Desktop Wallpaper Project" border="0" /></a></p>
<h4><a href="http://poolga.com/en" title="Poolga. iPhone and iPod Touch wallpapers for the rest of us.">Poolga. iPhone and iPod Touch wallpapers for the rest of us.</a></h4>
<p>めちゃめちゃかわいらしいイラストメインの壁紙サイトです。</p>
<p align="center"><a href="http://poolga.com/en" title="Poolga. iPhone and iPod Touch wallpapers for the rest of us."><img src="http://www.designwalker.com/img/iphone_wallpaper/02.png" alt="Poolga. iPhone and iPod Touch wallpapers for the rest of us." border="0" /></a></p>
<h4><a href="http://www.pixelgirlpresents.com/desktops.php?cat=&#038;res=320x480%20%28iPhone%29" title="Pixelgirl Presents Free Icons, Desktops and Gallery Shop!">Pixelgirl Presents Free Icons, Desktops and Gallery Shop!</a></h4>
<p>独特なタッチのイラスト系の壁紙がいっぱいあります。</p>
<p align="center"><a href="http://www.pixelgirlpresents.com/desktops.php?cat=&#038;res=320x480%20%28iPhone%29" title="Pixelgirl Presents Free Icons, Desktops and Gallery Shop!"><img src="http://www.designwalker.com/img/iphone_wallpaper/03.png" alt="Pixelgirl Presents Free Icons, Desktops and Gallery Shop!" border="0" /></a></p>
<h4><a href="http://typenuts.com/" title="iphone &amp; desktop wallpapers for font freaks &amp; typenuts">iphone &amp; desktop wallpapers for font freaks &amp; typenuts</a></h4>
<p>数は少ないのですが、センスを感じる壁紙が配布されています。</p>
<p align="center"><a href="http://typenuts.com/" title="iphone &amp; desktop wallpapers for font freaks &amp; typenuts"><img src="http://www.designwalker.com/img/iphone_wallpaper/04.png" alt="iphone &amp; desktop wallpapers for font freaks &amp; typenuts" border="0" /></a></p>
<h4><a href="http://ideas.veer.com/features/wallpaper/iphone" title="veer.com">veer.com</a></h4>
<p>おしゃれな壁紙をお探しなら、まずは、ここを探せば間違いないですね。</p>
<p align="center"><a href="http://ideas.veer.com/features/wallpaper/iphone" title="veer.com"><img src="http://www.designwalker.com/img/iphone_wallpaper/16.png" alt="veer.com" border="0" /></a></p>
<h4><a href="http://idesigniphone.com/" title="iDesign * iPhone - Free iPhone Wallpapers">iDesign * iPhone &#8211; Free iPhone Wallpapers</a></h4>
<p>アニメ、イラスト、写真などなどさまざまなジャンルの壁紙がまとめられています。</p>
<p align="center"><a href="http://idesigniphone.com/" title="iDesign * iPhone - Free iPhone Wallpapers"><img src="http://www.designwalker.com/img/iphone_wallpaper/05.png" alt="iDesign * iPhone - Free iPhone Wallpapers" border="0" /></a></p>
<h4><a href="http://ilovetypography.com/iphone-wallpapers/" title="i love typography, the typography and fonts blog">i love typography, the typography and fonts blog</a></h4>
<p>タイポグラフィーがお好きなら、こちらの壁紙がきっと気に入るはず。</p>
<p align="center"><a href="http://ilovetypography.com/iphone-wallpapers/" title="i love typography, the typography and fonts blog"><img src="http://www.designwalker.com/img/iphone_wallpaper/06.png" alt="i love typography, the typography and fonts blog" border="0" /></a></p>
<h4><a href="http://store.glennz.com/downloads.html" title="glennz.com">glennz.com</a></h4>
<p>ちょっと笑ってしまうようなイラストの壁紙が配布されています。</p>
<p align="center"><a href="http://store.glennz.com/downloads.html" title="glennz.com"><img src="http://www.designwalker.com/img/iphone_wallpaper/07.png" alt="glennz.com" border="0" /></a></p>
<h4><a href="http://www.thememyphone.com/" title="ThemeMyPhone : Free Apple iPhone 3GS Wallpapers">ThemeMyPhone : Free Apple iPhone 3GS Wallpapers</a></h4>
<p>アニメ、アニマル、写真などなど、こちらもさまざまなジャンルの壁紙がいっぱいありますね。</p>
<p align="center"><a href="http://www.thememyphone.com/" title="ThemeMyPhone : Free Apple iPhone 3GS Wallpapers"><img src="http://www.designwalker.com/img/iphone_wallpaper/08.png" alt="ThemeMyPhone : Free Apple iPhone 3GS Wallpapers" border="0" /></a></p>
<h4><a href="http://mac.appstorm.net/roundups/graphics-roundups/50-iphone-wallpapers-for-design-lovers/" title="50 iPhone Wallpapers for Design Lovers">50 iPhone Wallpapers for Design Lovers</a></h4>
<p>デザイナーの方々が喜びそうな、壁紙セレクションです。</p>
<p align="center"><a href="http://mac.appstorm.net/roundups/graphics-roundups/50-iphone-wallpapers-for-design-lovers/" title="50 iPhone Wallpapers for Design Lovers"><img src="http://www.designwalker.com/img/iphone_wallpaper/09.png" alt="50 iPhone Wallpapers for Design Lovers" border="0" /></a></p>
<h4><a href="http://chrisglass.com/photos/2007/wallpapers/index.shtml" title="chrisglass.com">chrisglass.com</a></h4>
<p>かわいらしい壁紙がたくさん。まとめてダウンロードできるのも便利。</p>
<p align="center"><a href="http://chrisglass.com/photos/2007/wallpapers/index.shtml" title="chrisglass.com"><img src="http://www.designwalker.com/img/iphone_wallpaper/10.png" alt="chrisglass.com" border="0" /></a></p>
<h4><a href="http://iphonetoolbox.com/category/wallpaper/" title="iphonetoolbox.com">iphonetoolbox.com</a></h4>
<p>こちらもオールジャンルの壁紙サイト</p>
<p align="center"><a href="http://iphonetoolbox.com/category/wallpaper/" title="iphonetoolbox.com"><img src="http://www.designwalker.com/img/iphone_wallpaper/11.png" alt="iphonetoolbox.com" border="0" /></a></p>
<h4><a href="http://www.iphone-wallpapers.us/" title="iPhone Wallpapers">iPhone Wallpapers</a></h4>
<p>映画やTVドラマ系の壁紙ならこちら。セクシー系も充実してます。</p>
<p align="center"><a href="http://www.iphone-wallpapers.us/" title="iPhone Wallpapers"><img src="http://www.designwalker.com/img/iphone_wallpaper/12.png" alt="iPhone Wallpapers" border="0" /></a></p>
<h4><a href="http://interfacelift.com/wallpaper_beta/downloads/date/mobile_devices/" title="InterfaceLIFT">InterfaceLIFT</a></h4>
<p>デスクトップの壁紙で有名なサイトですが、iPhone用の壁紙も一緒に配布されています。</p>
<p align="center"><a href="http://interfacelift.com/wallpaper_beta/downloads/date/mobile_devices/" title="InterfaceLIFT"><img src="http://www.designwalker.com/img/iphone_wallpaper/13.png" alt="InterfaceLIFT" border="0" /></a></p>
<h4><a href="http://www.alliphonewallpapers.com/" title="alliphonewallpapers.com">alliphonewallpapers.com</a></h4>
<p>こちらは、オールジャンルの壁紙サイトですが、セクシー系の壁紙が目立っているような・・・。</p>
<p align="center"><a href="http://www.alliphonewallpapers.com/" title="alliphonewallpapers.com"><img src="http://www.designwalker.com/img/iphone_wallpaper/14.png" alt="alliphonewallpapers.com" border="0" /></a></p>
<h4><a href="http://www.flickr.com/groups/iphonewallpapers/pool/" title="Flickr: The iPhone Wallpapers Pool">Flickr: The iPhone Wallpapers Pool</a></h4>
<p>FlickrのiPhone壁紙 Poolもなかなか見逃せません。</p>
<p align="center"><a href="http://www.flickr.com/groups/iphonewallpapers/pool/" title="Flickr: The iPhone Wallpapers Pool"><img src="http://www.designwalker.com/img/iphone_wallpaper/15.png" alt="Flickr: The iPhone Wallpapers Pool" border="0" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2009/09/iphone-wallpapers.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>テーブルに実装できるjQueryプラグインいろいろ</title>
		<link>http://www.designwalker.com/2009/09/jquery-table.html</link>
		<comments>http://www.designwalker.com/2009/09/jquery-table.html#comments</comments>
		<pubDate>Mon, 14 Sep 2009 23:41:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[ウェブデザイン]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://www.designwalker.com/?p=527</guid>
		<description><![CDATA[スペックやデータ、料金表などを表示するためには、テーブルコーディングは欠かせませんね。テーブルにjQueryのプラグインを実装すると、ソートやページングなどなど、様々な機能を追加する事ができます。今回は、テーブルに実装できるjQueryプラグインいろいろとまとめてみました。]]></description>
			<content:encoded><![CDATA[
<p><a href="http://feedads.g.doubleclick.net/~a/KlaFqYFQpokrKs_EvT56qYozCt0/0/da"><img src="http://feedads.g.doubleclick.net/~a/KlaFqYFQpokrKs_EvT56qYozCt0/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/KlaFqYFQpokrKs_EvT56qYozCt0/1/da"><img src="http://feedads.g.doubleclick.net/~a/KlaFqYFQpokrKs_EvT56qYozCt0/1/di" border="0" ismap="true"></img></a></p><p>スペックやデータ、料金表などを表示するためには、テーブルコーディングは欠かせませんね。</p>
<p>テーブルにjQueryのプラグインを実装すると、ソートやページングなどなど、様々な機能を追加する事ができます。</p>
<p>今回は、テーブルに実装できるjQueryプラグインいろいろとまとめてみました。</p>
<h4><a href="http://flexigrid.info/" title="Flexigrid - Web 2.0 Javscript Grid for jQuery">Flexigrid &#8211; Web 2.0 Javscript Grid for jQuery</a></h4>
<p>カラムのリサイズやソート、ページングなどなど、たった数行のコードを追加するだけで、とってもフレキシブルなテーブルが完成します！</p>
<p align="center"><a href="http://flexigrid.info/" title="Flexigrid - Web 2.0 Javscript Grid for jQuery"><img src="http://www.designwalker.com/img/jquery_table/01.png" alt="Flexigrid - Web 2.0 Javscript Grid for jQuery" border="0" /></a></p>
<h4><a href="http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx" title="Expand table rows with jQuery - jExpand plugin ">Expand table rows with jQuery &#8211; jExpand plugin </a></h4>
<p>折りたたみができるプラグインです。いろいろと使い道がありそうですね。</p>
<p align="center"><a href="http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx" title="Expand table rows with jQuery - jExpand plugin "><img src="http://www.designwalker.com/img/jquery_table/02.png" alt="Expand table rows with jQuery - jExpand plugin " border="0" /></a></p>
<h4><a href="http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas/" title="jQuery Visualize Plugin: Accessible Charts &amp; Graphs from Table Elements using HTML 5 Canvas">jQuery Visualize Plugin: Accessible Charts &amp; Graphs from Table Elements using HTML 5 Canvas</a></h4>
<p>jQueryとHTML5をつかって、テーブルに入力された数値をグラフにビジュアライズしてくれます。テーブル内の数値はブラウザ上で変更する事も可能で、グラフも同時に変更されます。</p>
<p align="center"><a href="http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas/" title="jQuery Visualize Plugin: Accessible Charts &amp; Graphs from Table Elements using HTML 5 Canvas"><img src="http://www.designwalker.com/img/jquery_table/03.png" alt="jQuery Visualize Plugin: Accessible Charts &amp; Graphs from Table Elements using HTML 5 Canvas" border="0" /></a></p>
<h4><a href="http://jsgt.org/lib/jquery/plugin/csv2table/v002/test.htm" title="jquery.csv2table.js">jquery.csv2table.js</a></h4>
<p>CSVファイルをテーブル表示してくれるjQueryのプラグイン。エクセルは使えるけど、HTMLはちょっと…。といったクライアントの方に重宝しそうなプラグインですね。</p>
<p align="center"><a href="http://jsgt.org/lib/jquery/plugin/csv2table/v002/test.htm" title="jquery.csv2table.js"><img src="http://www.designwalker.com/img/jquery_table/04.png" alt="jquery.csv2table.js" border="0" /></a></p>
<h4><a href="http://trirand.com/jqgrid/jqgrid.html" title="jqGrid">jqGrid</a></h4>
<p>ソートやページングなど様々な機能が実装できます。</p>
<p align="center"><a href="http://trirand.com/jqgrid/jqgrid.html" title="jqGrid"><img src="http://www.designwalker.com/img/jquery_table/05.png" alt="jqGrid" border="0" /></a></p>
<h4><a href="http://www.reconstrukt.com/ingrid/index.html" title="Ingrid, the jQuery Datagrid.">Ingrid, the jQuery Datagrid.</a></h4>
<p>こちらも同様に、ソートやページングなどのテーブル</p>
<p align="center"><a href="http://www.reconstrukt.com/ingrid/index.html" title="Ingrid, the jQuery Datagrid."><img src="http://www.designwalker.com/img/jquery_table/06.png" alt="Ingrid, the jQuery Datagrid." border="0" /></a></p>
<h4><a href="http://tablesorter.com/docs/" title="jQuery plugin: Tablesorter 2.0">jQuery plugin: Tablesorter 2.0</a></h4>
<p>すっきりとしたデザインで見やすいソート機能</p>
<p align="center"><a href="http://tablesorter.com/docs/" title="jQuery plugin: Tablesorter 2.0"><img src="http://www.designwalker.com/img/jquery_table/07.png" alt="jQuery plugin: Tablesorter 2.0" border="0" /></a></p>
<h4><a href="http://blog.cubicphuse.nl/2008/11/12/jquery-treetable-2-0" title="jQuery treeTable 2.0">jQuery treeTable 2.0</a></h4>
<p>ツリー表示が実装できます。</p>
<p align="center"><a href="http://blog.cubicphuse.nl/2008/11/12/jquery-treetable-2-0" title="jQuery treeTable 2.0"><img src="http://www.designwalker.com/img/jquery_table/08.png" alt="jQuery treeTable 2.0" border="0" /></a></p>
<h4><a href="http://www.jnathanson.com/blog/client/jquery/heatcolor/index.cfm" title="HeatColor, a jQuery plugin">HeatColor, a jQuery plugin</a></h4>
<p>とってもきれいなヒートカラーをテーブルに実装</p>
<p align="center"><a href="http://www.jnathanson.com/blog/client/jquery/heatcolor/index.cfm" title="HeatColor, a jQuery plugin"><img src="http://www.designwalker.com/img/jquery_table/09.png" alt="HeatColor, a jQuery plugin" border="0" /></a></p>
<h4><a href="http://pure-essence.net/stuff/webTips/jqueryTableRowCheckboxToggle.html" title="tableRowCheckboxToggle">tableRowCheckboxToggle</a></h4>
<p>テーブルの列ごとチェックボックスに反応させることができます。</p>
<p align="center"><a href="http://pure-essence.net/stuff/webTips/jqueryTableRowCheckboxToggle.html" title="tableRowCheckboxToggle"><img src="http://www.designwalker.com/img/jquery_table/10.png" alt="tableRowCheckboxToggle" border="0" /></a></p>
<h4><a href="http://www.datatables.net/" title="DataTables">DataTables</a></h4>
<p>こちらもソートやページングが実装できるjQueryプラグインです。</p>
<p align="center"><a href="http://www.datatables.net/" title="DataTables"><img src="http://www.designwalker.com/img/jquery_table/11.png" alt="DataTables" border="0" /></a></p>
<h4><a href="http://dev.iceburg.net/jquery/tableEditor/demo.php" title="TableEditor">TableEditor</a></h4>
<p>編集可能なテーブルを作ることができます。</p>
<p align="center"><a href="http://dev.iceburg.net/jquery/tableEditor/demo.php" title="TableEditor"><img src="http://www.designwalker.com/img/jquery_table/12.png" alt="TableEditor" border="0" /></a></p>
<h4><a href="http://www.leigeber.com/2009/03/table-sorter/" title="TinyTable JavaScript Table Sorter &#8211; 2.5KB">TinyTable JavaScript Table Sorter &#8211; 2.5KB</a></h4>
<p>わずか2.5KBでソートやページング機能が実装できるプラグイン</p>
<p align="center"><a href="http://www.leigeber.com/2009/03/table-sorter/" title="TinyTable JavaScript Table Sorter &#8211; 2.5KB"><img src="http://www.designwalker.com/img/jquery_table/13.png" alt="TinyTable JavaScript Table Sorter &#8211; 2.5KB" border="0" /></a></p>
<h4><a href="http://ideamill.synaptrixgroup.com/?page_id=16" title="tableFilter">tableFilter</a></h4>
<p>カラムの上部に配置されているボックスに文字を入力して、絞り込むことができます。</p>
<p align="center"><a href="http://ideamill.synaptrixgroup.com/?page_id=16" title="tableFilter"><img src="http://www.designwalker.com/img/jquery_table/14.png" alt="tableFilter" border="0" /></a></p>
<h4><a href="http://www.tomcoote.co.uk/jQueryColumnFilters.aspx" title="jQuery Column Filters">jQuery Column Filters</a></h4>
<p>こちらも、データを絞り込む事ができるフィルター機能</p>
<p align="center"><a href="http://www.tomcoote.co.uk/jQueryColumnFilters.aspx" title="jQuery Column Filters"><img src="http://www.designwalker.com/img/jquery_table/16.png" alt="jQuery Column Filters" border="0" /></a></p>
<h4><a href="http://www.sprymedia.co.uk/article/KeyTable" title="Allan Jardine | Reflections | KeyTable">Allan Jardine | Reflections | KeyTable</a></h4>
<p>タブキーでセルの選択を移動させることができます。</p>
<p align="center"><a href="http://www.sprymedia.co.uk/article/KeyTable" title="Allan Jardine | Reflections | KeyTable"><img src="http://www.designwalker.com/img/jquery_table/17.png" alt="Allan Jardine | Reflections | KeyTable" border="0" /></a></p>
<h4><a href="http://www.redips.net/javascript/drag-and-drop-table-content/" title="Drag and drop table content with JavaScript">Drag and drop table content with JavaScript</a></h4>
<p>ドラッグ アンド ドロップが可能になります。</p>
<p align="center"><a href="http://www.redips.net/javascript/drag-and-drop-table-content/" title="Drag and drop table content with JavaScript"><img src="http://www.designwalker.com/img/jquery_table/18.png" alt="Drag and drop table content with JavaScript" border="0" /></a></p>
<h4><a href="http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/" title="Table Drag and Drop JQuery plugin">Table Drag and Drop JQuery plugin</a></h4>
<p>こちらもドラッグ アンド ドロップ可能になるjQueryプラグインです。</p>
<p align="center"><a href="http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/" title="Table Drag and Drop JQuery plugin"><img src="http://www.designwalker.com/img/jquery_table/19.png" alt="Table Drag and Drop JQuery plugin" border="0" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2009/09/jquery-table.html/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss><!-- Dynamic page generated in 0.535 seconds. --><!-- Cached page generated by WP-Super-Cache on 2010-03-10 15:20:52 -->
