Smashing Magazine - we smash you with the information that will make your life easier. really.

Thanks For all the tools, guides, and Inspiration! Maybe my background can make the next list @madesigns

I think this eclectic background is cool.
@Jacob_DeGrade

helpful. thank you. not many people actually view twitter from the homepage now do they? well its a lot less before.

Thanks for the tips. I need to revisit my messy background.

Great Article, it’d be great to make the round two of this list.

@aubreyjohnson

Cool post, I like to think mine is also pretty good and at the level of being exposed, check it here: http://twitter.com/h1brd

Hey hey … thx for the mention! :)

Cool. I just keep my as simple as possible @IvanBernat

Unfortunately all this works with a certain screen resolution.

I agree with a lot of the commenters here that you need to take screen resolution as a main factor. while @adamplitts looks good, it only looks good when your screen is at the exact res that it was built for. It would make it a lot better to do one like that if twitter were to give us the option of making our background image centered along with the rest of the site.

While backgrounds won’t necessarily look the same from a netbook to a 24 inch screen with a 1920×1200 screen size, I think it is important that we take them all into consideration when making the designs for this. I am not saying I am perfect at this, but it is all something we need to consider…

@justinruess

I like my twitter layout. It’s the jizz. @omgitslittlet

Great list!
I also run a site with a gallery of Twitter backgrounds if others are looking for inspiration. http://www.twitter-gallery.com

Excellent. Really useful information all in the one place. Just what I need. thanks

http://planetozh.com/blog/2009/03/pixel-perfect-background-photoshop-template-for-twitter/ is a great template for twitter background

Wow!!!..What an inspiring post!!…Thanks!

Great article and some wonderfull designs. At Douro Azul, a Portuguese cruising company, we did the study you show at the beginning of the article to creat our twitter profile background. There’s a lot of trial and error untill you get the perfect balance. Also, when you represent a brand you have to guarantee that your twitter profile page is alligned with your overall corporate image. I think our design team did ok. You should check it at twitter.com/DouroAzul

Btw, @adamplitt has, imho, the best and more creative background.

great collection! those are some amazing backgrounds. I think i need an update… @printedproof

I thought it was a confusing article. I expected a list of best practices, and then was given a list of a bunch of things to add….followed by “less is more”….followed by “do whatever you want to do”.

Design is about communication. And when ‘best practices’ cause communication to be lost on potential clients and customers, I think there’s a disconnect from best practice. I’ve been struggling with the best way to do this, myself, was excited about seeing this article.

Was a great showcase of art. Could revisit the best practices idea again in the future.

Thank you for not including a whole ton of social media douchebag backgrounds. I cannot stand the people who put way, way, way too much contact info and “fake” (non-clickable) janky non-links in their background graphics.

Sadly, like many others I see the problem as being the centering.

The variable widths that people keep their browsers really can damn your view. Twitter would be doing a service if we could pick alignments. Like ‘X px from left’, aligned left, or centered.

Then we would REALLY be able to theme.

Excellent! Thank you.

Nice to see Tyler Stewart of Barenaked Ladies on the list.

Thanks for including mine. This is a wonderful and inspiring list.

Why, why, why? I’m not in this list? Whyyyy!!! (crying out of load)
I change my Twitter every hour just for Smashing Magazine! BoooOOuuUh!!! They still ignore me even if the CEO is my cousin! http://twitter.com/10dier – Whyyyyyyyyyyy.
Life is so cruel with me!!!

(I know, I should take a rest ; )

Great roundup! I love twitter and peekr is sooo cool!

“HUGE” went really lame and obvious with this background. I would expect more from a large agency like that. The rest are all drivel and totally not original.

you are so missing mine, Toronto from the top

Thanks for all the attention…. positive and negative. I wanted to make my idea work on all resolutions but it is simply impossible. Therefore, I chose to maximize the number of viewers with screen resolutions that would correctly display my background. The majority of twitters (and surfers in general) utilize the most common screen resolution, which is 1024 and 1280 in width. I know that there will still be loads of visitors who won’t see it correctly, but the idea, imho, was just too cool to pass.

Change your resolution to 1024 x 768 and you will be viewing the web like the majority of other users… otherwise, you might just miss out on something pretty dedgum awesome. I know, I know… this resolution isn’t visually the best, but it is the most common. I use two monitors and extend my desktop for a more efficient working/relaxing environment. This way I can set each monitor to display different resolutions.

Thanks again…

be unique. be yourself. be a be a.

Great post! Just inspired me to redesign my Twitter background.

This is what I did with mine –

Thanks~ it’s really inspiring post~

Love it! Might have to use some of these techniques! Cheers and thanks for a great read.

Matt

