---
title: Building better websites 4 U with Prince
author: George Mandis <george@mand.is>
date: 2014-08-13
tags: post, post, silly, web design, prince
---

<p>Sometimes I spend a lot of time picking at the details of a page I'm <a href="http://snaptortoise.com">working</a> on. This evening I'm winding down by working on a page that's supposed to feature a head-shot and bio for members of a team. I don't have the photos yet and the bios and members are likely to change. Whenever I need to fill a space with an image to be replaced later I usually rely on a service like <a href="http://placehold.it">PLACEHOLD.IT</a> or occasionally the more whimsical <a href="http://placekitten.com/">Placekitten</a>.</p>
<p>This evening however I'd decided to use the cover from <a href="http://en.wikipedia.org/wiki/Prince_(album)">Prince's eponymous 1979 album</a>.</p>
<p style="text-align: center;"><a href="http://www.amazon.com/gp/product/B000002KKN/ref=as_li_tl?ie=UTF8&amp;camp=1789&amp;creative=390957&amp;creativeASIN=B000002KKN&amp;linkCode=as2&amp;tag=snapwebl-20&amp;linkId=O33OUXFVCGLRE7XB"><img class="aligncenter size-full wp-image-1424" src="https://s3-us-west-1.amazonaws.com/georgemandis/media/220px-Prince_SelfTitled.jpg" alt="220px-Prince_SelfTitled" width="220" height="219" /></a></p>
<p style="text-align: center;"><small>(<a href="http://www.amazon.com/gp/product/B000002KKN/ref=as_li_tl?ie=UTF8&amp;camp=1789&amp;creative=390957&amp;creativeASIN=B000002KKN&amp;linkCode=as2&amp;tag=snapwebl-20&amp;linkId=O33OUXFVCGLRE7XB">I kinda <em>love</em> this album.</a>)</small></p>
<p style="text-align: left;">I needed to test how much text we could fit in a certain amount of space as well. Normally I rely on the boring-old <a href="http://en.wikipedia.org/wiki/Lorem_ipsum">Lorem Ipsum</a> snippets that designers the world-over turn to but I thought it would be more appropriate to take a couple paragraphs from Prince's Wikipedia page instead.</p>
<p style="text-align: left;">That left one problem to resolve: what should Prince's title be? The layout had a space for each member's title within the company. It seemed silly to make all the place-holding elements so Prince-centric only to leave the title as something pedestrian and boring like <em>CEO</em> or <em>Accounting</em>.</p>
<p style="text-align: left;">But I figured it out.</p>
<p style="text-align: left;"><a href="https://s3-us-west-1.amazonaws.com/georgemandis/media/Prince-placeholder-1.png"><img class="aligncenter wp-image-1425 size-large" src="https://s3-us-west-1.amazonaws.com/georgemandis/media/Prince-placeholder-1-1024x554.png" alt="Prince-placeholder-1" width="1024" height="554" /></a></p>
<p style="text-align: left;">And when you click on team member...</p>
<p style="text-align: left;"><a href="https://s3-us-west-1.amazonaws.com/georgemandis/media/Prince-placeholder-2.png"><img class="aligncenter wp-image-1426 size-large" src="https://s3-us-west-1.amazonaws.com/georgemandis/media/Prince-placeholder-2-1024x529.png" alt="Prince-placeholder-2" width="1024" height="529" /></a></p>
<p style="text-align: left;">It seemed fitting to me that someone who often plays every instrument on his albums would hold every position at his company.</p>
<p style="text-align: left;">I may have gotten a little carried away.</p>
<p style="text-align: left;">We'll see what the client says tomorrow!</p>
<p>&nbsp;</p>