Tommy

What about some WDF mouse mats?

Bringing this thread back on topic (!) I'd like to play devil's advocate for a minute.
 
The designer in question seems by popular concensus to have a horrible, badly designed site, right? I haven't looked at the code, but I'd be willing to bet that said designer does a fair amount of business off the back of that home page. It has character, and warmth. Ok, the drawings are a little, er... childish, but I can see the appeal for small businesses and family concerns, definitely.
 
Which begs the question, is it bad design? If it works, then no. Is it ugly? Probably, but the two are not the same thing.
 
There's more to offering a service than sharp graphics and valid XHTML. Doesn't mean the service will be good, but selling it is the first step. You can be the best *designer* in the world, but it's worth nothing if you can't bring in a single client.

http://pandawebdesign.co.uk/
 
Here's mine. I'm going to use it as a side project. The sort of work I do that I don't want to go onto my Portfolio for clients to see but would still like to put out there and make use of.

I actually prefer this code, because then it fits on any website without a shape around it.
 

<ul id="twitter_update_list"></ul> <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/TWITTERNAMEHERE.json?callback=twitterCallback2&count=1"></script>

I made a playlist today and wanted to share it with the world, just lots of stuff I'm listening to at the moment. Mostly quirky, jangly creative stuff. It may not be your cup of tea, but quite frankly I don't care! Enjoy
 

Hey!
 
Just letting you know that I plan on upgrading the forum this weekend, it will most likely be tomorrow or this evening (If time). The overall look won't change but it comes with some nice features such as:
 
Twitter Integration
Members can now link their account with their Twitter account! - This includes syncing your status updates and having the same background within your profile area.
 
Status Updates
Enhancements to the existing member status system to include the ability to reply and more, you will also have your recent activity within your profile area (Much like Facebook)
 
Topic Preview
Preview the first few lines of a topic without loading the entire topic.
 
Profile Area
Default display will include your recent activity/status updates and also allow you to add a custom background image
 
Link Sharing
Easily share links from your community to Facebook, Twitter, and more.
 
Plus many more little enhancements.
 
 
 
All the best

I have had a load of requests over the past year, via PM, to supply my freelance contract...so instead of sending stuff out individually via PM, I've decided to set up a template with explanatory text for anyone to download and adapt to their own circumstances.

This is a contract that I came up with several years ago, with the help of a lawyer [personal friend]. I didn't want anything too technical or full of legal speak. Just wanted something simple, straightforward, that made sense and didn't confuse or intimidate in any way. So there are no major legal terms in the document at all...it simply does what it's meant to - lay out the information that client has supplied [the brief], say what you're going to do for them and how much your going to charge and what deadlines there are...

-----Edit 2011-----
These templates are now available as part of my latest e-book called "Freelance Contracts" - you get 12 pages of information, advice and instructions on how to use freelance contracts as well the contract template in .odt, .doc and .pdf format. You can also get just the templates without the e-book.

This muppet must be the biggest asshole on Facebook:
 
http://www.facebook.com/profile.php?=743264506
 
I heard they post on webdesignerforum.co.uk!

http://tinyurl.com/2fwffxl
 

 
Loads of great tutorials around mate, I would highly recommend:
 
http://net.tutsplus.com/articles/news/the-best-psd-to-html-to-wordpress-video-series-available-new-plus-tutorial/
 
Enjoy

I wouldn't drop school.
 
I'm doing college, freelancing and working doing 'web publishing' for a local company.
 
If you leave school and everything goes tits up in two, even five years time, you have no qualifications and are stuck.
I'd advise you stay in education and try and work part time, be it for an agency, freelance or both.
 
Best of luck!

This is the most commonly asked question on the forum and as such it makes sense to have a pinned tutorial at the top of all the sections that it has been asked in

Tutorial:
How to center content using CSS

The best way to center a page is to use a wrapper that contains what you want to center, and this can be done in two simple stages.


Stage one- The CSS
Within your css add something that looks like this code:


body { text-align:center; } #wrapper { margin: 0 auto; width: xxxx; /* Replace the xxxx with the the width of your site (eg 800px)*/ text-align:left; }


A quick explanation of what margin: 0 auto; will do


In the body add text-align:center as this will fix a problem that some browsers have with margin:auto. However this will make all the text in anything be centered so to fix this in the wrapper you will tell all the text to go back to the left, this way you are resetting the default position of the text and will place the text left unless you tell it in a different div/class to be otherwise.

in the wrapper, the 0 is there to tell the top and bottom not to have a margin, this can be changed if you want there to be a top and bottom margin.

The auto tells the left and the right to automatically set a margin. So it takes into account the space that remains and divides it between the left and right margins, making the content centered on the page.



Stage two – The HTML

Now that you have the CSS part done all you need to do is apply the wrapper to the HTML. This is simple, anything that you want to be centered on the page shoul be placed inside the wrapper like this:

<div id="wrapper"> <!-- Place everything you want to be centred here--> </div>



And that is all that you need to do to center something on a page

yeah you should have it as
 

body { font-family: verdana, helvetica; background-color: #000000; text-align: left; font-size: 13px; margin: 0; padding: 0; }
 
 
Reason being that your body isn't an id. When you are naming IDs you use a '#' when you are naming a class you would use a '.' before whatever it is you call the id or class, this is because you are making up a name so the css needs to know if it is a class or an id you are naming, while the body is a tag so it knows what that is...I hope that makes some sort of sense.
 
 
Edit: Also the body isn't a div, a div is a tag <div> much like 'body' is a tag <body>

Hey everyone. If this is against the rules feel free to delete mods . But anyway I am giving away Google Wave invites on my blog if someone is interested. All you have to do is leave a comment with your name and your email and youll be entered to win. Im giving away three invites so its pretty good chances. Link is http://sites.boyleswebdesign.com/wordpress/?p=188 and feel free to retweet if you would like

html

<html> <head> <title>2 Columns </title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="left"> <p>text</p> </div> <div style="right"> <p>text</p> </div> </body> </html>
 
style.css

#left { background-color: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 8px; border: 4px solid #000; float:left; width: 450px; } #right background-color: #00DDFA; -moz-border-radius: 5px; -webkit-border-radius: 8px; border: 4px solid #000; width: 10px; float:right; }
 
What i have done with the code is split into 2 files, html and css, and added a float command on each column
 
Using an external css, instead of inline css, means the html code is less bloated and easier to change it once the site expands.
 
I also removed the padding as it contradicted, if you want to set padding do one of the methods e.g. padding right of 25px
 

#right { padding-right:25px; } #right { padding:0 25px 0 0; }
 
The second method is the best as you then have one line for all the paddings, the order it follows is top, right, bottom, left.
 
So to have 20px top, 5px right, 100px bottom and -50px for left, you do
 

#right { padding:20px 5px 100px -50px; }
 
Need any more assistance then just holler

Just found this link in the css tracks footer:
http://bandwebsitetemplate.com/
 
Also might be useful