Pitman Design

Checking Port 80 (localhost)

admin — Wed, 23 May 2012 21:22:46 +0000

If you have problems starting your server package, it is possible that there is a conflict with Port 80 (Localhost).

On a pc, you can use the Command Prompt along with Task Manager to locate applications using the port. I’m not sure of the steps on a mac, but they are similar.

To open a command prompt in Win.7: (For other versions, do a search)

Click on the Start button. In the search box at the bottom of the start dialog, Type cmd and hit enter.

Now, follow along with the screenshots to locate applications that may be using Port 80.

RidgeStyle.com

admin — Sun, 01 Apr 2012 16:33:09 +0000

RidgeStyle.com

A Website for a Community of Outdoor Enthusiasts.

RidgeStyle.com is a custom built theme utilizing the WordPress framework. For this site, we employed HTML 5, CSS3 and a responsive layout that scales according to the device visiting the site. It is optimized for both desktop, and mobile devices.

Click Here to visit the Live Website.

Pure CSS Rollover Effect

admin — Thu, 17 Nov 2011 04:28:25 +0000

This very simple markup allows you to use the classic image rollover effect without the need for any Javascript.
Also, by using one image sprite for each image, or even a group, server requests are minimized, and page load as well as rollover response is optimized.

Have at it!

The Code:

/*——–The css ——–*/

#twitter {
display: inline-block;
width: 100px;
height: 100px;
background: url(‘img-sprite.png’) 0 0;	
}
#twitter:hover {
background-position: 0 -100px;
}
#vimeo {
display: inline-block;
width: 100px;
height: 100px;
background: url(‘img-sprite.png’) 0 -200px;	
}
#vimeo:hover {
background-position: 0 -300px;
}
#fb {
display: inline-block;
width: 100px;
height: 100px;
background: url(‘img-sprite.png’) 0 -400px;	
}
#fb:hover {
background-position: 0 -500px;
}
#rss {
display: inline-block;
width: 100px;
height: 100px;
background: url(‘img-sprite.png’) 0 -600px;	
}
#rss:hover {
background-position: 0 -700px;
}
		
<!-- The html -->

<a id="twitter" title="Wow, Pure CSS Rollover! No Javascript here!" href="http://www.twitter.com" target="blank"></a>

<a id="vimeo" title="I can be whatever text you choose" href="http://www.vimeo.com" target="blank"></a>

<a id="fb" title="This is a classic example of when to use this effect" href="http://www.facebook.com" target="blank"></a>

<a id="rss" title="If you click me, I'll take you to a Website!" href="http://www.google.com" target="blank"></a>

Survivors Outdoor Experience.org

admin — Sat, 08 Oct 2011 09:23:24 +0000

SurvivorOutdoorExperience.org

A web presence for the non-profit corporation Survivor’s Outdoor Experience.

Because SOE anticipates a continually growing archive of articles and events, we used WordPress as a CMS framework that will allow the site to grow while keeping everything organized in a database. In addition, using WordPress in the website design allows the site owners to easily add and edit content on the site via a standard text editor, without needing to know anything about web domains, c-panels, ftp, or html coding.

Click Here to visit the Live Website.

Sequim Bay.org

admin — Sun, 02 Jan 2011 00:55:20 +0000

SequimBay.org

A community news site developed for the neighbors of the Sequim Bay area of Northwest Washington State.

Using WordPress as a CMS for this website design project was a no-brainer. The site will have multiple authors and need to be able to handle large amounts of data that also needs to be available via an archive database.

Click Here to visit the Live Website.