<?php
// include feed.php from WordPress to fetch the feed
include_once(ABSPATH.WPINC.'/feed.php');

// function to get the image out of the description tag in the feed
// http://www.catswhocode.com/blog/10-php-code-snippets-for-working-with-strings
function GetBetween($content,$start,$end){
	$r = explode($start, $content);
	if (isset($r[1])){
		$r = explode($end, $r[1]);
		return $r[0];
	}
	return '';
}

// put your behance feed in the string http://www.behance.net/YOURFEED.xml
$rss = fetch_feed('http://www.behance.net/solemone.xml');

// set the number of items, now there are 6 items
$maxitems = $rss->get_item_quantity(6);

// get the items
$rss_items = $rss->get_items(0, $maxitems);
?>

<ul id="behance">

<?php
// handle if there is no feed or empty feed
if (!$rss_items) :
	echo '<li>No items.</li>';
else :
	// start the loop for the items in feed
	foreach ( $rss_items as $item ) :
?>
	<li>
		<a href="<?php echo $item->get_permalink(); ?>" title="<?php echo $item->get_title(); ?>">
		<?php
		// you can also place the title here if you like
		// echo $item->get_title();

		// here you get the image out of the description tag in the feed
		echo '<img '.GetBetween($item->get_description(), '<img', '>').'>';
		?>
		</a>
	</li>
	<?php endforeach; ?>
</ul>
<?php endif; ?>

PS: The images have a embedded style attribute, which you can also delete with a PHP String function. Or you give the styles in your stylesheet a !important hack.

As you can see I´ve designed a new theme for my blog. It´s been a while that something was changed at the design. So I decides to make a whole new theme. The new one has a bigger area for the main content and a more useful sidebar. The main change is that you see almost the entire content of the newest articles on the Homepage. You can just scroll down and don´t have to click around to read the content of the article. In the old version you only saw some thumbnails and titles of the latest ten Posts.

Almost all articles that I publish have images which I want to show as large as it goes. Because large images rock. A next big change is the header. It´s much smaller than the old one. This has the advantage that you can see more content on the first impression.

Another reformation is a small portfolio page with poster designs and design studies from me. Last but not least I renewed the contact page.

Technical Informations

The site is written in HTML5 with new elements like: header, nav, section, article and footer. I´ve also used CSS3 stuff (box-shadow, border-radius, gradients, selectors) for styling some elements. I really recommend the HTML5 Boilerplate default. It was such a help with great tips and tricks.

Here some screenshots:

Old Frontpage:

New Frontpage:

Portfolio Page:

Old Contact:

New Contact:

I´ve used a 12 x 60px Grid with 20px gutters and a 20px margin: