CSS selector, add image to links by file extension

In the wonderful world of CSS you can use different selector to locate the element you want. Some of them even allow you to filter the element by a certain property. In this example we will use the “href” attribute of the “a” tag to add an image in function of the file type linked.

In other words, if I have a link to a psd file, it will automatically add a little psd icon in front of the link. All of this is done in CSS using selectors.

Read the rest of this entry »

Wordpress admin interface, moving elements part 2

Here is what you need to style your category div after moving it of course :

First we take off the margin off the div container:

/*Added after moving*/
#categorydiv.postbox
{
margin:0;
}
/*Added after moving*/
#categorydiv div.ui-tabs-panel
{
margin:0;
clear:both;
}

Read the rest of this entry »

Wordpress admin interface, moving elements part 1

The last version of wordpress is awsome and add a lot of needed features but there some bits where I was more happy with the old one. When you write a new post, the category list is now positioned below the Editor, just after the tags. Why so far and not where it was before, on the right hand side. There is space over there…

Ok, if they choose to place it where it is it doesn’t mean it has to be there forever. Let’s get it on the side, just after the “save” and “publish” buttons. Read the rest of this entry »

Dafont, free fonts for your toolbox

Defenetly need it to be in your designer toolbox. Not very usfull for web design because, as everyone should know, users only see fonts they also have on their computer.

But for design as in image manipulation / illustration fonts are a major part and the wrong at the wrong place can transofrm a beautifull design to something very boring.

Dafont is a directory of free downloadable fonts, ordered by categories. From fancy fonts to handwritten you will find anything you want and more.

Create a custom shape in photoshop

If like me you tend to use some shapes more than once you migth be interested in learning how to create your own shape and add them to the photoshop shape tool. The process is quite straigth foward and save a good amount of time in the futur.

Let’s get started. Read the rest of this entry »

Image resizing with photoshop and batch processing

We have briefly seen in a previous article: Photoshop, begin with action how to create photoshop action to help you with repetitive task. Now we are going to see how to use those actions and the batch function of photoshop to make them even more usefull. Read the rest of this entry »