PaintbrushJS is a lightweight, browser-based image processing library
that can apply various visual filters to images within a web page.

So, who’s into photoshop filters with just a little Javascript, CSS and HTML elements?

Your “thank you” goes to Author of Mezzoblue, David Shea!

Related posts:

1. Smoke Effects: 42 High Resolution Photoshop Brushes
2. Moogenda: a calendar mootools agenda
3. jQuery Offline plugin

In this new, well-designed website you’ll find some packs of  100% Completely Tileable Seamless Patterns, with their source files included just in case you are in the mood of spicing them up!

Right now there are 4 packs of patterns including lines, paper, rust effect and fabric but they promise to add more packs in the future.

Those cool patterns can be used for Personal and Commercial projects and are free!

Related posts:

1. 8 Tilable fabric texture patterns
2. PatternWall – Free Seamless Patterns
3. Seamless vector floral patterns

Every designer knows that design (and especially web design) has rules and that’s one of the things that separates it  from art.

Here are 10 great laws to follow and design by, written by Mr. Ross Johnson on 3.7 designs blog.

Of course the best and most innovative designers are they who break the laws by expanding them or bring something new and better, but in order to rich this level you have to master them first!

Read the full article

Related posts:

1. Logo of the Day – Logo Design Inspiration
2. My Christmas 2008 book shopping list
3. Visual design for the web: great articles

Last year, i had an idea of launching a small premium WordPress themes shop. So, slowly but steadily i designed a series of templates and integrated them to WordPress. Thing is that as there many really great premium WordPress theme shops out there i had to figure a way and offer, well, something more, something different. And i think, i found it. In September cssigniter.com will see the light of the day. Every month i’ll be providing at least 2 new themes in more than one versions. What do i mean? Well subscribe to the newsletter, follow @cssigniter on Twitter and you’ ll get more and more info about it.

Related posts:

1. Portfolio: Free tool from deviantart
2. Logo of the Day – Logo Design Inspiration
3. WordPress Plugin: Custom post relationships (CPR) v1.01

Having posts or pages designed a bit different from the rest of the blog/site isn’t something new. Some people i admire follow this technique in a really unique way. A friend of mine is doing it as well in a really interesting way but his site is under construction so i’ll update this bit as soon as he gets online. Note: All of them are using Expression Engine.

So what is it then?

Earlier today i needed this for a client project. Some pages need and some others will need in the future a different style than other pages. So i made this. It’s a tiny plugin that displays a list of custom CSS files stored in a sub directory of your theme and lets you choose which one you want to include in a specific post/page. In other words, no more dealing with code for this. Upload your custom CSS files, select the one that you need in a post or page and you’re done.

How it works?

First, download the Custom CSS plugin, extract and upload it. Activate it and you are good to go. Now all you have to do is create a folder called “custom-css” as a sub folder in your theme’s main directory. Like that:

In there you can now upload all the custom style-sheets that you might need for a page or post in your blog/site. Add or edit a post or a page and you will see a small list of the available style-sheets in the “custom-css” folder. Select it, update your post and that’s it.

Notes

1. The folder name must be “custom-css”. If you don’t like that, just edit the plugin file and change the first line:

