Concept Feedback is a free-to-use web application for getting feedback from a professional community about designs, concepts we created.

The feedback points are collected under several categories like design, purpose, engagement & originality. Also, you can read the written feedbacks of the community & discuss with them.

It works so simple:

• become a member (free)
• upload your design (website,advertisement, logo, etc.)
• receive the fedback from the community
• improve your design, get feedbacks again & compare with the previous one

And, as a member of the community, you can send feedbacks to the works of other users.

Web Font Specimen is a project by Tim Brown of Nice Web Type, for seeing how a typeface renders in browsers.

It is simply a well-prepared HTML/CSS setup that displays most important elements like headings, lists, text in different colors/sizes, emphasis of them & more.

The download comes with the Georgia set by default & new typefaces can be configured by updating the CSS file.

Considering every font is becoming a web font with @font-face & web designers will probably be purchasing more fonts, analyzing how the font will be rendered becomes more important.

To see a demo of Web Font Specimen, click here.

Online image editors have evolved so much in the last few years & became very mature + functional for designers at every level.

They generally offer a similar interface with the popular image editing softwares which lowers the learning curve so much.

Almost all of them are Flash-based (no extra installations -like plugins- are required) & load/work very fast.

Why To Use Them?

You may be asking yourself why to use a web-based one when there is a powerful image editing software installed on your computer like Photoshop, Fireworks, GIMP, etc.?

Portability

There is no need to have a software other than a browser to run such applications. Also designs created with them can be saved instantly online.

This function is specially handy for anyone working at different locations/computers.

The Price Factor

Most popular image editing softwares, except GIMP, are generally not cheap & every new version requires a new license.

Online image editing platforms are free or come with cheap subscription plans.

Read the rest of this entry »

Simply-Buttons v2 is a technique to create good-looking & cross-browser buttons that is inspired from:

• How to make sexy buttons with CSS
• Rediscovering the Button Element

The buttons are created with pure CSS and, optionally, improved with JavaScript (code is provided).

They fit to any text & come with 3 states: inactive, active and hover.

P.S. Their compatibility is tested on IE6 IE7 FF(PC/MAC) Safari SafariMobile Opera(PC/MAC).

Repper is a free web-based application for creating patterns from any image.

It is possible to upload a custom image or use a random image that Repper provides to start using the application.

At this point, the only thing to do is to start dragging a resizable box where it displays the generated pattern instantly.

The created patterns can be saved or downloaded. And, the saved ones can be browsed by other users.

While browsing the gallery, you can vote patterns & sort them according to their popularity, view numbers, etc.

Android Icons is a set of 30 free vector icons that are originally developed to be used for Android applications but all are also great for websites.

They come in transparent PNG + EPS formats and can be freely used in personal/commercial projects.

The Fluid Grid System is a CSS framework which combines the principals of the typographic & baseline grid into a resolution-independent one.

It has a comprehensive logic. The classes are mentioned like: six_column section or three column which makes it easier to use & understand.

With the simple layout & use of CSS, the Fluid Grid System degrades well in both older web browsers, scales with text nicely & presents content to screen readers in a logical manner as well.

The framework is also great for rapid prototyping besides final production layouts as designers can quickly design complex layouts.

Map Icons Collection is a set of 600+ free placemark icons that can be used to mention almost anything on maps with style.

The set is categorized very well in the project's wiki pages like restaurants, culture, sports & much more.

Sizes of the icons are mostly 27*27px or 32*37px and they are all transparent PNG format.

Using paper textures is always a popular trend in design of any kind.

Here is a set of 7 high quality paper & cardboard textures -created exclusively for WebResourcesDepot by TextureZine- that are free to use in personal/commercial projects.

All textures are in JPEG format & 3168*4752px size.

Info: The download package is a .zip file & sized 46.2mb.

P.S. The textures can not be distributed in any other media. Please refer to this page if you mention them on your website. Thanks very much for that.

eCSStender is an open source JavaScript library, created by Aaron Gustafson, that helps browsers (including IE6) pay attention to the CSS code you write.

It aims to prevent the usage of browser-specific properties & hacks but make leaner & meaner CSS possible.

eCSStender is an extendible library with its API support & has ready-to-use extensions like CSS3 selectors, @font-face, rotation & more.

How does it work?

• it loops through the document's stylesheets and begins collecting information
• parses the rules it understands
• checks if the parsed rules are supported by the extensions
• applies the supported rules to the document via JavaScript

Read the rest of this entry »