Tag Archives: graphics

Free Grunge Texture Pack

Finally got a nice day in the Buffalo N.Y. area and I wanted to snap some grungey style textures with my phone. I accidentally shot these in the wrong resolution and thought I would post them here as a freebie grunge texture pack. The images are unedited, and 640 x 480 px in jpeg format. I usually shoot my textures in a much higher resolution but I’m sure these are still usable to more than a few people out there. There’s about 14 images in total, the sample picture shows a few examples. All freebies are served thru Mega to help conserve bandwidth on my server. Enjoy!

Free Texture Grunge Pack

Freebie Grunge Texture Pack


Download Here

Youtube Gimp Text To Path

Here’s a quick and easy Youtube video that explains using Text To Path with Gimp.

To get curved text with Gimp to either wrap around an image or spruce up a graphic all you need to understand is how to Text To Path. This video explains it in a few easy steps. Once you figure out the basics, just use your imagination and the sky is the limit.

Free Bitcoin Icon Graphic Pack

I love giving you guys freebies ! I’ve been doing a lot of work with Bitcoin related stuff, and came across this lovely Bitcoin icon set. The file is in zip format, and contains both jpg and svg files. This is a lovely icon set, and is perfect for different Bitcoin projects you may find yourself working on.

Free Bitcoin Graphic Pack DownloadThe pack is available for download here.

CSS Create A Scalable Image Class

Here’s a simple way to scale images in your responsive web design using CSS, two classes and some html.

The CSS

I created two classes one named .image-wrapper and the other I named .scale-image.

First, lets create the two classes. We will name the first one .image-wrapper and this will be used as a div.

.image-wrapper
{
position: relative;
}

Next we will make the .scale-image class. This class will scale the image inside the image-wrapper div. You can play around with the max-width percentage based on your design.

.scale-image
{
display: block;
width: auto;
max-width: 75%;
}

The HTML

Place the image code inside the div of the image wrapper you created and then use the scale-image class to scale the image based on the device or browser size.

<div class="image-wrapper">
<img src="image_name.jpg" class="scale-image" />
<div />

That’s it your done. If you want to see the code in use you can check out a clients site I’m doing here.

Keeping With The Season Design.

Found the little autumn squirrel rss icon on my sidebar the other day playing around on twitter and thought it went with the fall theme perfectly and had to download it. I love posting links to web freebies on here so here’s the link. I already tweeted the link, so if your following from twitter, sorry for the round about retweet / repost.

On a side note, the spam comments continue, over 90 spam comments. I noticed that a few people have signed up as members and this is much appreciated. I found a way to block IP addresses so I should have a handle on this spamming spectacle soon. If you commented and I deleted your comment mistakenly thinking it was spam, I do apologize. Thanks for signing up and following The Design Blog and I look forward to interacting with you all in the future.

If you’re on twitter and would like to follow I’m @NewAeonDesign