Hi ! Really inspiring and actual info for background-designers.
How about 1280+ resolution like 1600×1200, 1920×200 and may be even 2560×1600 ?
p.s. Just finished working on @zoknowsgaming background – is it deserve to be in your list ?
@romarto

I think you people missed my page ;-) http://twitter.com/mithunp

these design teqnics should / could also be applied to youtube. Im going to do so in a new project.

Wow, lots of shameless plugs and spam in the comments ( tubebutler, really?)

Either way, until Twitter supports CSS, centering is next to impossible to do, there will always be a black band around the background. Some of these look good, others look like utter shite on 1920×1200.

Awesome! Now I don’t have to spend any time being creative!

what I still it amazing the amount narcissism that is out there, and how Twitter just fuels so many! Why would I want to follow the every “important thought” you have? Why do you feel the need to tell everyone your every thought… and why do I have to look at your ugly mugs now too! How many of these self-involved idiots out there thought “ooh I gotta setup up a portrait session with someone so I can have some fresh pics for my twitter background”… They say in fashion, each decade comes around again… I’d say the 70’s “Me Decade” is coming back… and in greater numbers!

Stop wasting your time tweeting when the end of the world is at hand! Join the fight at !

awesome

and by thanks, I mean, this thingummy here :

this is amazing! i edited my bg before so it’s aligned axactly in my twitter feed wallbut it doesn’t show the same way in our widescreen pc. so how do i get to have my bg exact;y the way i want it to appear? i don’t know the right measurements.

i had an idea before like the one with the hand gripping the page (but not that one) and i don’t know if i’m wasting my time making it look properly on my laptop when it doesn’t look properly in a desktop pc. help me!

Too many of those are too busy and they only look good on a few or, worse…only one resolution.

I created a pattern, if you want to take a look :) http://twitter.com/jeremylv

These are all great! I wish I had seen this before I redid my background. I’m quite pleased with mine though. It could have been a contender for this post. Maybe. I dont know, what do you think?

http://www.twitter.com/g_daniels

twitterism.
made this background some moths ago in an affect of stylism with all my designism i could raise with playism!
http://twitter.com/theimo

I think mine is good too :) check it out

The belief that one should design a page for maximized wide screen users is a bit, how do I say, exclusive? Absurd? Try looking at these pages in 1024×768 sometime. They look absurd.

Regarding http://twitter.com/elitistsnob ’s background : What tool would you use to create that “border” between two parts of the image ?

Awesome selection!!
I wont be original but I’ll showcase some too :P
@BaZookaPL
@fredaudet
@cstyves

Thanks so much for the mention! (On Twitter, I’m @carywood.) I must tell you, though, that my background was actually designed by @natalie who sells very reasonably priced backgrounds at http://twitterpatterns.com. The one I use isn’t there; I purchased it ages ago.

One I love that I don’t see here is Grace Smith’s. @gracesmith. Love the chalkboard, the info, what you see if you expand your browser width, etc. Great combination of form and function, in my opinion.

Great article!!
@timeforfit

I can recall seeing some of these examples. None the less great show of creativity. Thanks!

Thank you very much for the mention, really appreciate it!

Sincerely,

RJ Jacquez @rjacquez

Wonderful Post

Did i do mine right twitter.com@innerclick

@innerclick Looks fine to me.

Great post, there are some cool twitter background designs here. ;-)

Some of them however don’t display properly on larger sized monitors. Check out this post to see how to create a twitter background the right way. Create a twitter background the right way

Great article…the rising popularity of twitter will make your twitter backdrop just as important as the home page of your website. Check out the Twitter design package that Logoworks is offering – http://bit.ly/OZD3j

nice collections of twitter background.

this page is a great example to show a twitter profile over different screen resoultions.

Could it be that I was the only one who thought about designing the following-tail? See http://twitter.com/ysfr for a proof of concept.

@pausedesign
my custom made background

Great article! The gallery is very inspiring. I’m working on mine now look for me on twitter joshhatcher

Well….I can say that it’s great to see people wanting to customize their Twitter pages and it allows for creativity. I would imagine that custom backgrounds are more preferred so that no one has a background that someone else might have but would probably be more for the business twitterite but for the individual personal pages, it’s not related to “branding”. Anyway, now I am thinking perhaps I should start the Twitter design process…albeit, to get creative.

I am pretty proud of mine @utahluxury

@adamplitt has worse background ever! I guess he never heard about TESTING

The width is 763px not 765.

Very interested by this post some weeks ago, I made a .png “template” to personalize my twitter background.
If this can help you I share it with the world on my little blog here : http://bit.ly/1dAvpJ :)

(it’s like other template but include the barre above and belove the time line for precise adjustment)