How to slice up a PSD file in Photoshop

July 29th, 2010
How to slice up a PSD file in Photoshop

Because its quick

I am jumping around in topics lately from CSS, to jQuery, to WordPress, to blogging, and now onto Photoshop. This is good though. Something different every day. Yesterday I had the pleasure of helping out someone who wants to learn how to create a websites. After the the short lesson I gave him, he said “Wow…I have a lot to learn.” To which I replied with a simple yes. He had coded a page, and then had me look at it. At which point I broke him of some nasty habits. This bit of teaching had me thinking though. What are some things I see some people do that makes me shake my head, when I know there is an easier way.

The first thing that popped into my brain was watching someone use the eraser tool in Photoshop to take away the background around an image of a person. That is just plain crazy. But there was a second item I thought about just after that nonsense. Slicing up a Photoshop PSD file to be used as a web page. I know people who do things differently, like using guides and then cropping the images necessary. That takes a while, even though I know one guy who is pretty damn quick at it. For me though, slicing is the way to go. It’s quick, easy, and if you need to make a change, there is no cropping involved – just a re-save.

Read the rest of this entry »

Got published on Onextrapixel.com!

July 28th, 2010

Yes I am freakin’ excited. Please check out my article at onextrapixel.com, called ‘The Real World Development vs The Optimum Way‘ and let me know what you think! There or here, I don’t care!

Oh ya, and I hit 200 subscribers!

Getting border-radius to work in IE

July 27th, 2010
Getting border-radius to work in IE

Border-radius on IE? That is just crazy!

It’s funny how many things from my job come up as posts. Well, I guess not funny, because I end up working on things that I am not familiar with and have to fix. Which is the case tonight. I’m not sure if you have read any articles, but there are plenty, about getting the CSS3 property border-radius to work in IE. It is actually rather easy, so let’s get to it, and I’ll show you how!
Actually, I’ll tell you how. And then I’ll tell you some of the troubles I ran into.

Wait, that’s it?

So getting your rounded corners is pretty damn easy. There are three things you have to do:

1) Go here and download the htc file.
2) Place the downloaded file in your images folder
3) In your CSS file, on the style that you want the rounded corners you add something like this:

Read the rest of this entry »

Could Social Media have its own crash like .com?

July 23rd, 2010
Could Social Media have its own crash like .com?

Brilliant idea…I wish I thought of it

Today, while commenting on the blog Do It By Hand, I clicked on another commenter’s link. It was mainly out of curiosity, but what it brought me to, and I can only believe that it is the actual commenter’s upcoming business, made my jaw drop. What could be so damn surprising that you were actually stunned by seeing it, you ask? Take a look at this, and then think for a minute before reading on.

CommentFlock image

Read the rest of this entry »

Wordpress Custom Fields, plus Compass/Sass tip: CSS inline images

July 22nd, 2010
Wordpress Custom Fields, plus Compass/Sass tip: CSS inline images

Set out to learn something…and I did. Now its your turn

I wanted to create images that I could use for each post showing that it belonged to a certain type of category. You look at the image, and without reading the title, you would say “Oh, this post relates to Wordpress.” Same with jQuery, Blogging in general, or whatever category I come up with. Something my readers would come to recognize over time. I also wanted to be able to do it without having to stick it in manually in the post like I do with the other images I stick in articles. If you are on the home page you will already see this. That is the one I came up with for articles relating to Wordpress.

Now, I can’t take credit for what I am about to show you. I learned how to do this fromJustin Tadlock’s blog, but I wanted to spread the love. This was the best tutorial I found on the subject.

Just 10 Easy Steps!

Here is my quick and dirty paraphrasing of it. Meaning, do EXACTLY AS IT SAYS BELOW.

Read the rest of this entry »