23 of the Best Grunge-Style WordPress Themes

The grunge style is obviously very popular in modern web design. Many WordPress theme designers are creating high-quality, grunge-style themes. In this post we’ll feature 23 themes, some are free and some are premium.

Premium Themes:

Grunge ($35) | View Grunge Demo

Grunge WordPress Themes

Top 10 Tutorials for Converting PSDs to HTML/CSS

Many web designers start a new project by designing a mockup in Photoshop before actually coding the website. For a designer who is comfortable with Photoshop and with this process, less time can be used to create the end result.

For those designers who have not mastered the process of converting a design into a fully coded website, these 10 tutorials are excellent learning resources. (For tutorials on creating layouts in Photoshop, see 35 Tutorials for Creating Website Layouts in Photoshop).

From PSD to HTML, Building a Set of Web Designs Step by Step

PSD to HTML Tutorial

Top 10 Tutorials for Working with WordPress Comments

WordPress offers plenty of flexibility to designers and developers, and the comments section provides some opportunities for creativity. These 10 tutorials will show you some different things that you can do on your own WordPress blogs, or those of clients, to make more of an impact with comments. Some focus on functionality and others on appearance, but all serve a purpose.

Hack Together a User Contributed Link Feed with WordPress Comments

This tutorial from NETTUTS has been used by a number of blogs, particularly in the design niche, for creating a community news section. I use a different approach for the news section at DesignM.ag, but Collis’ technique works and it’s not that difficult to set up. It’s a great way to add some user interaction to your blog.

WordPress Comments Tutorials

35 Excellent Adobe Fireworks Tutorials

Fireworks doesn’t get as much attention as some of the other products from Adobe, but it is still a valuable resource for many designers. If you’re interested in improving your skills with Fireworks, here are some of the best tutorials available.

Fireworks Tutorials:

Circular Shadows and Highlights

45 Free Sets of Adobe Illustrator Brushes

While there are not as many free brushes available for Illustrator as there are for Photoshop, there are still some excellent, high-quality options. In this post we’ll look at 45 sets of brushes in several different categories.

Abstract Brushes:

35 Free Abstract Illustrator Brushes

45 Free Calligraphy Fonts for Web Designers

There are so many freebie fonts online that it can be tough choosing exactly what you need. With more options you often feel trapped picking just one solution – so how do you know where to start? I want to present 45 brilliant calligraphy fonts which go perfect in any website layout. Even for basic graphics design or digital branding, these calligraphy fonts offer quite an experience in the realm of beautiful typography.

Calligraphy Unicase

freebie web font calligraphy unicase

40 Awesome and Free Textures to Download

Textures can be some of the most valuable resources in a graphic designer’s arsenal. They can be used to create backgrounds, to add subtle textures to elements within a design, and even to rough up text and give it a grungy, dirty effect.

One of the great things about textures is that no two items are ever quite alike. Although there are thousands of textures out there that are available for purchase or free download, there is always room for other quality textures.

If you’re the type of designer that creates your own textures, from photos or scans, there are always other unique textures available from other designers and photographers that can serve as a complement to the ones you’ve created for yourself. And if you don’t create your own textures, you’re sure to love finding quality sources of textures that you can use.

Here we’ll showcase 40 different texture sets that are not only high quality, but they are also free to download.

Free Vintage Seamless Textures

Free Vintage Seamless Textures

How to Code Your First HTML UI Kit

UI Kit’s are quite handy when it comes to design. They allow you to create beautiful and standardized interfaces pretty fast, with a lot of premade components that you can use and edit.

But when it comes to coding, they are not that common. Sure, you have some frameworks here and there, but complete HTML UI Kits are rare, and most times you may need to code that yourself. On the other hand, that’s a great opportunity to create a tool for yourself, a starter kit that will allow you to implement interfaces in no time.

So today we’ll see a few coding tips, and also implement 3 components in a way that they can be easily themed and placed anywhere in your site.

First things first

I know most of you just want to see it so here you can see the [link]LIVE DEMO[/link] and here you can Download the files so you can just play around with it.

Here is how it’ll look like:

ui-html-kit