Archive for the ‘Design’ Category

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.

Concept Feedback

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.

Web Font Specimen

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.

Image Editor IconsOnline 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:

CSS Buttons

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.

Image To Pattern Creator: Repper

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.

  • Tags:
  • Filed under: CC License, Design, Texture
  • 0 Comments
  • 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.

    Android Icons

  • Tags:
  • Filed under: CC License, Design, Icons
  • 1 Comment
  • 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.

    Fluid Grid System

    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.

    Placemark Icons

  • Tags:
  • Filed under: Design, Goodies, Icons, Map
  • 3 Comments
  • 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.

    Free Paper And Cardboard Textures

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

    Download Paper And Cardboard Textures

    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.

  • Tags:
  • Filed under: CC License, Design, Texture
  • 4 Comments
  • 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

    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 »

    feed-holder
    FeedBurner
    • 17% Off Web Hosting Sale - eTecc Web Hosting
    • activeCollab | Project Management
    • RapidxHTML - Converts Your PSD into XHTML Rapidly
    Manage your clients email marketing with sendcube
    • PSD to HTML
    • PSD to HTML
    • MailChimp

    Vivvo CMS - Web Publishing at your Fingertips

    Popular Posts


    Cheap SSL Certificates