[php]define(‘CCSS_PATH’,'/custom-css/’);[/php]

Make sure to add the slashes before and after the folder name.

2. This plug-in relies on wp_head() in order to include the style-sheet in your post / page. Having said that, you should have your main style-sheet ABOVE your wp_head() declaration. Otherwise how useful a set of styles that don’t override your default stylesheet would be? Not at all i guess. I am sure all of you have the wp_head() as the last thing in your header.php but i thought it would be a good idea to mention this before any hair pulling sessions.

Changelog

June 11th, 2010: Initial release v1.0

Related posts:

1. WordPress Plugin: Custom post relationships (CPR) v1.01
2. Mono Columnist: A free wordpress theme by webtoolkit4.me
3. Project Deploy

Update: Plugin is now hosted in the official Plugin directory: http://wordpress.org/extend/plugins/custom-post-relationships/

Hello everyone. It’s been a while since the last post but i think it’s worth it. It’s a wordpress plugin and it’s all about custom post relationships. All these years i was looking for a plug-in that would let me relate posts manually. None existed. All of the good ones rely on some short of algorithm and they pull a list of related post based on that.

In various projects all i need is a simple list of posts that i can relate to each other. And that’s what i did.

How it works

So first, download the plugin, extract and upload it to your plug-ins folder. Activate it and you are all set. If you create or edit a new post you will set a screen similar to the one above. You can choose how many posts you want to see, in what order, from what category to pull posts from and of course you can filter the results by typing a few letters from any part of the post title. Then all you have to do is add the posts to the Related Posted pane by clicking “Add”. In the related posts pane you have the ability to reorder the posts just by dragging and dropping.

And that’s it actually. Your post is now in a relationship with a series of posts that YOU chose. Can you imagine the possibilities?

How to display these posts

I have put a lot of thought on that. First i was thinking to create a shortcode that you could use in your posts but that approach was limited. So i decided to go with the “hand-coded” version which also provides a flexible way of displaying related posts. It’s very easy actually. If you have put your hands on wordpress templates file, you’ll pick this up in a minute. Here it goes.

Open your single.php file and locate the place that your want to display your related posts. Enter this piece of code:

[php]<div id=”related”>
<h2>Related Entries</h2>
<?php
$relations = cpr_populate(get_the_ID());
if (!empty($relations)) {
echo “<ul>”;
foreach ($relations as $related) {
echo “<li><a href=’”.get_permalink($related->ID).”‘>”.$related->post_title.”</a></li>”;
}
echo “</ul>”;
}
else {
echo “<p>No related entries</p>”;
}
?></div>[/php]

Presto! This small piece of code will create a new section (div id=”related”) with a section title (Related entries) and will display an unordered list with the related posts. If there aren’t any relationships set for a post a “No related entries” message will be shown. Have in mind that in the loop (foreach) you have access to every element of a post. For example if you want to display the thumbnail for a post (2.9.0) you could add the following to the code above:

[php]get_the_post_thumbnail($related->ID, ‘thumbnail’)[/php]

This should go next to the post_title for example and display the post’s main thumbnail. Actually you can display anything. Even custom fields.

Current Version

Current version of Custom post relationships (CPR) works in WordPress 2.9.0+ including WordPress 3.0 RC1. For the time being it works only for posts. So no pages for now.

Future versions

I have already created a fork of this and i am working on a version just for WordPress 3.0 that includes custom content types and pages relationships. Expect though an options page for that as things are getting a bit more complicated for WordPress 3.0.

I hope you find this plug-in useful and i’d love to let me know how you use it. Also do not hesitate to share ideas and comments. Have fun!

Changelog

June 10th, 2010 : Initial release.
Junue 11th, 2010: “All categories” option added. (thank you: @christoschiotis)

Related posts:

1. WordPress plugin: Custom CSS stylesheet for posts or pages
2. WordPress 2.8 for developers
3. ShopperPress – A shopping cart theme for wordpress

My partner Helen, released a really cool new icon set of 120 amazing icons. In the zip file you will find 2 versions of the icons (48×48 – 68×68) and a vector version (AI – EPS files). Cool eh?

Related posts:

1. 20 Free Vector Icons from Web Designer Depot
2. 15 Free High Resolution Icons
3. 21 free social vintage icons

Javascript freak? Do you need setters, getters, constructors and class extending capabilities? Class JS provides a basic class structure in under a kilobyte of code.

Related posts:

1. Project Deploy
2. jQuery Edit in Place

jQuery offline plugin provides a mechanism for retrieving and storing data through JSON on the client side. While the plugin makes use of the HTML5 localStorage API for persistence, the plugin will fall back to making a request to the server each time for browser that don’t support localStorage. The author states that jQuery Offline should be used in conjunction with Rack::Offline for automating the process of generating a cache manifest and jQuery-templ for taking a javascript object and producing the necessary HTML out of it.

Related posts:

1. jQuery Plugin imgPreview
2. TipTip jQuery Plugin
3. Google Maps jQuery Plugin

A jQuery plugin and a tutorial on how to paginate small sets of data on the client side using jQuery.

Related posts:

1. jQuery Offline plugin
2. Endless Scroll jQuery plugin
3. Sweet Justice jQuery plugin – Create beautiful justified text