jQuery Tip – A Quick look at .click()

Here is a quick jQuery tutorial, or tip, focusing on the .click() event. We will create a simple example that lets the user click on a couple of options to manipulate a box of text below. Because this is just a quick tip on .click() I won't get into the other methods we are invoking on the click event. You can browse around the jQuery documentation to find out more – or better yet sign up for the rss feed here at freeyourdesign and come back for more jQuery tutorials. Anyway we will be changing the content boxes background color and making and slide up and down. (more…)

Popularity: 8% [?]

CSS Two Classes for one Item

Using Two Classes on one item in CSS.

Here's a quick CSS Tip you can use if you need to style an item with two(or more) classes.

Sometime you might need to make something stand out a little more than the rest of the elements using the same CSS Class. You could throw a span tag around it or you can uses a second CSS Class. This way if you need to use this style again you aren't constantly having to type out the whole span tag.

It's actually pretty simple…
The HTML

<div class="one two">This text has TWO classes.</div>

The CSS
.one
{
color: #ff0000;
}
.two
{
font-size: 1.5em;
}

and here is the result:

A simple but very useful CSS Tip.

Popularity: 11% [?]

A Few GIMP Tutorials

Don't want to spend all that money on Photoshop? There is a free alternative, GIMP, or GNU Image Manipulation Program. A good alternative with a lot of support and plenty of tutorials to help you learn GIMP. Here is a list of a few GIMP Tutorials. Most of the sites these GIMP tutorials are on have many other tutorials. These should be enough to get you started though.

GIMP Tutorial – The User Interface

(more…)

Popularity: 22% [?]

What's Good on the Web

It's the weekend! Here are a few web design and graphic design related posts I stumbled upon (not from StumbleUpon just regular browsing) over the week.

45 Photo Editing Tutorials for Photoshop – A great list of tutorials to help you learn about photo editing in Photoshop.

Designflavr – I just found this site and I really enjoy it. "DesignFlavr is a breed of website that hopes to deliver the latest and freshest art and design straight to you with no frills and no hassle. The concept behind this website is to help support the vast and ever growing number of Designers and Artists that reside here on the World Wide Web."

css-warfare – Another inspiration site with a lot of good CSS designs.

25 MORE Reasons You Might Be A Hardcore Graphic/Web Designer – A list of reasons you might be a hardcore graphic or web designer over at bittbox. The first list is also available.

Popularity: 14% [?]

Inspirational Band Gig Posters

Here are ten band gig, or show, posters. Old or new gig posters can always be used as inspiration. They usually have some great typography elements, nice use of colors, and interesting imagery. I never really thought about looking at gig posters for inspiration until a recent trip to Nashville, Tennessee. There were posters everywhere down there. Hatch Show Print posters are found all over in Nashville. I'm only showing ten posters, but there are literally thousands of gig posters out there. Some of these are Hatch Show Print and some are ones I found at GigPosters.com or GIGART.com.

(more…)

Popularity: 18% [?]