Michigan Website Design http://430designs.com Small Business Website Design Wed, 23 Nov 2011 13:37:37 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Featured on Experts Exchange http://430designs.com/featured-on-experts-exchange/ http://430designs.com/featured-on-experts-exchange/#comments Wed, 23 Nov 2011 13:35:54 +0000 admin http://430designs.com/?p=369 I’ve always loved Experts Exchange. It’s a place where I can help others and share my knowledge of web development.  You receive points for answering questions correctly. Recently I was featured as one of their “Top Technology Experts”.

I’m very proud for the ranks I’ve achieved, but I am more proud about being able to help and teach people what they need to know about web development.

]]> http://430designs.com/featured-on-experts-exchange/feed/ 0 U of M Rowing Team http://430designs.com/u-of-m-rowing-team/ http://430designs.com/u-of-m-rowing-team/#comments Sat, 13 Aug 2011 01:52:29 +0000 admin http://430designs.com/?p=349 I took the design from a PSD into a fully functional WordPress theme.  Very straight forward site with some custom jquery for the scaling background, as well as the home page tabs.

]]> http://430designs.com/u-of-m-rowing-team/feed/ 0 Listing Page Layout http://430designs.com/listing-page-layout/ http://430designs.com/listing-page-layout/#comments Thu, 31 Mar 2011 14:35:15 +0000 admin http://430designs.com/?p=316 This is a pretty straightforward listing page layout. It uses PHP variables for almost everything on the page, from the logo all the way down to the email address with subject and body information.  Very simple, yet powerful and very user friendly.

]]> http://430designs.com/listing-page-layout/feed/ 0 HeartAED http://430designs.com/heartaed/ http://430designs.com/heartaed/#comments Wed, 23 Mar 2011 15:22:52 +0000 admin http://430designs.com/?p=307 HeartAED is located in Madison Heights, MI.  They needed something that would allow them to update their own website when they wanted. There are a few custom items throughout the website, like the footer, RSS feed from Google and a few other things.  Awesome project overall!

]]> http://430designs.com/heartaed/feed/ 0 Northwestern Technological Institute http://430designs.com/northwestern-technological-institute/ http://430designs.com/northwestern-technological-institute/#comments Wed, 23 Mar 2011 15:12:02 +0000 admin http://430designs.com/?p=303 This was a fun little project that included regular HTML/CSS coupled with some cool AJAX and Jquery effects. I had the chance to learn some new Jquery techniques including adding classes to the menu based on the URL hash tag.  Check out the finished product!

]]> http://430designs.com/northwestern-technological-institute/feed/ 0 Coral Calcium 1 http://430designs.com/coral-calcium-1/ http://430designs.com/coral-calcium-1/#comments Wed, 02 Feb 2011 22:56:50 +0000 admin http://430designs.com/?p=290 This site has been shut down as of April 1, 2011.
I developed Coral Calcium 1 with the help of WordPress and 1shoppingcart.com.  I customized the wordpress theme so that the client could keep the ocean or coral reef feeling.  I also customized the buttons from 1shoppingcart.com.

]]> http://430designs.com/coral-calcium-1/feed/ 0 Georgios Fine Jewelry http://430designs.com/georgios-fine-jewelry/ http://430designs.com/georgios-fine-jewelry/#comments Wed, 02 Feb 2011 21:55:48 +0000 admin http://430designs.com/?p=285 Georgios Fine Jewelry is a Metro-Detroit Jewelry store.

This site was created with a minimalist, yet elegant goal from the start.

]]> http://430designs.com/georgios-fine-jewelry/feed/ 0 Aventric http://430designs.com/aventric/ http://430designs.com/aventric/#comments Wed, 02 Feb 2011 21:42:04 +0000 admin http://430designs.com/?p=279 Aventric.com is a medical video repair facility located in South Eastern Michigan.

Their old website was extremely date in both aesthetics and back-end functionality/code. They wanted an affordable solution that they could manage themselves if necessary.  We chose WordPress for just those reasons.

]]> http://430designs.com/aventric/feed/ 0 CSS Sprite Breadcrumbs http://430designs.com/css-sprite-breadcrumbs/ http://430designs.com/css-sprite-breadcrumbs/#comments Wed, 06 Oct 2010 19:47:31 +0000 admin http://430designs.com/?p=241

These are made with 1 image that contains multiple versions of the breadcrumbs. They work no matter how long each breadcrumb is, within about 1000px or so.  Very lightweight code and validates in XHTML 1.0 Strict!  Best of all, it’s cross-browser friendly!

You can download the PSD and the PNG files here:
PNG File
Photoshop File (layered)

Here’s the code for the demo above:

<!DOCTYPE HTML>
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>CSS Breadcrumbs</title>	

	<style> 
		#breadcrumbs{background:url(http://430designs.com/snippit/breadcrumbs.png) no-repeat  right 0px;text-decoration:none;color:#f1f1f1;font-size:8px;float:left;margin:5px
		0 5px 5px}
		#breadcrumbs a{background:url(http://430designs.com/snippit/breadcrumbs.png) no-repeat right 0px;text-decoration:none;font-size:11px;padding:5px
		16px 5px 0px;display:inline-block}#breadcrumbs
		.begin{background:url(http://430designs.com/snippit/breadcrumbs.png) no-repeat left -550px;width:8px;height:26px;float:left}#breadcrumbs a:hover{text-decoration:underline}
		#breadcrumbs span.crumb-arrow{color:#fff;font-size:1px}
	
	</style>
</head>
	<body>
		<div id="breadcrumbs">
			<div class="begin"> </div>
			<a href="#">Home</a>		
			<span class="crumb-arrow">&gt;</span>			
			<a href="#">Category</a>		
			<span class="crumb-arrow">&gt;</span>			
			<a href="#">Category 2</a>		
			<span class="crumb-arrow">&gt;</span>			
			<a href="#">Really super long breadcrumb with a lot of text</a>		
			<span class="crumb-arrow">&gt;</span>			
			<a href=""# >Final Breadcrumb</a>		
			<div style="clear:both"></div>
		</div>
	</body>
</html>

Feel free to improve upon them if you’d like

]]> http://430designs.com/css-sprite-breadcrumbs/feed/ 0 Clean Website Design http://430designs.com/clean-website-design/ http://430designs.com/clean-website-design/#comments Mon, 16 Aug 2010 02:22:51 +0000 admin http://430designs.com/?p=236

I love minimalism and cleanliness when it comes to almost anything, web design in particular. I had a few hours free and wanted to make something clean, readable and without a lot of bells and whistles. I think that minimalism, when done correctly can speak volumes and bring an elegant touch to a design.

]]> http://430designs.com/clean-website-design/feed/ 0